@paubox/ui 0.21.0 → 0.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.esm.js
CHANGED
|
@@ -878,7 +878,7 @@ function _object_spread_props$C(target, source) {
|
|
|
878
878
|
}
|
|
879
879
|
return target;
|
|
880
880
|
}
|
|
881
|
-
function _tagged_template_literal$
|
|
881
|
+
function _tagged_template_literal$v(strings, raw) {
|
|
882
882
|
if (!raw) {
|
|
883
883
|
raw = strings.slice(0);
|
|
884
884
|
}
|
|
@@ -888,16 +888,16 @@ function _tagged_template_literal$w(strings, raw) {
|
|
|
888
888
|
}
|
|
889
889
|
}));
|
|
890
890
|
}
|
|
891
|
-
function _templateObject$
|
|
892
|
-
var data = _tagged_template_literal$
|
|
891
|
+
function _templateObject$v() {
|
|
892
|
+
var data = _tagged_template_literal$v([
|
|
893
893
|
"\n animation: rotate 1s linear infinite;\n\n @keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"
|
|
894
894
|
]);
|
|
895
|
-
_templateObject$
|
|
895
|
+
_templateObject$v = function _templateObject() {
|
|
896
896
|
return data;
|
|
897
897
|
};
|
|
898
898
|
return data;
|
|
899
899
|
}
|
|
900
|
-
var RotatingSvg = styled.svg(_templateObject$
|
|
900
|
+
var RotatingSvg = styled.svg(_templateObject$v());
|
|
901
901
|
var LoadingWheel = function(props) {
|
|
902
902
|
return /*#__PURE__*/ jsxs(RotatingSvg, _object_spread_props$C(_object_spread$K({
|
|
903
903
|
width: "1em",
|
|
@@ -1578,7 +1578,7 @@ var colors = /*#__PURE__*/Object.freeze({
|
|
|
1578
1578
|
warning900: warning900
|
|
1579
1579
|
});
|
|
1580
1580
|
|
|
1581
|
-
function _tagged_template_literal$
|
|
1581
|
+
function _tagged_template_literal$u(strings, raw) {
|
|
1582
1582
|
if (!raw) {
|
|
1583
1583
|
raw = strings.slice(0);
|
|
1584
1584
|
}
|
|
@@ -1588,17 +1588,17 @@ function _tagged_template_literal$v(strings, raw) {
|
|
|
1588
1588
|
}
|
|
1589
1589
|
}));
|
|
1590
1590
|
}
|
|
1591
|
-
function _templateObject$
|
|
1592
|
-
var data = _tagged_template_literal$
|
|
1591
|
+
function _templateObject$u() {
|
|
1592
|
+
var data = _tagged_template_literal$u([
|
|
1593
1593
|
"\n box-shadow: 0px 2px 8px 0px #0000001f;\n"
|
|
1594
1594
|
]);
|
|
1595
|
-
_templateObject$
|
|
1595
|
+
_templateObject$u = function _templateObject() {
|
|
1596
1596
|
return data;
|
|
1597
1597
|
};
|
|
1598
1598
|
return data;
|
|
1599
1599
|
}
|
|
1600
1600
|
function _templateObject1$j() {
|
|
1601
|
-
var data = _tagged_template_literal$
|
|
1601
|
+
var data = _tagged_template_literal$u([
|
|
1602
1602
|
"\n box-shadow: 0px 4px 12px 0px #00000029;\n"
|
|
1603
1603
|
]);
|
|
1604
1604
|
_templateObject1$j = function _templateObject() {
|
|
@@ -1606,17 +1606,17 @@ function _templateObject1$j() {
|
|
|
1606
1606
|
};
|
|
1607
1607
|
return data;
|
|
1608
1608
|
}
|
|
1609
|
-
function _templateObject2$
|
|
1610
|
-
var data = _tagged_template_literal$
|
|
1609
|
+
function _templateObject2$i() {
|
|
1610
|
+
var data = _tagged_template_literal$u([
|
|
1611
1611
|
"\n box-shadow: 0px 8px 16px 0px #0000001f;\n"
|
|
1612
1612
|
]);
|
|
1613
|
-
_templateObject2$
|
|
1613
|
+
_templateObject2$i = function _templateObject() {
|
|
1614
1614
|
return data;
|
|
1615
1615
|
};
|
|
1616
1616
|
return data;
|
|
1617
1617
|
}
|
|
1618
1618
|
function _templateObject3$d() {
|
|
1619
|
-
var data = _tagged_template_literal$
|
|
1619
|
+
var data = _tagged_template_literal$u([
|
|
1620
1620
|
"\n box-shadow: 0px 8px 32px 0px #00000029;\n"
|
|
1621
1621
|
]);
|
|
1622
1622
|
_templateObject3$d = function _templateObject() {
|
|
@@ -1624,9 +1624,9 @@ function _templateObject3$d() {
|
|
|
1624
1624
|
};
|
|
1625
1625
|
return data;
|
|
1626
1626
|
}
|
|
1627
|
-
var elevation100 = css(_templateObject$
|
|
1627
|
+
var elevation100 = css(_templateObject$u());
|
|
1628
1628
|
var elevation200 = css(_templateObject1$j());
|
|
1629
|
-
var elevation300 = css(_templateObject2$
|
|
1629
|
+
var elevation300 = css(_templateObject2$i());
|
|
1630
1630
|
var elevation400 = css(_templateObject3$d());
|
|
1631
1631
|
|
|
1632
1632
|
var elevation = /*#__PURE__*/Object.freeze({
|
|
@@ -1642,7 +1642,7 @@ var spacing = function(multiple) {
|
|
|
1642
1642
|
return multiple * DEFAULT_SPACING;
|
|
1643
1643
|
};
|
|
1644
1644
|
|
|
1645
|
-
function _tagged_template_literal$
|
|
1645
|
+
function _tagged_template_literal$t(strings, raw) {
|
|
1646
1646
|
if (!raw) {
|
|
1647
1647
|
raw = strings.slice(0);
|
|
1648
1648
|
}
|
|
@@ -1652,17 +1652,17 @@ function _tagged_template_literal$u(strings, raw) {
|
|
|
1652
1652
|
}
|
|
1653
1653
|
}));
|
|
1654
1654
|
}
|
|
1655
|
-
function _templateObject$
|
|
1656
|
-
var data = _tagged_template_literal$
|
|
1655
|
+
function _templateObject$t() {
|
|
1656
|
+
var data = _tagged_template_literal$t([
|
|
1657
1657
|
"\n font-family: 'Roboto', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smooth: never;\n"
|
|
1658
1658
|
]);
|
|
1659
|
-
_templateObject$
|
|
1659
|
+
_templateObject$t = function _templateObject() {
|
|
1660
1660
|
return data;
|
|
1661
1661
|
};
|
|
1662
1662
|
return data;
|
|
1663
1663
|
}
|
|
1664
1664
|
function _templateObject1$i() {
|
|
1665
|
-
var data = _tagged_template_literal$
|
|
1665
|
+
var data = _tagged_template_literal$t([
|
|
1666
1666
|
"\n ",
|
|
1667
1667
|
"\n font-size: ",
|
|
1668
1668
|
"rem;\n line-height: ",
|
|
@@ -1674,21 +1674,21 @@ function _templateObject1$i() {
|
|
|
1674
1674
|
};
|
|
1675
1675
|
return data;
|
|
1676
1676
|
}
|
|
1677
|
-
function _templateObject2$
|
|
1678
|
-
var data = _tagged_template_literal$
|
|
1677
|
+
function _templateObject2$h() {
|
|
1678
|
+
var data = _tagged_template_literal$t([
|
|
1679
1679
|
"\n ",
|
|
1680
1680
|
"\n font-size: ",
|
|
1681
1681
|
"rem;\n line-height: ",
|
|
1682
1682
|
"rem;\n letter-spacing: ",
|
|
1683
1683
|
"px;\n font-weight: 600;\n"
|
|
1684
1684
|
]);
|
|
1685
|
-
_templateObject2$
|
|
1685
|
+
_templateObject2$h = function _templateObject() {
|
|
1686
1686
|
return data;
|
|
1687
1687
|
};
|
|
1688
1688
|
return data;
|
|
1689
1689
|
}
|
|
1690
1690
|
function _templateObject3$c() {
|
|
1691
|
-
var data = _tagged_template_literal$
|
|
1691
|
+
var data = _tagged_template_literal$t([
|
|
1692
1692
|
"\n ",
|
|
1693
1693
|
"\n font-size: ",
|
|
1694
1694
|
"rem;\n line-height: ",
|
|
@@ -1701,7 +1701,7 @@ function _templateObject3$c() {
|
|
|
1701
1701
|
return data;
|
|
1702
1702
|
}
|
|
1703
1703
|
function _templateObject4$9() {
|
|
1704
|
-
var data = _tagged_template_literal$
|
|
1704
|
+
var data = _tagged_template_literal$t([
|
|
1705
1705
|
"\n ",
|
|
1706
1706
|
"\n font-size: ",
|
|
1707
1707
|
"rem;\n line-height: ",
|
|
@@ -1714,7 +1714,7 @@ function _templateObject4$9() {
|
|
|
1714
1714
|
return data;
|
|
1715
1715
|
}
|
|
1716
1716
|
function _templateObject5$4() {
|
|
1717
|
-
var data = _tagged_template_literal$
|
|
1717
|
+
var data = _tagged_template_literal$t([
|
|
1718
1718
|
"\n ",
|
|
1719
1719
|
"\n font-size: ",
|
|
1720
1720
|
"rem;\n line-height: ",
|
|
@@ -1727,7 +1727,7 @@ function _templateObject5$4() {
|
|
|
1727
1727
|
return data;
|
|
1728
1728
|
}
|
|
1729
1729
|
function _templateObject6$2() {
|
|
1730
|
-
var data = _tagged_template_literal$
|
|
1730
|
+
var data = _tagged_template_literal$t([
|
|
1731
1731
|
"\n ",
|
|
1732
1732
|
"\n font-size: ",
|
|
1733
1733
|
"rem;\n line-height: ",
|
|
@@ -1740,7 +1740,7 @@ function _templateObject6$2() {
|
|
|
1740
1740
|
return data;
|
|
1741
1741
|
}
|
|
1742
1742
|
function _templateObject7$1() {
|
|
1743
|
-
var data = _tagged_template_literal$
|
|
1743
|
+
var data = _tagged_template_literal$t([
|
|
1744
1744
|
"\n ",
|
|
1745
1745
|
"\n font-size: ",
|
|
1746
1746
|
"rem;\n line-height: ",
|
|
@@ -1753,7 +1753,7 @@ function _templateObject7$1() {
|
|
|
1753
1753
|
return data;
|
|
1754
1754
|
}
|
|
1755
1755
|
function _templateObject8() {
|
|
1756
|
-
var data = _tagged_template_literal$
|
|
1756
|
+
var data = _tagged_template_literal$t([
|
|
1757
1757
|
"\n ",
|
|
1758
1758
|
"\n font-size: ",
|
|
1759
1759
|
"rem;\n line-height: ",
|
|
@@ -1766,7 +1766,7 @@ function _templateObject8() {
|
|
|
1766
1766
|
return data;
|
|
1767
1767
|
}
|
|
1768
1768
|
function _templateObject9() {
|
|
1769
|
-
var data = _tagged_template_literal$
|
|
1769
|
+
var data = _tagged_template_literal$t([
|
|
1770
1770
|
"\n ",
|
|
1771
1771
|
"\n font-size: ",
|
|
1772
1772
|
"rem;\n line-height: ",
|
|
@@ -1779,7 +1779,7 @@ function _templateObject9() {
|
|
|
1779
1779
|
return data;
|
|
1780
1780
|
}
|
|
1781
1781
|
function _templateObject10() {
|
|
1782
|
-
var data = _tagged_template_literal$
|
|
1782
|
+
var data = _tagged_template_literal$t([
|
|
1783
1783
|
"\n ",
|
|
1784
1784
|
"\n font-size: ",
|
|
1785
1785
|
"rem;\n line-height: ",
|
|
@@ -1792,7 +1792,7 @@ function _templateObject10() {
|
|
|
1792
1792
|
return data;
|
|
1793
1793
|
}
|
|
1794
1794
|
function _templateObject11() {
|
|
1795
|
-
var data = _tagged_template_literal$
|
|
1795
|
+
var data = _tagged_template_literal$t([
|
|
1796
1796
|
"\n ",
|
|
1797
1797
|
"\n font-size: ",
|
|
1798
1798
|
"rem;\n line-height: ",
|
|
@@ -1805,7 +1805,7 @@ function _templateObject11() {
|
|
|
1805
1805
|
return data;
|
|
1806
1806
|
}
|
|
1807
1807
|
function _templateObject12() {
|
|
1808
|
-
var data = _tagged_template_literal$
|
|
1808
|
+
var data = _tagged_template_literal$t([
|
|
1809
1809
|
"\n ",
|
|
1810
1810
|
"\n font-size: ",
|
|
1811
1811
|
"rem;\n line-height: ",
|
|
@@ -1818,7 +1818,7 @@ function _templateObject12() {
|
|
|
1818
1818
|
return data;
|
|
1819
1819
|
}
|
|
1820
1820
|
function _templateObject13() {
|
|
1821
|
-
var data = _tagged_template_literal$
|
|
1821
|
+
var data = _tagged_template_literal$t([
|
|
1822
1822
|
"\n ",
|
|
1823
1823
|
"\n font-size: ",
|
|
1824
1824
|
"rem;\n line-height: ",
|
|
@@ -1831,7 +1831,7 @@ function _templateObject13() {
|
|
|
1831
1831
|
return data;
|
|
1832
1832
|
}
|
|
1833
1833
|
function _templateObject14() {
|
|
1834
|
-
var data = _tagged_template_literal$
|
|
1834
|
+
var data = _tagged_template_literal$t([
|
|
1835
1835
|
"\n ",
|
|
1836
1836
|
"\n font-size: ",
|
|
1837
1837
|
"rem;\n line-height: ",
|
|
@@ -1844,7 +1844,7 @@ function _templateObject14() {
|
|
|
1844
1844
|
return data;
|
|
1845
1845
|
}
|
|
1846
1846
|
function _templateObject15() {
|
|
1847
|
-
var data = _tagged_template_literal$
|
|
1847
|
+
var data = _tagged_template_literal$t([
|
|
1848
1848
|
"\n ",
|
|
1849
1849
|
"\n font-size: ",
|
|
1850
1850
|
"rem;\n line-height: ",
|
|
@@ -1857,7 +1857,7 @@ function _templateObject15() {
|
|
|
1857
1857
|
return data;
|
|
1858
1858
|
}
|
|
1859
1859
|
function _templateObject16() {
|
|
1860
|
-
var data = _tagged_template_literal$
|
|
1860
|
+
var data = _tagged_template_literal$t([
|
|
1861
1861
|
"\n ",
|
|
1862
1862
|
"\n font-size: ",
|
|
1863
1863
|
"rem;\n line-height: ",
|
|
@@ -1870,7 +1870,7 @@ function _templateObject16() {
|
|
|
1870
1870
|
return data;
|
|
1871
1871
|
}
|
|
1872
1872
|
function _templateObject17() {
|
|
1873
|
-
var data = _tagged_template_literal$
|
|
1873
|
+
var data = _tagged_template_literal$t([
|
|
1874
1874
|
"\n ",
|
|
1875
1875
|
"\n font-size: ",
|
|
1876
1876
|
"rem;\n line-height: ",
|
|
@@ -1883,7 +1883,7 @@ function _templateObject17() {
|
|
|
1883
1883
|
return data;
|
|
1884
1884
|
}
|
|
1885
1885
|
function _templateObject18() {
|
|
1886
|
-
var data = _tagged_template_literal$
|
|
1886
|
+
var data = _tagged_template_literal$t([
|
|
1887
1887
|
"\n ",
|
|
1888
1888
|
"\n font-size: ",
|
|
1889
1889
|
"rem;\n line-height: ",
|
|
@@ -1896,7 +1896,7 @@ function _templateObject18() {
|
|
|
1896
1896
|
return data;
|
|
1897
1897
|
}
|
|
1898
1898
|
function _templateObject19() {
|
|
1899
|
-
var data = _tagged_template_literal$
|
|
1899
|
+
var data = _tagged_template_literal$t([
|
|
1900
1900
|
"\n ",
|
|
1901
1901
|
"\n font-size: ",
|
|
1902
1902
|
"rem;\n line-height: ",
|
|
@@ -1909,7 +1909,7 @@ function _templateObject19() {
|
|
|
1909
1909
|
return data;
|
|
1910
1910
|
}
|
|
1911
1911
|
function _templateObject20() {
|
|
1912
|
-
var data = _tagged_template_literal$
|
|
1912
|
+
var data = _tagged_template_literal$t([
|
|
1913
1913
|
"\n ",
|
|
1914
1914
|
"\n font-size: ",
|
|
1915
1915
|
"rem;\n line-height: ",
|
|
@@ -1922,7 +1922,7 @@ function _templateObject20() {
|
|
|
1922
1922
|
return data;
|
|
1923
1923
|
}
|
|
1924
1924
|
function _templateObject21() {
|
|
1925
|
-
var data = _tagged_template_literal$
|
|
1925
|
+
var data = _tagged_template_literal$t([
|
|
1926
1926
|
"\n ",
|
|
1927
1927
|
"\n font-size: ",
|
|
1928
1928
|
"rem;\n line-height: ",
|
|
@@ -1935,7 +1935,7 @@ function _templateObject21() {
|
|
|
1935
1935
|
return data;
|
|
1936
1936
|
}
|
|
1937
1937
|
function _templateObject22() {
|
|
1938
|
-
var data = _tagged_template_literal$
|
|
1938
|
+
var data = _tagged_template_literal$t([
|
|
1939
1939
|
"\n ",
|
|
1940
1940
|
"\n font-size: ",
|
|
1941
1941
|
"rem;\n line-height: ",
|
|
@@ -1948,7 +1948,7 @@ function _templateObject22() {
|
|
|
1948
1948
|
return data;
|
|
1949
1949
|
}
|
|
1950
1950
|
function _templateObject23() {
|
|
1951
|
-
var data = _tagged_template_literal$
|
|
1951
|
+
var data = _tagged_template_literal$t([
|
|
1952
1952
|
"\n ",
|
|
1953
1953
|
"\n font-size: ",
|
|
1954
1954
|
"rem;\n line-height: ",
|
|
@@ -1961,7 +1961,7 @@ function _templateObject23() {
|
|
|
1961
1961
|
return data;
|
|
1962
1962
|
}
|
|
1963
1963
|
function _templateObject24() {
|
|
1964
|
-
var data = _tagged_template_literal$
|
|
1964
|
+
var data = _tagged_template_literal$t([
|
|
1965
1965
|
"\n ",
|
|
1966
1966
|
"\n font-size: ",
|
|
1967
1967
|
"rem;\n line-height: ",
|
|
@@ -1974,7 +1974,7 @@ function _templateObject24() {
|
|
|
1974
1974
|
return data;
|
|
1975
1975
|
}
|
|
1976
1976
|
function _templateObject25() {
|
|
1977
|
-
var data = _tagged_template_literal$
|
|
1977
|
+
var data = _tagged_template_literal$t([
|
|
1978
1978
|
"\n ",
|
|
1979
1979
|
"\n font-size: ",
|
|
1980
1980
|
"rem;\n line-height: ",
|
|
@@ -1986,10 +1986,10 @@ function _templateObject25() {
|
|
|
1986
1986
|
};
|
|
1987
1987
|
return data;
|
|
1988
1988
|
}
|
|
1989
|
-
var commonStyles = css(_templateObject$
|
|
1989
|
+
var commonStyles = css(_templateObject$t());
|
|
1990
1990
|
// HEADLINES
|
|
1991
1991
|
var $headline100Regular = css(_templateObject1$i(), commonStyles, headline100FontSize / BASE_FONT_SIZE, headline100LineHeight / BASE_FONT_SIZE, headline100LetterSpacing);
|
|
1992
|
-
var $headline100Semibold = css(_templateObject2$
|
|
1992
|
+
var $headline100Semibold = css(_templateObject2$h(), commonStyles, headline100FontSize / BASE_FONT_SIZE, headline100LineHeight / BASE_FONT_SIZE, headline100LetterSpacing);
|
|
1993
1993
|
var $headline200Regular = css(_templateObject3$c(), commonStyles, headline200FontSize / BASE_FONT_SIZE, headline200LineHeight / BASE_FONT_SIZE, headline200LetterSpacing);
|
|
1994
1994
|
var $headline200Semibold = css(_templateObject4$9(), commonStyles, headline200FontSize / BASE_FONT_SIZE, headline200LineHeight / BASE_FONT_SIZE, headline200LetterSpacing);
|
|
1995
1995
|
var $headline300Regular = css(_templateObject5$4(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
|
|
@@ -2084,7 +2084,7 @@ function _non_iterable_rest$l() {
|
|
|
2084
2084
|
function _sliced_to_array$l(arr, i) {
|
|
2085
2085
|
return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$p(arr, i) || _non_iterable_rest$l();
|
|
2086
2086
|
}
|
|
2087
|
-
function _tagged_template_literal$
|
|
2087
|
+
function _tagged_template_literal$s(strings, raw) {
|
|
2088
2088
|
if (!raw) {
|
|
2089
2089
|
raw = strings.slice(0);
|
|
2090
2090
|
}
|
|
@@ -2102,20 +2102,20 @@ function _unsupported_iterable_to_array$p(o, minLen) {
|
|
|
2102
2102
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
2103
2103
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$p(o, minLen);
|
|
2104
2104
|
}
|
|
2105
|
-
function _templateObject$
|
|
2106
|
-
var data = _tagged_template_literal$
|
|
2105
|
+
function _templateObject$s() {
|
|
2106
|
+
var data = _tagged_template_literal$s([
|
|
2107
2107
|
"\n padding: ",
|
|
2108
2108
|
";\n margin: 10px;\n border-radius: 5px;\n color: ",
|
|
2109
2109
|
";\n display: flex;\n align-items: center;\n flex-direction: row;\n gap: 0.5rem;\n background-color: ",
|
|
2110
2110
|
";\n"
|
|
2111
2111
|
]);
|
|
2112
|
-
_templateObject$
|
|
2112
|
+
_templateObject$s = function _templateObject() {
|
|
2113
2113
|
return data;
|
|
2114
2114
|
};
|
|
2115
2115
|
return data;
|
|
2116
2116
|
}
|
|
2117
2117
|
function _templateObject1$h() {
|
|
2118
|
-
var data = _tagged_template_literal$
|
|
2118
|
+
var data = _tagged_template_literal$s([
|
|
2119
2119
|
"\n ",
|
|
2120
2120
|
";\n margin: 0;\n"
|
|
2121
2121
|
]);
|
|
@@ -2124,18 +2124,18 @@ function _templateObject1$h() {
|
|
|
2124
2124
|
};
|
|
2125
2125
|
return data;
|
|
2126
2126
|
}
|
|
2127
|
-
function _templateObject2$
|
|
2128
|
-
var data = _tagged_template_literal$
|
|
2127
|
+
function _templateObject2$g() {
|
|
2128
|
+
var data = _tagged_template_literal$s([
|
|
2129
2129
|
"\n ",
|
|
2130
2130
|
";\n margin: 0;\n"
|
|
2131
2131
|
]);
|
|
2132
|
-
_templateObject2$
|
|
2132
|
+
_templateObject2$g = function _templateObject() {
|
|
2133
2133
|
return data;
|
|
2134
2134
|
};
|
|
2135
2135
|
return data;
|
|
2136
2136
|
}
|
|
2137
2137
|
function _templateObject3$b() {
|
|
2138
|
-
var data = _tagged_template_literal$
|
|
2138
|
+
var data = _tagged_template_literal$s([
|
|
2139
2139
|
"\n font-size: 1.5rem;\n color: ",
|
|
2140
2140
|
";\n margin-bottom: auto;\n flex-shrink: 0;\n"
|
|
2141
2141
|
]);
|
|
@@ -2145,7 +2145,7 @@ function _templateObject3$b() {
|
|
|
2145
2145
|
return data;
|
|
2146
2146
|
}
|
|
2147
2147
|
function _templateObject4$8() {
|
|
2148
|
-
var data = _tagged_template_literal$
|
|
2148
|
+
var data = _tagged_template_literal$s([
|
|
2149
2149
|
"\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n"
|
|
2150
2150
|
]);
|
|
2151
2151
|
_templateObject4$8 = function _templateObject() {
|
|
@@ -2154,7 +2154,7 @@ function _templateObject4$8() {
|
|
|
2154
2154
|
return data;
|
|
2155
2155
|
}
|
|
2156
2156
|
function _templateObject5$3() {
|
|
2157
|
-
var data = _tagged_template_literal$
|
|
2157
|
+
var data = _tagged_template_literal$s([
|
|
2158
2158
|
"\n background-color: transparent;\n border: none;\n color: ",
|
|
2159
2159
|
";\n cursor: pointer;\n padding: 0.25rem;\n font-size: 0.75rem;\n margin-left: ",
|
|
2160
2160
|
";\n"
|
|
@@ -2164,7 +2164,7 @@ function _templateObject5$3() {
|
|
|
2164
2164
|
};
|
|
2165
2165
|
return data;
|
|
2166
2166
|
}
|
|
2167
|
-
var AlertContainer = styled.div(_templateObject$
|
|
2167
|
+
var AlertContainer = styled.div(_templateObject$s(), function(param) {
|
|
2168
2168
|
var size = param.size;
|
|
2169
2169
|
return size === 'large' ? '1rem' : '0.5rem 0.625rem';
|
|
2170
2170
|
}, neutral900, function(param) {
|
|
@@ -2175,7 +2175,7 @@ var Title = styled.h1(_templateObject1$h(), function(param) {
|
|
|
2175
2175
|
var size = param.size;
|
|
2176
2176
|
return size === 'large' ? $paragraph100Semibold : $paragraph200Regular;
|
|
2177
2177
|
});
|
|
2178
|
-
var Text = styled.p(_templateObject2$
|
|
2178
|
+
var Text = styled.p(_templateObject2$g(), $paragraph200Regular);
|
|
2179
2179
|
var StyledIcon = styled.div(_templateObject3$b(), function(param) {
|
|
2180
2180
|
var type = param.type;
|
|
2181
2181
|
return type === 'info' ? primary700 : type === 'error' ? danger700 : type === 'success' ? success700 : warning700;
|
|
@@ -2233,7 +2233,7 @@ var AlertBar = function(props) {
|
|
|
2233
2233
|
});
|
|
2234
2234
|
};
|
|
2235
2235
|
|
|
2236
|
-
function _tagged_template_literal$
|
|
2236
|
+
function _tagged_template_literal$r(strings, raw) {
|
|
2237
2237
|
if (!raw) {
|
|
2238
2238
|
raw = strings.slice(0);
|
|
2239
2239
|
}
|
|
@@ -2243,8 +2243,8 @@ function _tagged_template_literal$s(strings, raw) {
|
|
|
2243
2243
|
}
|
|
2244
2244
|
}));
|
|
2245
2245
|
}
|
|
2246
|
-
function _templateObject$
|
|
2247
|
-
var data = _tagged_template_literal$
|
|
2246
|
+
function _templateObject$r() {
|
|
2247
|
+
var data = _tagged_template_literal$r([
|
|
2248
2248
|
"\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: ",
|
|
2249
2249
|
";\n border: ",
|
|
2250
2250
|
";\n transition: all;\n transition-duration: 200ms;\n border-radius: ",
|
|
@@ -2259,7 +2259,7 @@ function _templateObject$s() {
|
|
|
2259
2259
|
";\n cursor: not-allowed;\n\n color: ",
|
|
2260
2260
|
";\n }\n"
|
|
2261
2261
|
]);
|
|
2262
|
-
_templateObject$
|
|
2262
|
+
_templateObject$r = function _templateObject() {
|
|
2263
2263
|
return data;
|
|
2264
2264
|
};
|
|
2265
2265
|
return data;
|
|
@@ -2309,7 +2309,7 @@ var getTextColor = function(color) {
|
|
|
2309
2309
|
return textPrimary;
|
|
2310
2310
|
}
|
|
2311
2311
|
};
|
|
2312
|
-
var BaseButton = styled.button(_templateObject$
|
|
2312
|
+
var BaseButton = styled.button(_templateObject$r(), function(props) {
|
|
2313
2313
|
return props.size === 'large' ? '12px 16px' : '10px 12px';
|
|
2314
2314
|
}, function(param) {
|
|
2315
2315
|
var color = param.color, variant = param.variant;
|
|
@@ -2417,7 +2417,7 @@ function _object_without_properties_loose$m(source, excluded) {
|
|
|
2417
2417
|
}
|
|
2418
2418
|
return target;
|
|
2419
2419
|
}
|
|
2420
|
-
function _tagged_template_literal$
|
|
2420
|
+
function _tagged_template_literal$q(strings, raw) {
|
|
2421
2421
|
if (!raw) {
|
|
2422
2422
|
raw = strings.slice(0);
|
|
2423
2423
|
}
|
|
@@ -2427,17 +2427,17 @@ function _tagged_template_literal$r(strings, raw) {
|
|
|
2427
2427
|
}
|
|
2428
2428
|
}));
|
|
2429
2429
|
}
|
|
2430
|
-
function _templateObject$
|
|
2431
|
-
var data = _tagged_template_literal$
|
|
2430
|
+
function _templateObject$q() {
|
|
2431
|
+
var data = _tagged_template_literal$q([
|
|
2432
2432
|
"\n display: flex;\n margin: ",
|
|
2433
2433
|
";\n"
|
|
2434
2434
|
]);
|
|
2435
|
-
_templateObject$
|
|
2435
|
+
_templateObject$q = function _templateObject() {
|
|
2436
2436
|
return data;
|
|
2437
2437
|
};
|
|
2438
2438
|
return data;
|
|
2439
2439
|
}
|
|
2440
|
-
var IconWrapper$4 = styled.span(_templateObject$
|
|
2440
|
+
var IconWrapper$4 = styled.span(_templateObject$q(), function(props) {
|
|
2441
2441
|
return props.iconLeft ? '0 8px 0 0' : props.iconRight ? '0 0 0 8px' : '0';
|
|
2442
2442
|
});
|
|
2443
2443
|
var Button = /*#__PURE__*/ forwardRef(function(_param, ref) {
|
|
@@ -21503,7 +21503,7 @@ var PRESELECT_CHANGE_VIA_NAVIGATE = "navigate";
|
|
|
21503
21503
|
|
|
21504
21504
|
var datepickerStyles = ".react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon::before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:\"\";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:\"Helvetica Neue\",helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:bold;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *::before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next::before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous::before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.7rem/2);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:bold}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:rgba(0,0,0,0)}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:bold}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid rgba(0,0,0,0);border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:rgba(0,0,0,0);border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon::after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:\"×\"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled::after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:bold;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-0.125em}\n";
|
|
21505
21505
|
|
|
21506
|
-
function _tagged_template_literal$
|
|
21506
|
+
function _tagged_template_literal$p(strings, raw) {
|
|
21507
21507
|
if (!raw) {
|
|
21508
21508
|
raw = strings.slice(0);
|
|
21509
21509
|
}
|
|
@@ -21513,8 +21513,8 @@ function _tagged_template_literal$q(strings, raw) {
|
|
|
21513
21513
|
}
|
|
21514
21514
|
}));
|
|
21515
21515
|
}
|
|
21516
|
-
function _templateObject$
|
|
21517
|
-
var data = _tagged_template_literal$
|
|
21516
|
+
function _templateObject$p() {
|
|
21517
|
+
var data = _tagged_template_literal$p([
|
|
21518
21518
|
"\n .react-datepicker__day-name {\n ",
|
|
21519
21519
|
"\n color: ",
|
|
21520
21520
|
";\n\n &:first-of-type {\n width: 35px;\n padding-right: 5px;\n }\n &:last-of-type {\n width: 35px;\n padding-left: 5px;\n }\n }\n .react-datepicker__day-names {\n margin: 12px 0;\n }\n .react-datepicker__day-name {\n width: 40px;\n margin: 0;\n }\n .react-datepicker__week {\n &:last-child {\n .react-datepicker__day {\n border-top: 5px solid white;\n border-bottom: none;\n }\n }\n }\n .react-datepicker__day {\n height: 30px;\n width: 40px;\n margin: 0;\n border-top: 5px solid white;\n border-bottom: 5px solid white;\n border-radius: 0;\n\n &:first-of-type {\n width: 35px;\n padding-right: 5px;\n }\n &:last-of-type {\n width: 35px;\n padding-left: 5px;\n }\n }\n .react-datepicker__day:hover,\n .react-datepicker__day--today,\n .react-datepicker__day--selected,\n .react-datepicker__day--keyboard-selected {\n background: none;\n }\n .react-datepicker__day div {\n ",
|
|
@@ -21526,13 +21526,13 @@ function _templateObject$q() {
|
|
|
21526
21526
|
";\n background: ",
|
|
21527
21527
|
";\n }\n"
|
|
21528
21528
|
]);
|
|
21529
|
-
_templateObject$
|
|
21529
|
+
_templateObject$p = function _templateObject() {
|
|
21530
21530
|
return data;
|
|
21531
21531
|
};
|
|
21532
21532
|
return data;
|
|
21533
21533
|
}
|
|
21534
21534
|
function _templateObject1$g() {
|
|
21535
|
-
var data = _tagged_template_literal$
|
|
21535
|
+
var data = _tagged_template_literal$p([
|
|
21536
21536
|
"\n .react-datepicker__day--in-selecting-range:not(\n .react-datepicker__day--selecting-range-start\n ):not(.react-datepicker__day--selecting-range-end),\n .react-datepicker__day--in-range:not(.react-datepicker__day--range-start):not(\n .react-datepicker__day--range-end\n ) {\n color: ",
|
|
21537
21537
|
";\n background: ",
|
|
21538
21538
|
";\n\n &:hover {\n background: ",
|
|
@@ -21552,8 +21552,8 @@ function _templateObject1$g() {
|
|
|
21552
21552
|
};
|
|
21553
21553
|
return data;
|
|
21554
21554
|
}
|
|
21555
|
-
function _templateObject2$
|
|
21556
|
-
var data = _tagged_template_literal$
|
|
21555
|
+
function _templateObject2$f() {
|
|
21556
|
+
var data = _tagged_template_literal$p([
|
|
21557
21557
|
"\n ",
|
|
21558
21558
|
"\n\n & * {\n box-sizing: content-box;\n }\n\n &.calendar-container {\n display: flex;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n border: none;\n font-family: 'Roboto', sans-serif;\n color: ",
|
|
21559
21559
|
";\n\n .react-datepicker__header {\n padding: 0;\n border-bottom: none;\n background: none;\n }\n .react-datepicker__navigation {\n top: 0;\n background: ",
|
|
@@ -21564,14 +21564,14 @@ function _templateObject2$e() {
|
|
|
21564
21564
|
"\n ",
|
|
21565
21565
|
"\n }\n"
|
|
21566
21566
|
]);
|
|
21567
|
-
_templateObject2$
|
|
21567
|
+
_templateObject2$f = function _templateObject() {
|
|
21568
21568
|
return data;
|
|
21569
21569
|
};
|
|
21570
21570
|
return data;
|
|
21571
21571
|
}
|
|
21572
|
-
var dayStyles = css(_templateObject$
|
|
21572
|
+
var dayStyles = css(_templateObject$p(), $paragraph300Medium, neutral400, $paragraph300Bold, primary600, $paragraph300Medium, neutral400, primary100, textPrimaryWhite, primary600);
|
|
21573
21573
|
var rangeStyles = css(_templateObject1$g(), primary600, primary100, primary100, textPrimaryWhite, primary600, primary200, textPrimaryWhite, primary600, primary100, textPrimaryWhite, primary600, primary100);
|
|
21574
|
-
var Container$3 = styled.div(_templateObject2$
|
|
21574
|
+
var Container$3 = styled.div(_templateObject2$f(), datepickerStyles, textPrimary, neutral100, neutral300, $paragraph100Semibold, spacing(4), dayStyles, rangeStyles);
|
|
21575
21575
|
var CalendarContainer = function(param) {
|
|
21576
21576
|
var children = param.children;
|
|
21577
21577
|
return /*#__PURE__*/ jsx("div", {
|
|
@@ -21751,7 +21751,7 @@ function _object_without_properties_loose$j(source, excluded) {
|
|
|
21751
21751
|
}
|
|
21752
21752
|
return target;
|
|
21753
21753
|
}
|
|
21754
|
-
function _tagged_template_literal$
|
|
21754
|
+
function _tagged_template_literal$o(strings, raw) {
|
|
21755
21755
|
if (!raw) {
|
|
21756
21756
|
raw = strings.slice(0);
|
|
21757
21757
|
}
|
|
@@ -21761,16 +21761,16 @@ function _tagged_template_literal$p(strings, raw) {
|
|
|
21761
21761
|
}
|
|
21762
21762
|
}));
|
|
21763
21763
|
}
|
|
21764
|
-
function _templateObject$
|
|
21765
|
-
var data = _tagged_template_literal$
|
|
21764
|
+
function _templateObject$o() {
|
|
21765
|
+
var data = _tagged_template_literal$o([
|
|
21766
21766
|
"\n height: 15px;\n width: 15px;\n cursor: pointer;\n"
|
|
21767
21767
|
]);
|
|
21768
|
-
_templateObject$
|
|
21768
|
+
_templateObject$o = function _templateObject() {
|
|
21769
21769
|
return data;
|
|
21770
21770
|
};
|
|
21771
21771
|
return data;
|
|
21772
21772
|
}
|
|
21773
|
-
var StyledCheckbox = styled.input(_templateObject$
|
|
21773
|
+
var StyledCheckbox = styled.input(_templateObject$o());
|
|
21774
21774
|
var Checkbox = function(_param) {
|
|
21775
21775
|
var _param_checked = _param.checked, checked = _param_checked === void 0 ? false : _param_checked, _param_indeterminate = _param.indeterminate, indeterminate = _param_indeterminate === void 0 ? false : _param_indeterminate, onChange = _param.onChange, props = _object_without_properties$j(_param, [
|
|
21776
21776
|
"checked",
|
|
@@ -21903,7 +21903,7 @@ function _object_spread$v(target) {
|
|
|
21903
21903
|
function _sliced_to_array$g(arr, i) {
|
|
21904
21904
|
return _array_with_holes$g(arr) || _iterable_to_array_limit$g(arr, i) || _unsupported_iterable_to_array$j(arr, i) || _non_iterable_rest$g();
|
|
21905
21905
|
}
|
|
21906
|
-
function _tagged_template_literal$
|
|
21906
|
+
function _tagged_template_literal$n(strings, raw) {
|
|
21907
21907
|
if (!raw) {
|
|
21908
21908
|
raw = strings.slice(0);
|
|
21909
21909
|
}
|
|
@@ -21924,19 +21924,19 @@ function _unsupported_iterable_to_array$j(o, minLen) {
|
|
|
21924
21924
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
21925
21925
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$j(o, minLen);
|
|
21926
21926
|
}
|
|
21927
|
-
function _templateObject$
|
|
21928
|
-
var data = _tagged_template_literal$
|
|
21927
|
+
function _templateObject$n() {
|
|
21928
|
+
var data = _tagged_template_literal$n([
|
|
21929
21929
|
"\n position: absolute;\n z-index: 1;\n padding: ",
|
|
21930
21930
|
"px;\n border-radius: ",
|
|
21931
21931
|
"px;\n background: white;\n ",
|
|
21932
21932
|
"\n"
|
|
21933
21933
|
]);
|
|
21934
|
-
_templateObject$
|
|
21934
|
+
_templateObject$n = function _templateObject() {
|
|
21935
21935
|
return data;
|
|
21936
21936
|
};
|
|
21937
21937
|
return data;
|
|
21938
21938
|
}
|
|
21939
|
-
var PopperContainer = styled.div(_templateObject$
|
|
21939
|
+
var PopperContainer = styled.div(_templateObject$n(), spacing(2), spacing(1), elevation400);
|
|
21940
21940
|
var calculatePosition = function(anchorRect, popperRect, side, align, offset, detectEdges) {
|
|
21941
21941
|
var top = 0;
|
|
21942
21942
|
var left = 0;
|
|
@@ -22037,11 +22037,14 @@ var Popper = function(param) {
|
|
|
22037
22037
|
detectEdges
|
|
22038
22038
|
]);
|
|
22039
22039
|
useLayoutEffect(function() {
|
|
22040
|
-
if (open) {
|
|
22041
|
-
updatePosition();
|
|
22042
|
-
} else {
|
|
22040
|
+
if (!open) {
|
|
22043
22041
|
setPosition(null);
|
|
22042
|
+
return;
|
|
22044
22043
|
}
|
|
22044
|
+
var handle = requestAnimationFrame(updatePosition);
|
|
22045
|
+
return function() {
|
|
22046
|
+
return cancelAnimationFrame(handle);
|
|
22047
|
+
};
|
|
22045
22048
|
}, [
|
|
22046
22049
|
open,
|
|
22047
22050
|
updatePosition
|
|
@@ -22188,7 +22191,7 @@ function _object_without_properties_loose$i(source, excluded) {
|
|
|
22188
22191
|
function _sliced_to_array$f(arr, i) {
|
|
22189
22192
|
return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$f();
|
|
22190
22193
|
}
|
|
22191
|
-
function _tagged_template_literal$
|
|
22194
|
+
function _tagged_template_literal$m(strings, raw) {
|
|
22192
22195
|
if (!raw) {
|
|
22193
22196
|
raw = strings.slice(0);
|
|
22194
22197
|
}
|
|
@@ -22206,19 +22209,19 @@ function _unsupported_iterable_to_array$i(o, minLen) {
|
|
|
22206
22209
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
22207
22210
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$i(o, minLen);
|
|
22208
22211
|
}
|
|
22209
|
-
function _templateObject$
|
|
22210
|
-
var data = _tagged_template_literal$
|
|
22212
|
+
function _templateObject$m() {
|
|
22213
|
+
var data = _tagged_template_literal$m([
|
|
22211
22214
|
"\n display: flex;\n justify-content: space-between;\n padding: ",
|
|
22212
22215
|
"px;\n border: 1px solid ",
|
|
22213
22216
|
";\n border-radius: ",
|
|
22214
22217
|
"px;\n font-weight: 700;\n opacity: 0.8;\n"
|
|
22215
22218
|
]);
|
|
22216
|
-
_templateObject$
|
|
22219
|
+
_templateObject$m = function _templateObject() {
|
|
22217
22220
|
return data;
|
|
22218
22221
|
};
|
|
22219
22222
|
return data;
|
|
22220
22223
|
}
|
|
22221
|
-
var DatePickerButton = styled(Button)(_templateObject$
|
|
22224
|
+
var DatePickerButton = styled(Button)(_templateObject$m(), spacing(1), neutral300, spacing(1));
|
|
22222
22225
|
var DatePicker = function(_param) {
|
|
22223
22226
|
var _param_rangeSelect = _param.rangeSelect, rangeSelect = _param_rangeSelect === void 0 ? false : _param_rangeSelect, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? new Date() : _param_selectedDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? new Date(Date.now() - 7 * 24 * 60 * 60 * 1000) : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? new Date() : _param_endDate, onChange = _param.onChange, rest = _object_without_properties$i(_param, [
|
|
22224
22227
|
"rangeSelect",
|
|
@@ -22388,7 +22391,7 @@ function _object_spread_props$o(target, source) {
|
|
|
22388
22391
|
function _sliced_to_array$e(arr, i) {
|
|
22389
22392
|
return _array_with_holes$e(arr) || _iterable_to_array_limit$e(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$e();
|
|
22390
22393
|
}
|
|
22391
|
-
function _tagged_template_literal$
|
|
22394
|
+
function _tagged_template_literal$l(strings, raw) {
|
|
22392
22395
|
if (!raw) {
|
|
22393
22396
|
raw = strings.slice(0);
|
|
22394
22397
|
}
|
|
@@ -22406,25 +22409,25 @@ function _unsupported_iterable_to_array$h(o, minLen) {
|
|
|
22406
22409
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
22407
22410
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$h(o, minLen);
|
|
22408
22411
|
}
|
|
22409
|
-
function _templateObject$
|
|
22410
|
-
var data = _tagged_template_literal$
|
|
22412
|
+
function _templateObject$l() {
|
|
22413
|
+
var data = _tagged_template_literal$l([
|
|
22411
22414
|
"\n margin-left: ",
|
|
22412
22415
|
"px;\n transition: all 150ms ease-in-out;\n transform: ",
|
|
22413
22416
|
";\n"
|
|
22414
22417
|
]);
|
|
22415
|
-
_templateObject$
|
|
22418
|
+
_templateObject$l = function _templateObject() {
|
|
22416
22419
|
return data;
|
|
22417
22420
|
};
|
|
22418
22421
|
return data;
|
|
22419
22422
|
}
|
|
22420
|
-
var ArrowIcon = styled(ChevronDown)(_templateObject$
|
|
22423
|
+
var ArrowIcon = styled(ChevronDown)(_templateObject$l(), spacing(1), function(param) {
|
|
22421
22424
|
var open = param.open;
|
|
22422
22425
|
return open ? 'rotate(180deg)' : 'rotate(0deg)';
|
|
22423
22426
|
});
|
|
22424
22427
|
var DropdownMenu = function(param) {
|
|
22425
22428
|
var label = param.label, items = param.items, children = param.children, openProp = param.open, onOpenChange = param.onOpenChange, iconLeft = param.iconLeft, _param_size = param.size, size = _param_size === void 0 ? 'small' : _param_size, align = param.align, _param_buttonProps = param.buttonProps, buttonProps = _param_buttonProps === void 0 ? {
|
|
22426
22429
|
color: 'primary'
|
|
22427
|
-
} : _param_buttonProps, _param_testId = param.testId, testId = _param_testId === void 0 ? 'dropdown' : _param_testId, childContainerRefs = param.childContainerRefs;
|
|
22430
|
+
} : _param_buttonProps, _param_testId = param.testId, testId = _param_testId === void 0 ? 'dropdown' : _param_testId, childContainerRefs = param.childContainerRefs, disabled = param.disabled;
|
|
22428
22431
|
var _useState = _sliced_to_array$e(useState(false), 2), open = _useState[0], setOpen = _useState[1];
|
|
22429
22432
|
var buttonRef = useRef(null);
|
|
22430
22433
|
var isControlled = openProp !== undefined && onOpenChange;
|
|
@@ -22437,7 +22440,8 @@ var DropdownMenu = function(param) {
|
|
|
22437
22440
|
style: {
|
|
22438
22441
|
whiteSpace: 'nowrap',
|
|
22439
22442
|
borderColor: openProp || open ? primary600 : undefined
|
|
22440
|
-
}
|
|
22443
|
+
},
|
|
22444
|
+
disabled: disabled
|
|
22441
22445
|
}, buttonProps), {
|
|
22442
22446
|
onClick: function() {
|
|
22443
22447
|
if (isControlled) {
|
|
@@ -22532,7 +22536,7 @@ function _non_iterable_rest$d() {
|
|
|
22532
22536
|
function _sliced_to_array$d(arr, i) {
|
|
22533
22537
|
return _array_with_holes$d(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$g(arr, i) || _non_iterable_rest$d();
|
|
22534
22538
|
}
|
|
22535
|
-
function _tagged_template_literal$
|
|
22539
|
+
function _tagged_template_literal$k(strings, raw) {
|
|
22536
22540
|
if (!raw) {
|
|
22537
22541
|
raw = strings.slice(0);
|
|
22538
22542
|
}
|
|
@@ -22550,18 +22554,18 @@ function _unsupported_iterable_to_array$g(o, minLen) {
|
|
|
22550
22554
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
22551
22555
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$g(o, minLen);
|
|
22552
22556
|
}
|
|
22553
|
-
function _templateObject$
|
|
22554
|
-
var data = _tagged_template_literal$
|
|
22557
|
+
function _templateObject$k() {
|
|
22558
|
+
var data = _tagged_template_literal$k([
|
|
22555
22559
|
"\n display: flex;\n width: 100%;\n padding: 1rem;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 0.5rem;\n box-sizing: border-box;\n border-radius: 0.5rem;\n transition: all ease-in-out;\n background-color: ",
|
|
22556
22560
|
";\n"
|
|
22557
22561
|
]);
|
|
22558
|
-
_templateObject$
|
|
22562
|
+
_templateObject$k = function _templateObject() {
|
|
22559
22563
|
return data;
|
|
22560
22564
|
};
|
|
22561
22565
|
return data;
|
|
22562
22566
|
}
|
|
22563
22567
|
function _templateObject1$f() {
|
|
22564
|
-
var data = _tagged_template_literal$
|
|
22568
|
+
var data = _tagged_template_literal$k([
|
|
22565
22569
|
"\n display: flex;\n width: 100%;\n flex-direction: column;\n gap: 0.5rem;\n"
|
|
22566
22570
|
]);
|
|
22567
22571
|
_templateObject1$f = function _templateObject() {
|
|
@@ -22569,17 +22573,17 @@ function _templateObject1$f() {
|
|
|
22569
22573
|
};
|
|
22570
22574
|
return data;
|
|
22571
22575
|
}
|
|
22572
|
-
function _templateObject2$
|
|
22573
|
-
var data = _tagged_template_literal$
|
|
22576
|
+
function _templateObject2$e() {
|
|
22577
|
+
var data = _tagged_template_literal$k([
|
|
22574
22578
|
"\n display: flex;\n width: 100%;\n flex-direction: row;\n flex-wrap: nowrap;\n gap: 0.5rem;\n"
|
|
22575
22579
|
]);
|
|
22576
|
-
_templateObject2$
|
|
22580
|
+
_templateObject2$e = function _templateObject() {
|
|
22577
22581
|
return data;
|
|
22578
22582
|
};
|
|
22579
22583
|
return data;
|
|
22580
22584
|
}
|
|
22581
22585
|
function _templateObject3$a() {
|
|
22582
|
-
var data = _tagged_template_literal$
|
|
22586
|
+
var data = _tagged_template_literal$k([
|
|
22583
22587
|
"\n width: 100%;\n min-width: 0;\n"
|
|
22584
22588
|
]);
|
|
22585
22589
|
_templateObject3$a = function _templateObject() {
|
|
@@ -22587,12 +22591,12 @@ function _templateObject3$a() {
|
|
|
22587
22591
|
};
|
|
22588
22592
|
return data;
|
|
22589
22593
|
}
|
|
22590
|
-
var RowContainer = styled.div(_templateObject$
|
|
22594
|
+
var RowContainer = styled.div(_templateObject$k(), function(param) {
|
|
22591
22595
|
var isHovered = param.isHovered;
|
|
22592
22596
|
return isHovered ? '#FEE2E2' : 'transparent';
|
|
22593
22597
|
});
|
|
22594
22598
|
var ContentContainer = styled.div(_templateObject1$f());
|
|
22595
|
-
var SelectContainer = styled.div(_templateObject2$
|
|
22599
|
+
var SelectContainer = styled.div(_templateObject2$e());
|
|
22596
22600
|
var MultiInputContainer = styled.div(_templateObject3$a());
|
|
22597
22601
|
var FilterRow = function(param) {
|
|
22598
22602
|
var filterKey = param.filterKey, rowIndex = param.rowIndex, values = param.values, errors = param.errors, touched = param.touched, onChange = param.onChange, onRemove = param.onRemove, fieldOptions = param.fieldOptions, operatorOptions = param.operatorOptions, showRemove = param.showRemove;
|
|
@@ -22766,7 +22770,7 @@ function _object_spread$s(target) {
|
|
|
22766
22770
|
function _sliced_to_array$c(arr, i) {
|
|
22767
22771
|
return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$c();
|
|
22768
22772
|
}
|
|
22769
|
-
function _tagged_template_literal$
|
|
22773
|
+
function _tagged_template_literal$j(strings, raw) {
|
|
22770
22774
|
if (!raw) {
|
|
22771
22775
|
raw = strings.slice(0);
|
|
22772
22776
|
}
|
|
@@ -22787,17 +22791,17 @@ function _unsupported_iterable_to_array$f(o, minLen) {
|
|
|
22787
22791
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
22788
22792
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$f(o, minLen);
|
|
22789
22793
|
}
|
|
22790
|
-
function _templateObject$
|
|
22791
|
-
var data = _tagged_template_literal$
|
|
22794
|
+
function _templateObject$j() {
|
|
22795
|
+
var data = _tagged_template_literal$j([
|
|
22792
22796
|
"\n display: flex;\n flex-direction: column;\n gap: 1rem;\n"
|
|
22793
22797
|
]);
|
|
22794
|
-
_templateObject$
|
|
22798
|
+
_templateObject$j = function _templateObject() {
|
|
22795
22799
|
return data;
|
|
22796
22800
|
};
|
|
22797
22801
|
return data;
|
|
22798
22802
|
}
|
|
22799
22803
|
function _templateObject1$e() {
|
|
22800
|
-
var data = _tagged_template_literal$
|
|
22804
|
+
var data = _tagged_template_literal$j([
|
|
22801
22805
|
"\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 0.5rem;\n border-radius: 0.5rem;\n background-color: ",
|
|
22802
22806
|
";\n border: 1px solid\n ",
|
|
22803
22807
|
";\n"
|
|
@@ -22807,17 +22811,17 @@ function _templateObject1$e() {
|
|
|
22807
22811
|
};
|
|
22808
22812
|
return data;
|
|
22809
22813
|
}
|
|
22810
|
-
function _templateObject2$
|
|
22811
|
-
var data = _tagged_template_literal$
|
|
22814
|
+
function _templateObject2$d() {
|
|
22815
|
+
var data = _tagged_template_literal$j([
|
|
22812
22816
|
"\n position: absolute;\n display: flex;\n\n justify-content: center;\n align-items: center;\n right: -0.75rem;\n top: -0.75rem;\n border-radius: 9999px;\n border: 1px solid #e5e7eb;\n background-color: white;\n padding: 0.25rem;\n &:hover {\n cursor: pointer;\n }\n"
|
|
22813
22817
|
]);
|
|
22814
|
-
_templateObject2$
|
|
22818
|
+
_templateObject2$d = function _templateObject() {
|
|
22815
22819
|
return data;
|
|
22816
22820
|
};
|
|
22817
22821
|
return data;
|
|
22818
22822
|
}
|
|
22819
22823
|
function _templateObject3$9() {
|
|
22820
|
-
var data = _tagged_template_literal$
|
|
22824
|
+
var data = _tagged_template_literal$j([
|
|
22821
22825
|
"\n display: flex;\n width: 100%;\n flex-direction: column;\n flex-wrap: wrap;\n gap: 1rem;\n border-color: #e5e7eb;\n"
|
|
22822
22826
|
]);
|
|
22823
22827
|
_templateObject3$9 = function _templateObject() {
|
|
@@ -22826,7 +22830,7 @@ function _templateObject3$9() {
|
|
|
22826
22830
|
return data;
|
|
22827
22831
|
}
|
|
22828
22832
|
function _templateObject4$7() {
|
|
22829
|
-
var data = _tagged_template_literal$
|
|
22833
|
+
var data = _tagged_template_literal$j([
|
|
22830
22834
|
"\n width: 100%;\n border-radius: 0.5rem;\n border: 4px dashed #e5e7eb;\n background-color: #f9fafb;\n padding: 2rem;\n\n &:hover {\n cursor: pointer;\n &:not(:disabled) {\n background-color: ",
|
|
22831
22835
|
";\n }\n &:disabled {\n cursor: not-allowed;\n }\n }\n"
|
|
22832
22836
|
]);
|
|
@@ -22836,7 +22840,7 @@ function _templateObject4$7() {
|
|
|
22836
22840
|
return data;
|
|
22837
22841
|
}
|
|
22838
22842
|
function _templateObject5$2() {
|
|
22839
|
-
var data = _tagged_template_literal$
|
|
22843
|
+
var data = _tagged_template_literal$j([
|
|
22840
22844
|
"\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n"
|
|
22841
22845
|
]);
|
|
22842
22846
|
_templateObject5$2 = function _templateObject() {
|
|
@@ -22845,7 +22849,7 @@ function _templateObject5$2() {
|
|
|
22845
22849
|
return data;
|
|
22846
22850
|
}
|
|
22847
22851
|
function _templateObject6$1() {
|
|
22848
|
-
var data = _tagged_template_literal$
|
|
22852
|
+
var data = _tagged_template_literal$j([
|
|
22849
22853
|
"\n width: 100%;\n padding: 1rem;\n padding-top: 0;\n box-sizing: border-box;\n"
|
|
22850
22854
|
]);
|
|
22851
22855
|
_templateObject6$1 = function _templateObject() {
|
|
@@ -22853,7 +22857,7 @@ function _templateObject6$1() {
|
|
|
22853
22857
|
};
|
|
22854
22858
|
return data;
|
|
22855
22859
|
}
|
|
22856
|
-
var Container$2 = styled.div(_templateObject$
|
|
22860
|
+
var Container$2 = styled.div(_templateObject$j());
|
|
22857
22861
|
var FilterGroup = styled.div(_templateObject1$e(), function(param) {
|
|
22858
22862
|
var isHovered = param.isHovered;
|
|
22859
22863
|
return isHovered ? danger200 : 'white';
|
|
@@ -22861,7 +22865,7 @@ var FilterGroup = styled.div(_templateObject1$e(), function(param) {
|
|
|
22861
22865
|
var isHovered = param.isHovered;
|
|
22862
22866
|
return isHovered ? danger200 : '#e5e7eb';
|
|
22863
22867
|
});
|
|
22864
|
-
var CloseButton$1 = styled.button(_templateObject2$
|
|
22868
|
+
var CloseButton$1 = styled.button(_templateObject2$d());
|
|
22865
22869
|
var FilterRowsContainer = styled.div(_templateObject3$9());
|
|
22866
22870
|
var OrButton = styled.button(_templateObject4$7(), neutral100);
|
|
22867
22871
|
var ButtonGroup = styled.div(_templateObject5$2());
|
|
@@ -23178,7 +23182,7 @@ function _object_without_properties_loose$g(source, excluded) {
|
|
|
23178
23182
|
}
|
|
23179
23183
|
return target;
|
|
23180
23184
|
}
|
|
23181
|
-
function _tagged_template_literal$
|
|
23185
|
+
function _tagged_template_literal$i(strings, raw) {
|
|
23182
23186
|
if (!raw) {
|
|
23183
23187
|
raw = strings.slice(0);
|
|
23184
23188
|
}
|
|
@@ -23188,17 +23192,17 @@ function _tagged_template_literal$j(strings, raw) {
|
|
|
23188
23192
|
}
|
|
23189
23193
|
}));
|
|
23190
23194
|
}
|
|
23191
|
-
function _templateObject$
|
|
23192
|
-
var data = _tagged_template_literal$
|
|
23195
|
+
function _templateObject$i() {
|
|
23196
|
+
var data = _tagged_template_literal$i([
|
|
23193
23197
|
"\n display: flex;\n align-items: center;\n width: 100%;\n position: relative;\n overflow: hidden;\n"
|
|
23194
23198
|
]);
|
|
23195
|
-
_templateObject$
|
|
23199
|
+
_templateObject$i = function _templateObject() {
|
|
23196
23200
|
return data;
|
|
23197
23201
|
};
|
|
23198
23202
|
return data;
|
|
23199
23203
|
}
|
|
23200
23204
|
function _templateObject1$d() {
|
|
23201
|
-
var data = _tagged_template_literal$
|
|
23205
|
+
var data = _tagged_template_literal$i([
|
|
23202
23206
|
"\n flex: 1;\n border: 1px solid\n ",
|
|
23203
23207
|
";\n\n background-color: ",
|
|
23204
23208
|
";\n border-radius: 0.5rem;\n\n color: ",
|
|
@@ -23214,19 +23218,19 @@ function _templateObject1$d() {
|
|
|
23214
23218
|
};
|
|
23215
23219
|
return data;
|
|
23216
23220
|
}
|
|
23217
|
-
function _templateObject2$
|
|
23218
|
-
var data = _tagged_template_literal$
|
|
23221
|
+
function _templateObject2$c() {
|
|
23222
|
+
var data = _tagged_template_literal$i([
|
|
23219
23223
|
"\n position: absolute;\n left: ",
|
|
23220
23224
|
";\n right: ",
|
|
23221
23225
|
";\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n & svg {\n font-size: 1rem;\n }\n"
|
|
23222
23226
|
]);
|
|
23223
|
-
_templateObject2$
|
|
23227
|
+
_templateObject2$c = function _templateObject() {
|
|
23224
23228
|
return data;
|
|
23225
23229
|
};
|
|
23226
23230
|
return data;
|
|
23227
23231
|
}
|
|
23228
23232
|
// Wrapper for the Input and Icons
|
|
23229
|
-
var InputWrapper$3 = styled.div(_templateObject$
|
|
23233
|
+
var InputWrapper$3 = styled.div(_templateObject$i());
|
|
23230
23234
|
// Style for the Input itself
|
|
23231
23235
|
var BaseInput$1 = styled.input(_templateObject1$d(), function(param) {
|
|
23232
23236
|
var error = param.error, disabled = param.disabled;
|
|
@@ -23248,7 +23252,7 @@ var BaseInput$1 = styled.input(_templateObject1$d(), function(param) {
|
|
|
23248
23252
|
return sz === 'lg' ? $paragraph100Regular : $paragraph200Regular;
|
|
23249
23253
|
});
|
|
23250
23254
|
// Style for the Icons
|
|
23251
|
-
var IconWrapper$3 = styled.span(_templateObject2$
|
|
23255
|
+
var IconWrapper$3 = styled.span(_templateObject2$c(), function(param) {
|
|
23252
23256
|
var position = param.position;
|
|
23253
23257
|
return position === 'left' ? '0.5rem' : 'auto';
|
|
23254
23258
|
}, function(param) {
|
|
@@ -23426,7 +23430,7 @@ function _object_without_properties_loose$f(source, excluded) {
|
|
|
23426
23430
|
function _sliced_to_array$b(arr, i) {
|
|
23427
23431
|
return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$e(arr, i) || _non_iterable_rest$b();
|
|
23428
23432
|
}
|
|
23429
|
-
function _tagged_template_literal$
|
|
23433
|
+
function _tagged_template_literal$h(strings, raw) {
|
|
23430
23434
|
if (!raw) {
|
|
23431
23435
|
raw = strings.slice(0);
|
|
23432
23436
|
}
|
|
@@ -23447,17 +23451,17 @@ function _unsupported_iterable_to_array$e(o, minLen) {
|
|
|
23447
23451
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
23448
23452
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$e(o, minLen);
|
|
23449
23453
|
}
|
|
23450
|
-
function _templateObject$
|
|
23451
|
-
var data = _tagged_template_literal$
|
|
23454
|
+
function _templateObject$h() {
|
|
23455
|
+
var data = _tagged_template_literal$h([
|
|
23452
23456
|
"\n display: flex;\n align-items: center;\n width: 100%;\n position: relative;\n"
|
|
23453
23457
|
]);
|
|
23454
|
-
_templateObject$
|
|
23458
|
+
_templateObject$h = function _templateObject() {
|
|
23455
23459
|
return data;
|
|
23456
23460
|
};
|
|
23457
23461
|
return data;
|
|
23458
23462
|
}
|
|
23459
23463
|
function _templateObject1$c() {
|
|
23460
|
-
var data = _tagged_template_literal$
|
|
23464
|
+
var data = _tagged_template_literal$h([
|
|
23461
23465
|
"\n display: flex;\n align-items: center;\n\n width: 100%;\n position: relative;\n cursor: pointer;\n &:hover {\n background-color: ",
|
|
23462
23466
|
";\n }\n transition: all 150ms ease-in-out;\n\n &:focus-within {\n border-color: ",
|
|
23463
23467
|
";\n }\n\n &:focus {\n background-color: ",
|
|
@@ -23470,8 +23474,8 @@ function _templateObject1$c() {
|
|
|
23470
23474
|
};
|
|
23471
23475
|
return data;
|
|
23472
23476
|
}
|
|
23473
|
-
function _templateObject2$
|
|
23474
|
-
var data = _tagged_template_literal$
|
|
23477
|
+
function _templateObject2$b() {
|
|
23478
|
+
var data = _tagged_template_literal$h([
|
|
23475
23479
|
"\n flex: 1;\n z-index: 2;\n cursor: pointer;\n border: none;\n background-color: transparent;\n\n -webkit-appearance: none;\n -moz-appearance: none;\n &::-ms-expand {\n display: none;\n }\n &::placeholder {\n color: ",
|
|
23476
23480
|
";\n }\n color: ",
|
|
23477
23481
|
";\n padding: ",
|
|
@@ -23479,13 +23483,13 @@ function _templateObject2$a() {
|
|
|
23479
23483
|
";\n opacity: 0.3;\n }\n\n ",
|
|
23480
23484
|
"\n"
|
|
23481
23485
|
]);
|
|
23482
|
-
_templateObject2$
|
|
23486
|
+
_templateObject2$b = function _templateObject() {
|
|
23483
23487
|
return data;
|
|
23484
23488
|
};
|
|
23485
23489
|
return data;
|
|
23486
23490
|
}
|
|
23487
23491
|
function _templateObject3$8() {
|
|
23488
|
-
var data = _tagged_template_literal$
|
|
23492
|
+
var data = _tagged_template_literal$h([
|
|
23489
23493
|
"\n background-color: ",
|
|
23490
23494
|
";\n border-radius: 1rem;\n border: none;\n cursor: pointer;\n padding: 0.25rem 0.313rem;\n white-space: nowrap;\n display: flex;\n gap: 0.25rem;\n ",
|
|
23491
23495
|
"\n align-items: center;\n justify-content: center;\n"
|
|
@@ -23496,7 +23500,7 @@ function _templateObject3$8() {
|
|
|
23496
23500
|
return data;
|
|
23497
23501
|
}
|
|
23498
23502
|
function _templateObject4$6() {
|
|
23499
|
-
var data = _tagged_template_literal$
|
|
23503
|
+
var data = _tagged_template_literal$h([
|
|
23500
23504
|
"\n position: absolute;\n display: flex;\n gap: 0.25rem;\n width: min-content;\n max-width: 85%;\n height: auto;\n overflow-x: auto;\n\n /* Always show scrollbar when overflowing */\n &::-webkit-scrollbar {\n height: 4px;\n display: block;\n }\n\n &::-webkit-scrollbar-track {\n background: ",
|
|
23501
23505
|
";\n border-radius: 2px;\n display: block;\n width: 95%;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ",
|
|
23502
23506
|
";\n border-radius: 2px;\n display: block;\n }\n\n padding: ",
|
|
@@ -23508,7 +23512,7 @@ function _templateObject4$6() {
|
|
|
23508
23512
|
return data;
|
|
23509
23513
|
}
|
|
23510
23514
|
function _templateObject5$1() {
|
|
23511
|
-
var data = _tagged_template_literal$
|
|
23515
|
+
var data = _tagged_template_literal$h([
|
|
23512
23516
|
"\n position: absolute;\n right: 0rem;\n width: 2rem;\n background-color: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 0;\n border: none;\n cursor: pointer;\n z-index: 0;\n transition: all 150ms ease-in-out;\n transform: ",
|
|
23513
23517
|
";\n"
|
|
23514
23518
|
]);
|
|
@@ -23518,7 +23522,7 @@ function _templateObject5$1() {
|
|
|
23518
23522
|
return data;
|
|
23519
23523
|
}
|
|
23520
23524
|
function _templateObject6() {
|
|
23521
|
-
var data = _tagged_template_literal$
|
|
23525
|
+
var data = _tagged_template_literal$h([
|
|
23522
23526
|
"\n ",
|
|
23523
23527
|
"\n color: ",
|
|
23524
23528
|
"/80;\n"
|
|
@@ -23529,7 +23533,7 @@ function _templateObject6() {
|
|
|
23529
23533
|
return data;
|
|
23530
23534
|
}
|
|
23531
23535
|
function _templateObject7() {
|
|
23532
|
-
var data = _tagged_template_literal$
|
|
23536
|
+
var data = _tagged_template_literal$h([
|
|
23533
23537
|
"\n ",
|
|
23534
23538
|
"\n color: ",
|
|
23535
23539
|
";\n"
|
|
@@ -23540,7 +23544,7 @@ function _templateObject7() {
|
|
|
23540
23544
|
return data;
|
|
23541
23545
|
}
|
|
23542
23546
|
// Wrapper for the Input and Icons
|
|
23543
|
-
var InputWrapper$2 = styled.div(_templateObject$
|
|
23547
|
+
var InputWrapper$2 = styled.div(_templateObject$h());
|
|
23544
23548
|
var MultiSelectWrapper = styled.div(_templateObject1$c(), function(param) {
|
|
23545
23549
|
var disabled = param.disabled, type = param.type;
|
|
23546
23550
|
return disabled || type === 'secondary' ? neutral100 : 'white';
|
|
@@ -23558,7 +23562,7 @@ var MultiSelectWrapper = styled.div(_templateObject1$c(), function(param) {
|
|
|
23558
23562
|
return disabled || type === 'secondary' ? neutral100 : 'white';
|
|
23559
23563
|
});
|
|
23560
23564
|
// Style for the Select itself
|
|
23561
|
-
var BaseSelect$1 = styled.select(_templateObject2$
|
|
23565
|
+
var BaseSelect$1 = styled.select(_templateObject2$b(), neutral500, function(param) {
|
|
23562
23566
|
var value = param.value;
|
|
23563
23567
|
return Array.isArray(value) && value.length > 0 ? textPrimary : neutral500;
|
|
23564
23568
|
}, function(param) {
|
|
@@ -23708,7 +23712,7 @@ var MultiSelect = function(_param) {
|
|
|
23708
23712
|
onClick: function() {
|
|
23709
23713
|
return toggleSelect(option);
|
|
23710
23714
|
}
|
|
23711
|
-
}), option.
|
|
23715
|
+
}), option.value);
|
|
23712
23716
|
})
|
|
23713
23717
|
})
|
|
23714
23718
|
]
|
|
@@ -23808,7 +23812,7 @@ function _object_without_properties_loose$e(source, excluded) {
|
|
|
23808
23812
|
function _sliced_to_array$a(arr, i) {
|
|
23809
23813
|
return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$a();
|
|
23810
23814
|
}
|
|
23811
|
-
function _tagged_template_literal$
|
|
23815
|
+
function _tagged_template_literal$g(strings, raw) {
|
|
23812
23816
|
if (!raw) {
|
|
23813
23817
|
raw = strings.slice(0);
|
|
23814
23818
|
}
|
|
@@ -23826,17 +23830,17 @@ function _unsupported_iterable_to_array$d(o, minLen) {
|
|
|
23826
23830
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
23827
23831
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$d(o, minLen);
|
|
23828
23832
|
}
|
|
23829
|
-
function _templateObject$
|
|
23830
|
-
var data = _tagged_template_literal$
|
|
23833
|
+
function _templateObject$g() {
|
|
23834
|
+
var data = _tagged_template_literal$g([
|
|
23831
23835
|
"\n font-size: 1rem;\n animation: spin 500ms linear infinite;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ",
|
|
23832
23836
|
";\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"
|
|
23833
23837
|
]);
|
|
23834
|
-
_templateObject$
|
|
23838
|
+
_templateObject$g = function _templateObject() {
|
|
23835
23839
|
return data;
|
|
23836
23840
|
};
|
|
23837
23841
|
return data;
|
|
23838
23842
|
}
|
|
23839
|
-
var loadingWheelStyle = css(_templateObject$
|
|
23843
|
+
var loadingWheelStyle = css(_templateObject$g(), primary500);
|
|
23840
23844
|
var Loader = function() {
|
|
23841
23845
|
return /*#__PURE__*/ jsx("div", {
|
|
23842
23846
|
css: loadingWheelStyle,
|
|
@@ -24002,7 +24006,7 @@ function _object_without_properties_loose$d(source, excluded) {
|
|
|
24002
24006
|
function _sliced_to_array$9(arr, i) {
|
|
24003
24007
|
return _array_with_holes$9(arr) || _iterable_to_array_limit$9(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$9();
|
|
24004
24008
|
}
|
|
24005
|
-
function _tagged_template_literal$
|
|
24009
|
+
function _tagged_template_literal$f(strings, raw) {
|
|
24006
24010
|
if (!raw) {
|
|
24007
24011
|
raw = strings.slice(0);
|
|
24008
24012
|
}
|
|
@@ -24023,20 +24027,20 @@ function _unsupported_iterable_to_array$c(o, minLen) {
|
|
|
24023
24027
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
24024
24028
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$c(o, minLen);
|
|
24025
24029
|
}
|
|
24026
|
-
function _templateObject$
|
|
24027
|
-
var data = _tagged_template_literal$
|
|
24030
|
+
function _templateObject$f() {
|
|
24031
|
+
var data = _tagged_template_literal$f([
|
|
24028
24032
|
"\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n align-items: center;\n flex: 1;\n background-color: white;\n position: relative;\n border: 1px solid\n ",
|
|
24029
24033
|
";\n border-radius: 0.5rem;\n color: ",
|
|
24030
24034
|
";\n padding: ",
|
|
24031
24035
|
";\n outline: none;\n transition: all 150ms ease-in-out;\n"
|
|
24032
24036
|
]);
|
|
24033
|
-
_templateObject$
|
|
24037
|
+
_templateObject$f = function _templateObject() {
|
|
24034
24038
|
return data;
|
|
24035
24039
|
};
|
|
24036
24040
|
return data;
|
|
24037
24041
|
}
|
|
24038
24042
|
function _templateObject1$b() {
|
|
24039
|
-
var data = _tagged_template_literal$
|
|
24043
|
+
var data = _tagged_template_literal$f([
|
|
24040
24044
|
"\n flex: 1;\n border: none;\n overflow: scroll;\n min-width: 10rem;\n background-color: transparent;\n width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n padding: 0;\n\n :focus-visible {\n outline: none;\n }\n\n &::placeholder {\n color: ",
|
|
24041
24045
|
";\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n ",
|
|
24042
24046
|
"\n"
|
|
@@ -24046,19 +24050,19 @@ function _templateObject1$b() {
|
|
|
24046
24050
|
};
|
|
24047
24051
|
return data;
|
|
24048
24052
|
}
|
|
24049
|
-
function _templateObject2$
|
|
24050
|
-
var data = _tagged_template_literal$
|
|
24053
|
+
function _templateObject2$a() {
|
|
24054
|
+
var data = _tagged_template_literal$f([
|
|
24051
24055
|
"\n background-color: ",
|
|
24052
24056
|
";\n border-radius: 1rem;\n border: none;\n cursor: pointer;\n display: flex;\n padding: 0.25rem 0.313rem;\n white-space: nowrap;\n gap: 0.25rem;\n ",
|
|
24053
24057
|
"\n align-items: center;\n justify-content: center;\n"
|
|
24054
24058
|
]);
|
|
24055
|
-
_templateObject2$
|
|
24059
|
+
_templateObject2$a = function _templateObject() {
|
|
24056
24060
|
return data;
|
|
24057
24061
|
};
|
|
24058
24062
|
return data;
|
|
24059
24063
|
}
|
|
24060
24064
|
function _templateObject3$7() {
|
|
24061
|
-
var data = _tagged_template_literal$
|
|
24065
|
+
var data = _tagged_template_literal$f([
|
|
24062
24066
|
"\n display: flex;\n gap: 0.25rem;\n flex-wrap: wrap;\n height: auto;\n"
|
|
24063
24067
|
]);
|
|
24064
24068
|
_templateObject3$7 = function _templateObject() {
|
|
@@ -24067,7 +24071,7 @@ function _templateObject3$7() {
|
|
|
24067
24071
|
return data;
|
|
24068
24072
|
}
|
|
24069
24073
|
function _templateObject4$5() {
|
|
24070
|
-
var data = _tagged_template_literal$
|
|
24074
|
+
var data = _tagged_template_literal$f([
|
|
24071
24075
|
"\n position: absolute;\n right: 0.5rem;\n opacity: 0.8;\n\n ",
|
|
24072
24076
|
"\n"
|
|
24073
24077
|
]);
|
|
@@ -24076,7 +24080,7 @@ function _templateObject4$5() {
|
|
|
24076
24080
|
};
|
|
24077
24081
|
return data;
|
|
24078
24082
|
}
|
|
24079
|
-
var InputWrapper$1 = styled.div(_templateObject$
|
|
24083
|
+
var InputWrapper$1 = styled.div(_templateObject$f(), function(param) {
|
|
24080
24084
|
var isFocused = param.isFocused, error = param.error;
|
|
24081
24085
|
return isFocused ? primary600 : error ? danger600 : neutral200;
|
|
24082
24086
|
}, textPrimary, function(param) {
|
|
@@ -24088,7 +24092,7 @@ var BaseInput = styled.input(_templateObject1$b(), neutral500, function(param) {
|
|
|
24088
24092
|
return type === 'primary' ? sz === 'lg' ? $paragraph100Regular : $paragraph200Regular : sz === 'lg' ? $paragraph100Semibold : $paragraph200Semibold;
|
|
24089
24093
|
});
|
|
24090
24094
|
// Reusing Chip from MultiSelect
|
|
24091
|
-
var Chip = styled.button(_templateObject2$
|
|
24095
|
+
var Chip = styled.button(_templateObject2$a(), function(param) {
|
|
24092
24096
|
var secondary = param.secondary;
|
|
24093
24097
|
return secondary ? neutral300 : neutral100;
|
|
24094
24098
|
}, $label200Medium);
|
|
@@ -24318,7 +24322,7 @@ function _object_without_properties_loose$c(source, excluded) {
|
|
|
24318
24322
|
function _sliced_to_array$8(arr, i) {
|
|
24319
24323
|
return _array_with_holes$8(arr) || _iterable_to_array_limit$8(arr, i) || _unsupported_iterable_to_array$b(arr, i) || _non_iterable_rest$8();
|
|
24320
24324
|
}
|
|
24321
|
-
function _tagged_template_literal$
|
|
24325
|
+
function _tagged_template_literal$e(strings, raw) {
|
|
24322
24326
|
if (!raw) {
|
|
24323
24327
|
raw = strings.slice(0);
|
|
24324
24328
|
}
|
|
@@ -24336,17 +24340,17 @@ function _unsupported_iterable_to_array$b(o, minLen) {
|
|
|
24336
24340
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
24337
24341
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$b(o, minLen);
|
|
24338
24342
|
}
|
|
24339
|
-
function _templateObject$
|
|
24340
|
-
var data = _tagged_template_literal$
|
|
24343
|
+
function _templateObject$e() {
|
|
24344
|
+
var data = _tagged_template_literal$e([
|
|
24341
24345
|
"\n display: flex;\n align-items: center;\n width: 100%;\n"
|
|
24342
24346
|
]);
|
|
24343
|
-
_templateObject$
|
|
24347
|
+
_templateObject$e = function _templateObject() {
|
|
24344
24348
|
return data;
|
|
24345
24349
|
};
|
|
24346
24350
|
return data;
|
|
24347
24351
|
}
|
|
24348
24352
|
function _templateObject1$a() {
|
|
24349
|
-
var data = _tagged_template_literal$
|
|
24353
|
+
var data = _tagged_template_literal$e([
|
|
24350
24354
|
"\n display: flex;\n align-items: center;\n width: max-content;\n position: relative;\n cursor: pointer;\n &:hover {\n background-color: ",
|
|
24351
24355
|
";\n }\n transition: all 150ms ease-in-out;\n\n &:focus-within {\n border-color: ",
|
|
24352
24356
|
";\n }\n\n &:focus {\n background-color: ",
|
|
@@ -24360,8 +24364,8 @@ function _templateObject1$a() {
|
|
|
24360
24364
|
};
|
|
24361
24365
|
return data;
|
|
24362
24366
|
}
|
|
24363
|
-
function _templateObject2$
|
|
24364
|
-
var data = _tagged_template_literal$
|
|
24367
|
+
function _templateObject2$9() {
|
|
24368
|
+
var data = _tagged_template_literal$e([
|
|
24365
24369
|
"\n flex: 1;\n cursor: pointer;\n border: none;\n width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n background-color: transparent;\n z-index: 1;\n -webkit-appearance: none;\n -moz-appearance: none;\n &::-ms-expand {\n display: none;\n }\n &::placeholder {\n color: ",
|
|
24366
24370
|
";\n }\n color: ",
|
|
24367
24371
|
";\n padding: ",
|
|
@@ -24369,13 +24373,13 @@ function _templateObject2$8() {
|
|
|
24369
24373
|
";\n opacity: 0.3;\n }\n\n ",
|
|
24370
24374
|
"\n"
|
|
24371
24375
|
]);
|
|
24372
|
-
_templateObject2$
|
|
24376
|
+
_templateObject2$9 = function _templateObject() {
|
|
24373
24377
|
return data;
|
|
24374
24378
|
};
|
|
24375
24379
|
return data;
|
|
24376
24380
|
}
|
|
24377
24381
|
function _templateObject3$6() {
|
|
24378
|
-
var data = _tagged_template_literal$
|
|
24382
|
+
var data = _tagged_template_literal$e([
|
|
24379
24383
|
"\n position: absolute;\n right: 0rem;\n width: 2rem;\n font-size: ",
|
|
24380
24384
|
"rem;\n background-color: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 0;\n border: none;\n cursor: pointer;\n transition: all 150ms ease-in-out;\n transform: ",
|
|
24381
24385
|
";\n"
|
|
@@ -24386,7 +24390,7 @@ function _templateObject3$6() {
|
|
|
24386
24390
|
return data;
|
|
24387
24391
|
}
|
|
24388
24392
|
function _templateObject4$4() {
|
|
24389
|
-
var data = _tagged_template_literal$
|
|
24393
|
+
var data = _tagged_template_literal$e([
|
|
24390
24394
|
"\n ",
|
|
24391
24395
|
"\n color: ",
|
|
24392
24396
|
";\n"
|
|
@@ -24397,7 +24401,7 @@ function _templateObject4$4() {
|
|
|
24397
24401
|
return data;
|
|
24398
24402
|
}
|
|
24399
24403
|
// Wrapper for the Input and Icons
|
|
24400
|
-
var InputWrapper = styled.div(_templateObject$
|
|
24404
|
+
var InputWrapper = styled.div(_templateObject$e());
|
|
24401
24405
|
var SelectWrapper = styled.div(_templateObject1$a(), function(param) {
|
|
24402
24406
|
var disabled = param.disabled, type = param.type;
|
|
24403
24407
|
return disabled || type === 'secondary' ? neutral100 : 'white';
|
|
@@ -24415,7 +24419,7 @@ var SelectWrapper = styled.div(_templateObject1$a(), function(param) {
|
|
|
24415
24419
|
return disabled || type === 'secondary' ? neutral100 : 'white';
|
|
24416
24420
|
});
|
|
24417
24421
|
// Style for the Select itself
|
|
24418
|
-
var BaseSelect = styled.select(_templateObject2$
|
|
24422
|
+
var BaseSelect = styled.select(_templateObject2$9(), neutral500, function(param) {
|
|
24419
24423
|
var value = param.value;
|
|
24420
24424
|
return value ? textPrimary : neutral500;
|
|
24421
24425
|
}, function(param) {
|
|
@@ -24520,7 +24524,7 @@ var Select = function(_param) {
|
|
|
24520
24524
|
onClick: function() {
|
|
24521
24525
|
return handleSelect(option);
|
|
24522
24526
|
}
|
|
24523
|
-
}), option.
|
|
24527
|
+
}), option.value);
|
|
24524
24528
|
})
|
|
24525
24529
|
})
|
|
24526
24530
|
]
|
|
@@ -24601,7 +24605,7 @@ function _object_without_properties_loose$b(source, excluded) {
|
|
|
24601
24605
|
}
|
|
24602
24606
|
return target;
|
|
24603
24607
|
}
|
|
24604
|
-
function _tagged_template_literal$
|
|
24608
|
+
function _tagged_template_literal$d(strings, raw) {
|
|
24605
24609
|
if (!raw) {
|
|
24606
24610
|
raw = strings.slice(0);
|
|
24607
24611
|
}
|
|
@@ -24611,17 +24615,17 @@ function _tagged_template_literal$e(strings, raw) {
|
|
|
24611
24615
|
}
|
|
24612
24616
|
}));
|
|
24613
24617
|
}
|
|
24614
|
-
function _templateObject$
|
|
24615
|
-
var data = _tagged_template_literal$
|
|
24618
|
+
function _templateObject$d() {
|
|
24619
|
+
var data = _tagged_template_literal$d([
|
|
24616
24620
|
"\n display: flex;\n align-items: center;\n position: relative;\n"
|
|
24617
24621
|
]);
|
|
24618
|
-
_templateObject$
|
|
24622
|
+
_templateObject$d = function _templateObject() {
|
|
24619
24623
|
return data;
|
|
24620
24624
|
};
|
|
24621
24625
|
return data;
|
|
24622
24626
|
}
|
|
24623
24627
|
function _templateObject1$9() {
|
|
24624
|
-
var data = _tagged_template_literal$
|
|
24628
|
+
var data = _tagged_template_literal$d([
|
|
24625
24629
|
"\n flex: 1;\n padding-top: ",
|
|
24626
24630
|
";\n padding-bottom: ",
|
|
24627
24631
|
";\n border: 1px solid\n ",
|
|
@@ -24637,16 +24641,16 @@ function _templateObject1$9() {
|
|
|
24637
24641
|
};
|
|
24638
24642
|
return data;
|
|
24639
24643
|
}
|
|
24640
|
-
function _templateObject2$
|
|
24641
|
-
var data = _tagged_template_literal$
|
|
24644
|
+
function _templateObject2$8() {
|
|
24645
|
+
var data = _tagged_template_literal$d([
|
|
24642
24646
|
"\n position: absolute;\n right: 0.5rem;\n"
|
|
24643
24647
|
]);
|
|
24644
|
-
_templateObject2$
|
|
24648
|
+
_templateObject2$8 = function _templateObject() {
|
|
24645
24649
|
return data;
|
|
24646
24650
|
};
|
|
24647
24651
|
return data;
|
|
24648
24652
|
}
|
|
24649
|
-
var Wrapper = styled.div(_templateObject$
|
|
24653
|
+
var Wrapper = styled.div(_templateObject$d());
|
|
24650
24654
|
var BaseTextArea = styled.textarea(_templateObject1$9(), function(param) {
|
|
24651
24655
|
var sz = param.sz;
|
|
24652
24656
|
return sz === 'lg' ? '0.5rem' : '0.375rem';
|
|
@@ -24666,7 +24670,7 @@ var BaseTextArea = styled.textarea(_templateObject1$9(), function(param) {
|
|
|
24666
24670
|
var sz = param.sz;
|
|
24667
24671
|
return sz === 'lg' ? $paragraph100Regular : $paragraph200Regular;
|
|
24668
24672
|
});
|
|
24669
|
-
var CloseButton = styled(IconButton)(_templateObject2$
|
|
24673
|
+
var CloseButton = styled(IconButton)(_templateObject2$8());
|
|
24670
24674
|
var TextArea = /*#__PURE__*/ forwardRef(function(_param, ref) {
|
|
24671
24675
|
var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_clearable = _param.clearable, clearable = _param_clearable === void 0 ? false : _param_clearable, onClear = _param.onClear, style = _param.style, props = _object_without_properties$b(_param, [
|
|
24672
24676
|
"sz",
|
|
@@ -24792,7 +24796,7 @@ function _object_without_properties_loose$a(source, excluded) {
|
|
|
24792
24796
|
}
|
|
24793
24797
|
return target;
|
|
24794
24798
|
}
|
|
24795
|
-
function _tagged_template_literal$
|
|
24799
|
+
function _tagged_template_literal$c(strings, raw) {
|
|
24796
24800
|
if (!raw) {
|
|
24797
24801
|
raw = strings.slice(0);
|
|
24798
24802
|
}
|
|
@@ -24802,18 +24806,18 @@ function _tagged_template_literal$d(strings, raw) {
|
|
|
24802
24806
|
}
|
|
24803
24807
|
}));
|
|
24804
24808
|
}
|
|
24805
|
-
function _templateObject$
|
|
24806
|
-
var data = _tagged_template_literal$
|
|
24809
|
+
function _templateObject$c() {
|
|
24810
|
+
var data = _tagged_template_literal$c([
|
|
24807
24811
|
"\n ",
|
|
24808
24812
|
"\n color: ",
|
|
24809
24813
|
";\n font-family: 'Roboto', sans-serif;\n"
|
|
24810
24814
|
]);
|
|
24811
|
-
_templateObject$
|
|
24815
|
+
_templateObject$c = function _templateObject() {
|
|
24812
24816
|
return data;
|
|
24813
24817
|
};
|
|
24814
24818
|
return data;
|
|
24815
24819
|
}
|
|
24816
|
-
var StyledTypography = styled.div(_templateObject$
|
|
24820
|
+
var StyledTypography = styled.div(_templateObject$c(), function(param) {
|
|
24817
24821
|
var $variant = param.$variant;
|
|
24818
24822
|
return typography["$".concat($variant)];
|
|
24819
24823
|
}, function(param) {
|
|
@@ -24945,7 +24949,7 @@ function _object_without_properties_loose$9(source, excluded) {
|
|
|
24945
24949
|
}
|
|
24946
24950
|
return target;
|
|
24947
24951
|
}
|
|
24948
|
-
function _tagged_template_literal$
|
|
24952
|
+
function _tagged_template_literal$b(strings, raw) {
|
|
24949
24953
|
if (!raw) {
|
|
24950
24954
|
raw = strings.slice(0);
|
|
24951
24955
|
}
|
|
@@ -24955,18 +24959,18 @@ function _tagged_template_literal$c(strings, raw) {
|
|
|
24955
24959
|
}
|
|
24956
24960
|
}));
|
|
24957
24961
|
}
|
|
24958
|
-
function _templateObject$
|
|
24959
|
-
var data = _tagged_template_literal$
|
|
24962
|
+
function _templateObject$b() {
|
|
24963
|
+
var data = _tagged_template_literal$b([
|
|
24960
24964
|
"\n box-sizing: border-box;\n width: 100%;\n cursor: pointer;\n white-space: nowrap;\n &:hover {\n background-color: ",
|
|
24961
24965
|
";\n }\n"
|
|
24962
24966
|
]);
|
|
24963
|
-
_templateObject$
|
|
24967
|
+
_templateObject$b = function _templateObject() {
|
|
24964
24968
|
return data;
|
|
24965
24969
|
};
|
|
24966
24970
|
return data;
|
|
24967
24971
|
}
|
|
24968
24972
|
function _templateObject1$8() {
|
|
24969
|
-
var data = _tagged_template_literal$
|
|
24973
|
+
var data = _tagged_template_literal$b([
|
|
24970
24974
|
"\n display: flex;\n align-items: center;\n font-size: inherit;\n color: inherit;\n justify-content: center;\n"
|
|
24971
24975
|
]);
|
|
24972
24976
|
_templateObject1$8 = function _templateObject() {
|
|
@@ -24974,20 +24978,20 @@ function _templateObject1$8() {
|
|
|
24974
24978
|
};
|
|
24975
24979
|
return data;
|
|
24976
24980
|
}
|
|
24977
|
-
function _templateObject2$
|
|
24978
|
-
var data = _tagged_template_literal$
|
|
24981
|
+
function _templateObject2$7() {
|
|
24982
|
+
var data = _tagged_template_literal$b([
|
|
24979
24983
|
"\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.5rem;\n background-color: transparent;\n text-align: left;\n border: none;\n white-space: nowrap;\n width: 100%;\n padding: ",
|
|
24980
24984
|
"px ",
|
|
24981
24985
|
"px;\n text-decoration: none;\n ",
|
|
24982
24986
|
"\n"
|
|
24983
24987
|
]);
|
|
24984
|
-
_templateObject2$
|
|
24988
|
+
_templateObject2$7 = function _templateObject() {
|
|
24985
24989
|
return data;
|
|
24986
24990
|
};
|
|
24987
24991
|
return data;
|
|
24988
24992
|
}
|
|
24989
24993
|
function _templateObject3$5() {
|
|
24990
|
-
var data = _tagged_template_literal$
|
|
24994
|
+
var data = _tagged_template_literal$b([
|
|
24991
24995
|
"\n ",
|
|
24992
24996
|
"\n"
|
|
24993
24997
|
]);
|
|
@@ -24997,7 +25001,7 @@ function _templateObject3$5() {
|
|
|
24997
25001
|
return data;
|
|
24998
25002
|
}
|
|
24999
25003
|
function _templateObject4$3() {
|
|
25000
|
-
var data = _tagged_template_literal$
|
|
25004
|
+
var data = _tagged_template_literal$b([
|
|
25001
25005
|
"\n ",
|
|
25002
25006
|
"\n"
|
|
25003
25007
|
]);
|
|
@@ -25006,9 +25010,9 @@ function _templateObject4$3() {
|
|
|
25006
25010
|
};
|
|
25007
25011
|
return data;
|
|
25008
25012
|
}
|
|
25009
|
-
var MenuItemContainer = styled.div(_templateObject$
|
|
25013
|
+
var MenuItemContainer = styled.div(_templateObject$b(), primary100);
|
|
25010
25014
|
var IconContainer = styled.div(_templateObject1$8());
|
|
25011
|
-
var buttonStyles = css(_templateObject2$
|
|
25015
|
+
var buttonStyles = css(_templateObject2$7(), spacing(1), spacing(2), $paragraph200Regular);
|
|
25012
25016
|
var StyledItem = styled.button(_templateObject3$5(), buttonStyles);
|
|
25013
25017
|
var StyledLink = styled.a(_templateObject4$3(), buttonStyles);
|
|
25014
25018
|
var MenuItem = function(_param) {
|
|
@@ -28735,7 +28739,7 @@ function _object_without_properties_loose$5(source, excluded) {
|
|
|
28735
28739
|
}
|
|
28736
28740
|
return target;
|
|
28737
28741
|
}
|
|
28738
|
-
function _tagged_template_literal$
|
|
28742
|
+
function _tagged_template_literal$a(strings, raw) {
|
|
28739
28743
|
if (!raw) {
|
|
28740
28744
|
raw = strings.slice(0);
|
|
28741
28745
|
}
|
|
@@ -28745,11 +28749,11 @@ function _tagged_template_literal$b(strings, raw) {
|
|
|
28745
28749
|
}
|
|
28746
28750
|
}));
|
|
28747
28751
|
}
|
|
28748
|
-
function _templateObject$
|
|
28749
|
-
var data = _tagged_template_literal$
|
|
28752
|
+
function _templateObject$a() {
|
|
28753
|
+
var data = _tagged_template_literal$a([
|
|
28750
28754
|
"\n z-index: -1;\n position: fixed;\n inset: 0;\n background-color: rgb(0 0 0 / 0.2);\n -webkit-tap-highlight-color: transparent;\n"
|
|
28751
28755
|
]);
|
|
28752
|
-
_templateObject$
|
|
28756
|
+
_templateObject$a = function _templateObject() {
|
|
28753
28757
|
return data;
|
|
28754
28758
|
};
|
|
28755
28759
|
return data;
|
|
@@ -28764,9 +28768,9 @@ var BaseBackdrop = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
28764
28768
|
ref: ref
|
|
28765
28769
|
}, other));
|
|
28766
28770
|
});
|
|
28767
|
-
var Backdrop = styled(BaseBackdrop)(_templateObject$
|
|
28771
|
+
var Backdrop = styled(BaseBackdrop)(_templateObject$a());
|
|
28768
28772
|
|
|
28769
|
-
function _tagged_template_literal$
|
|
28773
|
+
function _tagged_template_literal$9(strings, raw) {
|
|
28770
28774
|
if (!raw) {
|
|
28771
28775
|
raw = strings.slice(0);
|
|
28772
28776
|
}
|
|
@@ -28776,16 +28780,16 @@ function _tagged_template_literal$a(strings, raw) {
|
|
|
28776
28780
|
}
|
|
28777
28781
|
}));
|
|
28778
28782
|
}
|
|
28779
|
-
function _templateObject$
|
|
28780
|
-
var data = _tagged_template_literal$
|
|
28783
|
+
function _templateObject$9() {
|
|
28784
|
+
var data = _tagged_template_literal$9([
|
|
28781
28785
|
"\n position: absolute;\n z-index: 2;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.2);\n font-size: 32px;\n"
|
|
28782
28786
|
]);
|
|
28783
|
-
_templateObject$
|
|
28787
|
+
_templateObject$9 = function _templateObject() {
|
|
28784
28788
|
return data;
|
|
28785
28789
|
};
|
|
28786
28790
|
return data;
|
|
28787
28791
|
}
|
|
28788
|
-
var Overlay = styled.div(_templateObject$
|
|
28792
|
+
var Overlay = styled.div(_templateObject$9());
|
|
28789
28793
|
var LoadingOverlay = function() {
|
|
28790
28794
|
return /*#__PURE__*/ jsx(Overlay, {
|
|
28791
28795
|
children: /*#__PURE__*/ jsx(LoadingWheel, {
|
|
@@ -28868,7 +28872,7 @@ function _object_without_properties_loose$4(source, excluded) {
|
|
|
28868
28872
|
}
|
|
28869
28873
|
return target;
|
|
28870
28874
|
}
|
|
28871
|
-
function _tagged_template_literal$
|
|
28875
|
+
function _tagged_template_literal$8(strings, raw) {
|
|
28872
28876
|
if (!raw) {
|
|
28873
28877
|
raw = strings.slice(0);
|
|
28874
28878
|
}
|
|
@@ -28878,17 +28882,17 @@ function _tagged_template_literal$9(strings, raw) {
|
|
|
28878
28882
|
}
|
|
28879
28883
|
}));
|
|
28880
28884
|
}
|
|
28881
|
-
function _templateObject$
|
|
28882
|
-
var data = _tagged_template_literal$
|
|
28885
|
+
function _templateObject$8() {
|
|
28886
|
+
var data = _tagged_template_literal$8([
|
|
28883
28887
|
"\n position: fixed;\n z-index: 1300;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n"
|
|
28884
28888
|
]);
|
|
28885
|
-
_templateObject$
|
|
28889
|
+
_templateObject$8 = function _templateObject() {
|
|
28886
28890
|
return data;
|
|
28887
28891
|
};
|
|
28888
28892
|
return data;
|
|
28889
28893
|
}
|
|
28890
28894
|
function _templateObject1$7() {
|
|
28891
|
-
var data = _tagged_template_literal$
|
|
28895
|
+
var data = _tagged_template_literal$8([
|
|
28892
28896
|
"\n position: relative;\n overflow: scroll;\n display: flex;\n flex-direction: column;\n max-height: 80%;\n max-width: 800px; // TODO: this should be controllable via props\n gap: ",
|
|
28893
28897
|
"px;\n background-color: white;\n border-radius: ",
|
|
28894
28898
|
"px;\n outline: none;\n padding: ",
|
|
@@ -28900,17 +28904,17 @@ function _templateObject1$7() {
|
|
|
28900
28904
|
};
|
|
28901
28905
|
return data;
|
|
28902
28906
|
}
|
|
28903
|
-
function _templateObject2$
|
|
28904
|
-
var data = _tagged_template_literal$
|
|
28907
|
+
function _templateObject2$6() {
|
|
28908
|
+
var data = _tagged_template_literal$8([
|
|
28905
28909
|
""
|
|
28906
28910
|
]);
|
|
28907
|
-
_templateObject2$
|
|
28911
|
+
_templateObject2$6 = function _templateObject() {
|
|
28908
28912
|
return data;
|
|
28909
28913
|
};
|
|
28910
28914
|
return data;
|
|
28911
28915
|
}
|
|
28912
28916
|
function _templateObject3$4() {
|
|
28913
|
-
var data = _tagged_template_literal$
|
|
28917
|
+
var data = _tagged_template_literal$8([
|
|
28914
28918
|
"\n overflow-y: scroll;\n"
|
|
28915
28919
|
]);
|
|
28916
28920
|
_templateObject3$4 = function _templateObject() {
|
|
@@ -28919,7 +28923,7 @@ function _templateObject3$4() {
|
|
|
28919
28923
|
return data;
|
|
28920
28924
|
}
|
|
28921
28925
|
function _templateObject4$2() {
|
|
28922
|
-
var data = _tagged_template_literal$
|
|
28926
|
+
var data = _tagged_template_literal$8([
|
|
28923
28927
|
"\n display: flex;\n justify-content: end;\n gap: ",
|
|
28924
28928
|
"px;\n"
|
|
28925
28929
|
]);
|
|
@@ -28928,9 +28932,9 @@ function _templateObject4$2() {
|
|
|
28928
28932
|
};
|
|
28929
28933
|
return data;
|
|
28930
28934
|
}
|
|
28931
|
-
var StyledModal = styled(Modal$1)(_templateObject$
|
|
28935
|
+
var StyledModal = styled(Modal$1)(_templateObject$8());
|
|
28932
28936
|
var ModalContent = styled.div(_templateObject1$7(), spacing(2), spacing(1), spacing(3), elevation400);
|
|
28933
|
-
var ModalHeader = styled.div(_templateObject2$
|
|
28937
|
+
var ModalHeader = styled.div(_templateObject2$6());
|
|
28934
28938
|
var ModalBody = styled.div(_templateObject3$4());
|
|
28935
28939
|
var ModalFooter = styled.div(_templateObject4$2(), spacing(1));
|
|
28936
28940
|
var Modal = function(param) {
|
|
@@ -28994,7 +28998,7 @@ var Modal = function(param) {
|
|
|
28994
28998
|
});
|
|
28995
28999
|
};
|
|
28996
29000
|
|
|
28997
|
-
function _tagged_template_literal$
|
|
29001
|
+
function _tagged_template_literal$7(strings, raw) {
|
|
28998
29002
|
if (!raw) {
|
|
28999
29003
|
raw = strings.slice(0);
|
|
29000
29004
|
}
|
|
@@ -29004,20 +29008,20 @@ function _tagged_template_literal$8(strings, raw) {
|
|
|
29004
29008
|
}
|
|
29005
29009
|
}));
|
|
29006
29010
|
}
|
|
29007
|
-
function _templateObject$
|
|
29008
|
-
var data = _tagged_template_literal$
|
|
29011
|
+
function _templateObject$7() {
|
|
29012
|
+
var data = _tagged_template_literal$7([
|
|
29009
29013
|
"\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ",
|
|
29010
29014
|
"px ",
|
|
29011
29015
|
"px ",
|
|
29012
29016
|
"px;\n"
|
|
29013
29017
|
]);
|
|
29014
|
-
_templateObject$
|
|
29018
|
+
_templateObject$7 = function _templateObject() {
|
|
29015
29019
|
return data;
|
|
29016
29020
|
};
|
|
29017
29021
|
return data;
|
|
29018
29022
|
}
|
|
29019
29023
|
function _templateObject1$6() {
|
|
29020
|
-
var data = _tagged_template_literal$
|
|
29024
|
+
var data = _tagged_template_literal$7([
|
|
29021
29025
|
"\n display: flex;\n align-items: center;\n"
|
|
29022
29026
|
]);
|
|
29023
29027
|
_templateObject1$6 = function _templateObject() {
|
|
@@ -29025,7 +29029,7 @@ function _templateObject1$6() {
|
|
|
29025
29029
|
};
|
|
29026
29030
|
return data;
|
|
29027
29031
|
}
|
|
29028
|
-
var PaginationContainer = styled.div(_templateObject$
|
|
29032
|
+
var PaginationContainer = styled.div(_templateObject$7(), spacing(2), spacing(1), spacing(1));
|
|
29029
29033
|
var PageControls = styled.div(_templateObject1$6());
|
|
29030
29034
|
var Pagination = function(param) {
|
|
29031
29035
|
var pageInfo = param.pageInfo, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, onPageSizeChange = param.onPageSizeChange, subText = param.subText, onPageChange = param.onPageChange, _param_testId = param.testId, testId = _param_testId === void 0 ? 'pagination' : _param_testId;
|
|
@@ -29167,7 +29171,7 @@ function _object_without_properties_loose$3(source, excluded) {
|
|
|
29167
29171
|
}
|
|
29168
29172
|
return target;
|
|
29169
29173
|
}
|
|
29170
|
-
function _tagged_template_literal$
|
|
29174
|
+
function _tagged_template_literal$6(strings, raw) {
|
|
29171
29175
|
if (!raw) {
|
|
29172
29176
|
raw = strings.slice(0);
|
|
29173
29177
|
}
|
|
@@ -29177,16 +29181,16 @@ function _tagged_template_literal$7(strings, raw) {
|
|
|
29177
29181
|
}
|
|
29178
29182
|
}));
|
|
29179
29183
|
}
|
|
29180
|
-
function _templateObject$
|
|
29181
|
-
var data = _tagged_template_literal$
|
|
29184
|
+
function _templateObject$6() {
|
|
29185
|
+
var data = _tagged_template_literal$6([
|
|
29182
29186
|
"\n display: flex;\n align-items: center;\n"
|
|
29183
29187
|
]);
|
|
29184
|
-
_templateObject$
|
|
29188
|
+
_templateObject$6 = function _templateObject() {
|
|
29185
29189
|
return data;
|
|
29186
29190
|
};
|
|
29187
29191
|
return data;
|
|
29188
29192
|
}
|
|
29189
|
-
var RadioButtonContainer = styled.div(_templateObject$
|
|
29193
|
+
var RadioButtonContainer = styled.div(_templateObject$6());
|
|
29190
29194
|
var RadioButton = function(_param) {
|
|
29191
29195
|
var id = _param.id, name = _param.name, label = _param.label, value = _param.value, checked = _param.checked, onChange = _param.onChange, disabled = _param.disabled, required = _param.required, className = _param.className, style = _param.style, props = _object_without_properties$3(_param, [
|
|
29192
29196
|
"id",
|
|
@@ -29400,7 +29404,7 @@ function _object_without_properties_loose$2(source, excluded) {
|
|
|
29400
29404
|
}
|
|
29401
29405
|
return target;
|
|
29402
29406
|
}
|
|
29403
|
-
function _tagged_template_literal$
|
|
29407
|
+
function _tagged_template_literal$5(strings, raw) {
|
|
29404
29408
|
if (!raw) {
|
|
29405
29409
|
raw = strings.slice(0);
|
|
29406
29410
|
}
|
|
@@ -29410,18 +29414,18 @@ function _tagged_template_literal$6(strings, raw) {
|
|
|
29410
29414
|
}
|
|
29411
29415
|
}));
|
|
29412
29416
|
}
|
|
29413
|
-
function _templateObject$
|
|
29414
|
-
var data = _tagged_template_literal$
|
|
29417
|
+
function _templateObject$5() {
|
|
29418
|
+
var data = _tagged_template_literal$5([
|
|
29415
29419
|
"\n display: flex;\n align-items: center;\n gap: ",
|
|
29416
29420
|
"px;\n"
|
|
29417
29421
|
]);
|
|
29418
|
-
_templateObject$
|
|
29422
|
+
_templateObject$5 = function _templateObject() {
|
|
29419
29423
|
return data;
|
|
29420
29424
|
};
|
|
29421
29425
|
return data;
|
|
29422
29426
|
}
|
|
29423
29427
|
function _templateObject1$5() {
|
|
29424
|
-
var data = _tagged_template_literal$
|
|
29428
|
+
var data = _tagged_template_literal$5([
|
|
29425
29429
|
"\n display: flex;\n height: 40px;\n width: 40px;\n border-radius: 50%;\n\n &:hover {\n background: ",
|
|
29426
29430
|
";\n }\n\n & svg {\n color: ",
|
|
29427
29431
|
";\n font-size: 1.5rem;\n }\n"
|
|
@@ -29431,17 +29435,17 @@ function _templateObject1$5() {
|
|
|
29431
29435
|
};
|
|
29432
29436
|
return data;
|
|
29433
29437
|
}
|
|
29434
|
-
function _templateObject2$
|
|
29435
|
-
var data = _tagged_template_literal$
|
|
29438
|
+
function _templateObject2$5() {
|
|
29439
|
+
var data = _tagged_template_literal$5([
|
|
29436
29440
|
"\n padding-left: 3.25rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n"
|
|
29437
29441
|
]);
|
|
29438
|
-
_templateObject2$
|
|
29442
|
+
_templateObject2$5 = function _templateObject() {
|
|
29439
29443
|
return data;
|
|
29440
29444
|
};
|
|
29441
29445
|
return data;
|
|
29442
29446
|
}
|
|
29443
29447
|
function _templateObject3$3() {
|
|
29444
|
-
var data = _tagged_template_literal$
|
|
29448
|
+
var data = _tagged_template_literal$5([
|
|
29445
29449
|
"\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: 0px ",
|
|
29446
29450
|
"px ",
|
|
29447
29451
|
"px 0px;\n padding: 0 1.5rem;\n"
|
|
@@ -29451,9 +29455,9 @@ function _templateObject3$3() {
|
|
|
29451
29455
|
};
|
|
29452
29456
|
return data;
|
|
29453
29457
|
}
|
|
29454
|
-
var Container$1 = styled.div(_templateObject$
|
|
29458
|
+
var Container$1 = styled.div(_templateObject$5(), spacing(1));
|
|
29455
29459
|
var IconWrapper = styled(IconWrapper$3)(_templateObject1$5(), neutral200, neutral600);
|
|
29456
|
-
var StyledInput = styled(BaseInput$1)(_templateObject2$
|
|
29460
|
+
var StyledInput = styled(BaseInput$1)(_templateObject2$5());
|
|
29457
29461
|
var GoButton = styled(Button)(_templateObject3$3(), spacing(1), spacing(1));
|
|
29458
29462
|
var SearchBar = function(_param) {
|
|
29459
29463
|
var placeholder = _param.placeholder, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, onClear = _param.onClear, onSubmit = _param.onSubmit, _param_showButton = _param.showButton, showButton = _param_showButton === void 0 ? true : _param_showButton, _param_showFilters = _param.showFilters, showFilters = _param_showFilters === void 0 ? false : _param_showFilters, _param_testId = _param.testId, testId = _param_testId === void 0 ? 'search' : _param_testId, props = _object_without_properties$2(_param, [
|
|
@@ -33590,7 +33594,7 @@ function useReactTable(options) {
|
|
|
33590
33594
|
return tableRef.current;
|
|
33591
33595
|
}
|
|
33592
33596
|
|
|
33593
|
-
function _tagged_template_literal$
|
|
33597
|
+
function _tagged_template_literal$4(strings, raw) {
|
|
33594
33598
|
if (!raw) {
|
|
33595
33599
|
raw = strings.slice(0);
|
|
33596
33600
|
}
|
|
@@ -33600,17 +33604,17 @@ function _tagged_template_literal$5(strings, raw) {
|
|
|
33600
33604
|
}
|
|
33601
33605
|
}));
|
|
33602
33606
|
}
|
|
33603
|
-
function _templateObject$
|
|
33604
|
-
var data = _tagged_template_literal$
|
|
33607
|
+
function _templateObject$4() {
|
|
33608
|
+
var data = _tagged_template_literal$4([
|
|
33605
33609
|
"\n position: sticky;\n top: 0;\n z-index: 1;\n"
|
|
33606
33610
|
]);
|
|
33607
|
-
_templateObject$
|
|
33611
|
+
_templateObject$4 = function _templateObject() {
|
|
33608
33612
|
return data;
|
|
33609
33613
|
};
|
|
33610
33614
|
return data;
|
|
33611
33615
|
}
|
|
33612
33616
|
function _templateObject1$4() {
|
|
33613
|
-
var data = _tagged_template_literal$
|
|
33617
|
+
var data = _tagged_template_literal$4([
|
|
33614
33618
|
"\n padding: ",
|
|
33615
33619
|
"px;\n text-align: left;\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n background: ",
|
|
33616
33620
|
";\n border-bottom: 1px solid ",
|
|
@@ -33621,17 +33625,17 @@ function _templateObject1$4() {
|
|
|
33621
33625
|
};
|
|
33622
33626
|
return data;
|
|
33623
33627
|
}
|
|
33624
|
-
function _templateObject2$
|
|
33625
|
-
var data = _tagged_template_literal$
|
|
33628
|
+
function _templateObject2$4() {
|
|
33629
|
+
var data = _tagged_template_literal$4([
|
|
33626
33630
|
"\n display: flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n"
|
|
33627
33631
|
]);
|
|
33628
|
-
_templateObject2$
|
|
33632
|
+
_templateObject2$4 = function _templateObject() {
|
|
33629
33633
|
return data;
|
|
33630
33634
|
};
|
|
33631
33635
|
return data;
|
|
33632
33636
|
}
|
|
33633
33637
|
function _templateObject3$2() {
|
|
33634
|
-
var data = _tagged_template_literal$
|
|
33638
|
+
var data = _tagged_template_literal$4([
|
|
33635
33639
|
"\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n align-items: center;\n height: 100%;\n width: 6px;\n padding-right: 10px;\n"
|
|
33636
33640
|
]);
|
|
33637
33641
|
_templateObject3$2 = function _templateObject() {
|
|
@@ -33640,7 +33644,7 @@ function _templateObject3$2() {
|
|
|
33640
33644
|
return data;
|
|
33641
33645
|
}
|
|
33642
33646
|
function _templateObject4$1() {
|
|
33643
|
-
var data = _tagged_template_literal$
|
|
33647
|
+
var data = _tagged_template_literal$4([
|
|
33644
33648
|
"\n position: absolute;\n height: 0%;\n width: 6px;\n background-color: ",
|
|
33645
33649
|
";\n cursor: col-resize;\n user-select: none;\n touch-action: none;\n transition: height ease 0.25s;\n"
|
|
33646
33650
|
]);
|
|
@@ -33650,7 +33654,7 @@ function _templateObject4$1() {
|
|
|
33650
33654
|
return data;
|
|
33651
33655
|
}
|
|
33652
33656
|
function _templateObject5() {
|
|
33653
|
-
var data = _tagged_template_literal$
|
|
33657
|
+
var data = _tagged_template_literal$4([
|
|
33654
33658
|
"\n font-size: 9px;\n display: inline-flex;\n flex-direction: column;\n margin-left: ",
|
|
33655
33659
|
"px;\n align-items: center;\n\n & svg:first-of-type {\n margin-bottom: -1.5px;\n }\n & svg:last-of-type {\n margin-top: -1.5px;\n }\n"
|
|
33656
33660
|
]);
|
|
@@ -33659,9 +33663,9 @@ function _templateObject5() {
|
|
|
33659
33663
|
};
|
|
33660
33664
|
return data;
|
|
33661
33665
|
}
|
|
33662
|
-
var StyledHeader = styled.thead(_templateObject$
|
|
33666
|
+
var StyledHeader = styled.thead(_templateObject$4());
|
|
33663
33667
|
var Th = styled(Typography)(_templateObject1$4(), spacing(1), neutral100, neutral300);
|
|
33664
|
-
var HeaderContent = styled.div(_templateObject2$
|
|
33668
|
+
var HeaderContent = styled.div(_templateObject2$4());
|
|
33665
33669
|
var ResizeHandleContainer = styled.div(_templateObject3$2());
|
|
33666
33670
|
var ResizeHandle = styled.div(_templateObject4$1(), neutral300);
|
|
33667
33671
|
var SortIcon = styled.span(_templateObject5(), spacing(1));
|
|
@@ -33776,7 +33780,7 @@ function _object_spread_props$3(target, source) {
|
|
|
33776
33780
|
}
|
|
33777
33781
|
return target;
|
|
33778
33782
|
}
|
|
33779
|
-
function _tagged_template_literal$
|
|
33783
|
+
function _tagged_template_literal$3(strings, raw) {
|
|
33780
33784
|
if (!raw) {
|
|
33781
33785
|
raw = strings.slice(0);
|
|
33782
33786
|
}
|
|
@@ -33786,17 +33790,17 @@ function _tagged_template_literal$4(strings, raw) {
|
|
|
33786
33790
|
}
|
|
33787
33791
|
}));
|
|
33788
33792
|
}
|
|
33789
|
-
function _templateObject$
|
|
33790
|
-
var data = _tagged_template_literal$
|
|
33793
|
+
function _templateObject$3() {
|
|
33794
|
+
var data = _tagged_template_literal$3([
|
|
33791
33795
|
"\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n"
|
|
33792
33796
|
]);
|
|
33793
|
-
_templateObject$
|
|
33797
|
+
_templateObject$3 = function _templateObject() {
|
|
33794
33798
|
return data;
|
|
33795
33799
|
};
|
|
33796
33800
|
return data;
|
|
33797
33801
|
}
|
|
33798
33802
|
function _templateObject1$3() {
|
|
33799
|
-
var data = _tagged_template_literal$
|
|
33803
|
+
var data = _tagged_template_literal$3([
|
|
33800
33804
|
"\n &:hover {\n background: ",
|
|
33801
33805
|
";\n }\n "
|
|
33802
33806
|
]);
|
|
@@ -33805,18 +33809,18 @@ function _templateObject1$3() {
|
|
|
33805
33809
|
};
|
|
33806
33810
|
return data;
|
|
33807
33811
|
}
|
|
33808
|
-
function _templateObject2$
|
|
33809
|
-
var data = _tagged_template_literal$
|
|
33812
|
+
function _templateObject2$3() {
|
|
33813
|
+
var data = _tagged_template_literal$3([
|
|
33810
33814
|
"\n ",
|
|
33811
33815
|
"\n\n &:last-child td {\n border-bottom: none;\n }\n"
|
|
33812
33816
|
]);
|
|
33813
|
-
_templateObject2$
|
|
33817
|
+
_templateObject2$3 = function _templateObject() {
|
|
33814
33818
|
return data;
|
|
33815
33819
|
};
|
|
33816
33820
|
return data;
|
|
33817
33821
|
}
|
|
33818
33822
|
function _templateObject3$1() {
|
|
33819
|
-
var data = _tagged_template_literal$
|
|
33823
|
+
var data = _tagged_template_literal$3([
|
|
33820
33824
|
"\n border-bottom: 1px solid ",
|
|
33821
33825
|
";\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"
|
|
33822
33826
|
]);
|
|
@@ -33825,8 +33829,8 @@ function _templateObject3$1() {
|
|
|
33825
33829
|
};
|
|
33826
33830
|
return data;
|
|
33827
33831
|
}
|
|
33828
|
-
var StyledTableBody = styled.tbody(_templateObject$
|
|
33829
|
-
var Tr = styled.tr(_templateObject2$
|
|
33832
|
+
var StyledTableBody = styled.tbody(_templateObject$3());
|
|
33833
|
+
var Tr = styled.tr(_templateObject2$3(), function(props) {
|
|
33830
33834
|
return props.enableHover && css(_templateObject1$3(), props.disabled ? neutral100 : primary100);
|
|
33831
33835
|
});
|
|
33832
33836
|
var Td = styled(Typography)(_templateObject3$1(), neutral300);
|
|
@@ -33857,20 +33861,16 @@ var TableBody = function(param) {
|
|
|
33857
33861
|
"data-testid": "".concat(testId, "-row-").concat(row.id),
|
|
33858
33862
|
children: row.getVisibleCells().map(function(cell) {
|
|
33859
33863
|
var _cell_column_columnDef;
|
|
33860
|
-
var isContextCell = cell.column.id === 'context';
|
|
33861
33864
|
return /*#__PURE__*/ jsx(Td, _object_spread_props$3(_object_spread$3({
|
|
33862
33865
|
variant: "paragraph200Regular",
|
|
33863
33866
|
as: "td"
|
|
33864
33867
|
}, ((_cell_column_columnDef = cell.column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : _cell_column_columnDef.tooltip) && {
|
|
33865
33868
|
title: "".concat(cell.getValue())
|
|
33866
33869
|
}), {
|
|
33867
|
-
style:
|
|
33870
|
+
style: {
|
|
33868
33871
|
width: "".concat(cell.column.getSize(), "px"),
|
|
33869
33872
|
padding: dense ? "".concat(spacing(1), "px ").concat(spacing(cell.column.id === 'row-select' ? 1 : 1.5), "px") : "".concat(spacing(1.5), "px ").concat(spacing(cell.column.id === 'row-select' ? 1 : 1.5), "px")
|
|
33870
|
-
},
|
|
33871
|
-
display: 'flex',
|
|
33872
|
-
justifyContent: 'center'
|
|
33873
|
-
}),
|
|
33873
|
+
},
|
|
33874
33874
|
children: flexRender(cell.column.columnDef.cell, cell.getContext())
|
|
33875
33875
|
}), cell.id);
|
|
33876
33876
|
})
|
|
@@ -33880,70 +33880,33 @@ var TableBody = function(param) {
|
|
|
33880
33880
|
});
|
|
33881
33881
|
};
|
|
33882
33882
|
|
|
33883
|
-
function
|
|
33884
|
-
|
|
33885
|
-
|
|
33886
|
-
|
|
33887
|
-
|
|
33888
|
-
|
|
33889
|
-
|
|
33890
|
-
|
|
33891
|
-
|
|
33892
|
-
}
|
|
33893
|
-
|
|
33894
|
-
|
|
33895
|
-
|
|
33896
|
-
|
|
33897
|
-
|
|
33898
|
-
|
|
33899
|
-
|
|
33900
|
-
|
|
33901
|
-
|
|
33902
|
-
|
|
33903
|
-
|
|
33904
|
-
|
|
33905
|
-
|
|
33906
|
-
|
|
33907
|
-
|
|
33908
|
-
ref: cellRef,
|
|
33909
|
-
style: {
|
|
33910
|
-
position: 'relative'
|
|
33911
|
-
},
|
|
33912
|
-
children: [
|
|
33913
|
-
/*#__PURE__*/ jsx(ContextMenuButton, {
|
|
33914
|
-
onClick: function(e) {
|
|
33915
|
-
e.stopPropagation();
|
|
33916
|
-
setOpenMenuId(openMenuId === row.id ? null : row.id);
|
|
33917
|
-
},
|
|
33918
|
-
"data-testid": "".concat(testId, "-row-").concat(row.id, "-context-menu-button"),
|
|
33919
|
-
children: /*#__PURE__*/ jsx(MoreVertical, {})
|
|
33920
|
-
}),
|
|
33921
|
-
/*#__PURE__*/ jsx(Popper, {
|
|
33922
|
-
anchorRef: cellRef,
|
|
33923
|
-
open: openMenuId === row.id,
|
|
33924
|
-
onClose: function() {
|
|
33925
|
-
return setOpenMenuId(null);
|
|
33926
|
-
},
|
|
33927
|
-
style: {
|
|
33928
|
-
padding: "".concat(spacing(1), "px 0")
|
|
33929
|
-
},
|
|
33930
|
-
children: contextMenuActions.map(function(action, index) {
|
|
33931
|
-
var isDisabled = typeof action.disabled === 'function' ? action.disabled(row.original) : action.disabled;
|
|
33932
|
-
return /*#__PURE__*/ jsx(MenuItem, {
|
|
33933
|
-
disabled: isDisabled,
|
|
33934
|
-
onClick: function(e) {
|
|
33935
|
-
e.stopPropagation();
|
|
33936
|
-
if (!isDisabled) {
|
|
33937
|
-
action.onClick(row.original);
|
|
33938
|
-
setOpenMenuId(null);
|
|
33939
|
-
}
|
|
33940
|
-
},
|
|
33941
|
-
label: action.label,
|
|
33942
|
-
"data-testid": "".concat(testId, "-row-").concat(row.id, "-context-menu-").concat(formatForId(action.label), "-button")
|
|
33943
|
-
}, index);
|
|
33944
|
-
})
|
|
33883
|
+
var RowContextMenu = function(param) {
|
|
33884
|
+
var anchorRef = param.anchorRef, _param_actions = param.actions, actions = _param_actions === void 0 ? [] : _param_actions, activeRow = param.activeRow, setActiveRow = param.setActiveRow;
|
|
33885
|
+
return /*#__PURE__*/ jsx(Fragment, {
|
|
33886
|
+
children: /*#__PURE__*/ jsx(Popper, {
|
|
33887
|
+
open: !!activeRow,
|
|
33888
|
+
anchorRef: anchorRef,
|
|
33889
|
+
onClose: function() {
|
|
33890
|
+
anchorRef.current = null;
|
|
33891
|
+
setActiveRow(null);
|
|
33892
|
+
},
|
|
33893
|
+
offset: 4,
|
|
33894
|
+
style: {
|
|
33895
|
+
padding: "".concat(spacing(1), "px 0")
|
|
33896
|
+
},
|
|
33897
|
+
children: actions.map(function(action, i) {
|
|
33898
|
+
return /*#__PURE__*/ jsx(MenuItem, {
|
|
33899
|
+
disabled: activeRow == null ? true : typeof action.disabled === 'function' ? action.disabled(activeRow) : action.disabled,
|
|
33900
|
+
onClick: function(e) {
|
|
33901
|
+
e.stopPropagation();
|
|
33902
|
+
if (activeRow) action.onClick(activeRow);
|
|
33903
|
+
anchorRef.current = null;
|
|
33904
|
+
setActiveRow(null);
|
|
33905
|
+
},
|
|
33906
|
+
label: action.label
|
|
33907
|
+
}, i);
|
|
33945
33908
|
})
|
|
33946
|
-
|
|
33909
|
+
})
|
|
33947
33910
|
});
|
|
33948
33911
|
};
|
|
33949
33912
|
|
|
@@ -34082,17 +34045,29 @@ function _templateObject1$2() {
|
|
|
34082
34045
|
};
|
|
34083
34046
|
return data;
|
|
34084
34047
|
}
|
|
34048
|
+
function _templateObject2$2() {
|
|
34049
|
+
var data = _tagged_template_literal$2([
|
|
34050
|
+
"\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ",
|
|
34051
|
+
"px;\n background: none;\n font-size: 20px;\n"
|
|
34052
|
+
]);
|
|
34053
|
+
_templateObject2$2 = function _templateObject() {
|
|
34054
|
+
return data;
|
|
34055
|
+
};
|
|
34056
|
+
return data;
|
|
34057
|
+
}
|
|
34085
34058
|
var TableContainer = styled(/*#__PURE__*/ forwardRef(function(props, ref) {
|
|
34086
34059
|
return /*#__PURE__*/ jsx("div", _object_spread_props$2(_object_spread$2({}, props), {
|
|
34087
34060
|
ref: ref
|
|
34088
34061
|
}));
|
|
34089
34062
|
}))(_templateObject$2(), neutral300, spacing(1));
|
|
34090
34063
|
var TableWrapper = styled.table(_templateObject1$2());
|
|
34064
|
+
var ContextMenuButton = styled(Button)(_templateObject2$2(), spacing(0.5));
|
|
34091
34065
|
var Table = function(param) {
|
|
34092
34066
|
var columns = param.columns, _param_data = param.data, data = _param_data === void 0 ? [] : _param_data, getRowId = param.getRowId, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, pageInfo = param.pageInfo, subText = param.subText, onPageSizeChange = param.onPageSizeChange, onPageChange = param.onPageChange, sortBy = param.sortBy, sortOrder = param.sortOrder, onSortChange = param.onSortChange, _param_enableRowSelection = param.enableRowSelection, enableRowSelection = _param_enableRowSelection === void 0 ? false : _param_enableRowSelection, _param_selectedRows = param.selectedRows, selectedRows = _param_selectedRows === void 0 ? {} : _param_selectedRows, onRowSelectionChange = param.onRowSelectionChange, getRowDisabled = param.getRowDisabled, onRowClick = param.onRowClick, contextMenuActions = param.contextMenuActions, _param_dense = param.dense, dense = _param_dense === void 0 ? false : _param_dense, height = param.height, error = param.error, _param_testId = param.testId, testId = _param_testId === void 0 ? 'table' : _param_testId;
|
|
34093
34067
|
var containerRef = useRef(null);
|
|
34068
|
+
var ctxMenuAnchorRef = useRef(null);
|
|
34094
34069
|
var _useState = _sliced_to_array$1(useState({}), 2), columnSizing = _useState[0], setColumnSizing = _useState[1];
|
|
34095
|
-
var _useState1 = _sliced_to_array$1(useState(null), 2),
|
|
34070
|
+
var _useState1 = _sliced_to_array$1(useState(null), 2), ctxMenuRow = _useState1[0], setCtxMenuRow = _useState1[1];
|
|
34096
34071
|
var disableControls = isLoading || !(data === null || data === void 0 ? void 0 : data.length) || !!error;
|
|
34097
34072
|
var hasSomePageProps = !!(pageInfo || onPageSizeChange || onPageChange);
|
|
34098
34073
|
var hasAllPageProps = !!(pageInfo && onPageSizeChange && onPageChange);
|
|
@@ -34112,69 +34087,90 @@ var Table = function(param) {
|
|
|
34112
34087
|
}, [
|
|
34113
34088
|
columns
|
|
34114
34089
|
]);
|
|
34090
|
+
var rowSelectColumn = useMemo(function() {
|
|
34091
|
+
return {
|
|
34092
|
+
id: 'row-select',
|
|
34093
|
+
size: 50,
|
|
34094
|
+
minSize: 50,
|
|
34095
|
+
maxSize: 50,
|
|
34096
|
+
enableResizing: false,
|
|
34097
|
+
header: function(param) {
|
|
34098
|
+
var table = param.table;
|
|
34099
|
+
return /*#__PURE__*/ jsx(Checkbox, {
|
|
34100
|
+
width: 'min-content',
|
|
34101
|
+
checked: table.getIsAllRowsSelected(),
|
|
34102
|
+
indeterminate: table.getIsSomeRowsSelected(),
|
|
34103
|
+
onChange: table.getToggleAllPageRowsSelectedHandler(),
|
|
34104
|
+
disabled: disableControls,
|
|
34105
|
+
"data-testid": "".concat(testId, "-header-checkbox")
|
|
34106
|
+
});
|
|
34107
|
+
},
|
|
34108
|
+
cell: function(param) {
|
|
34109
|
+
var row = param.row;
|
|
34110
|
+
return /*#__PURE__*/ jsx(Checkbox, {
|
|
34111
|
+
width: 'min-content',
|
|
34112
|
+
checked: row.getIsSelected(),
|
|
34113
|
+
disabled: disableControls || !row.getCanSelect(),
|
|
34114
|
+
onClick: function(e) {
|
|
34115
|
+
return e.stopPropagation();
|
|
34116
|
+
},
|
|
34117
|
+
onChange: row.getToggleSelectedHandler(),
|
|
34118
|
+
"data-testid": "".concat(testId, "-row-").concat(row.id, "-checkbox")
|
|
34119
|
+
});
|
|
34120
|
+
}
|
|
34121
|
+
};
|
|
34122
|
+
}, [
|
|
34123
|
+
disableControls,
|
|
34124
|
+
testId
|
|
34125
|
+
]);
|
|
34126
|
+
var handleContextMenu = useCallback(function(e, row) {
|
|
34127
|
+
e.stopPropagation();
|
|
34128
|
+
setCtxMenuRow(function(prev) {
|
|
34129
|
+
if (prev === row.original) {
|
|
34130
|
+
ctxMenuAnchorRef.current = null;
|
|
34131
|
+
return null;
|
|
34132
|
+
}
|
|
34133
|
+
ctxMenuAnchorRef.current = e.currentTarget;
|
|
34134
|
+
return row.original;
|
|
34135
|
+
});
|
|
34136
|
+
}, []);
|
|
34137
|
+
var contextColumn = useMemo(function() {
|
|
34138
|
+
return {
|
|
34139
|
+
id: 'context',
|
|
34140
|
+
size: 50,
|
|
34141
|
+
minSize: 50,
|
|
34142
|
+
maxSize: 50,
|
|
34143
|
+
enableResizing: false,
|
|
34144
|
+
cell: function(param) {
|
|
34145
|
+
var row = param.row;
|
|
34146
|
+
return /*#__PURE__*/ jsx(ContextMenuButton, {
|
|
34147
|
+
onClick: function(e) {
|
|
34148
|
+
e.stopPropagation();
|
|
34149
|
+
handleContextMenu(e, row);
|
|
34150
|
+
},
|
|
34151
|
+
"data-testid": "".concat(testId, "-row-").concat(row.id, "-context-menu-button"),
|
|
34152
|
+
style: {
|
|
34153
|
+
margin: '0 auto'
|
|
34154
|
+
},
|
|
34155
|
+
children: /*#__PURE__*/ jsx(MoreVertical, {})
|
|
34156
|
+
});
|
|
34157
|
+
}
|
|
34158
|
+
};
|
|
34159
|
+
}, [
|
|
34160
|
+
handleContextMenu,
|
|
34161
|
+
testId
|
|
34162
|
+
]);
|
|
34115
34163
|
var allColumns = useMemo(function() {
|
|
34116
34164
|
var cols = _to_consumable_array(tableColumns);
|
|
34117
|
-
if (enableRowSelection)
|
|
34118
|
-
|
|
34119
|
-
id: 'row-select',
|
|
34120
|
-
size: 32,
|
|
34121
|
-
minSize: 32,
|
|
34122
|
-
maxSize: 32,
|
|
34123
|
-
header: function(param) {
|
|
34124
|
-
var table = param.table;
|
|
34125
|
-
return /*#__PURE__*/ jsx(Checkbox, {
|
|
34126
|
-
width: 'min-content',
|
|
34127
|
-
checked: table.getIsAllRowsSelected(),
|
|
34128
|
-
indeterminate: table.getIsSomeRowsSelected(),
|
|
34129
|
-
onChange: table.getToggleAllPageRowsSelectedHandler(),
|
|
34130
|
-
disabled: disableControls,
|
|
34131
|
-
"data-testid": "".concat(testId, "-header-checkbox")
|
|
34132
|
-
});
|
|
34133
|
-
},
|
|
34134
|
-
cell: function(param) {
|
|
34135
|
-
var row = param.row;
|
|
34136
|
-
return /*#__PURE__*/ jsx(Checkbox, {
|
|
34137
|
-
width: 'min-content',
|
|
34138
|
-
checked: row.getIsSelected(),
|
|
34139
|
-
disabled: disableControls || !row.getCanSelect(),
|
|
34140
|
-
onClick: function(e) {
|
|
34141
|
-
return e.stopPropagation();
|
|
34142
|
-
},
|
|
34143
|
-
onChange: row.getToggleSelectedHandler(),
|
|
34144
|
-
"data-testid": "".concat(testId, "-row-").concat(row.id, "-checkbox")
|
|
34145
|
-
});
|
|
34146
|
-
},
|
|
34147
|
-
enableResizing: false
|
|
34148
|
-
});
|
|
34149
|
-
}
|
|
34150
|
-
if (contextMenuActions === null || contextMenuActions === void 0 ? void 0 : contextMenuActions.length) {
|
|
34151
|
-
cols.push({
|
|
34152
|
-
id: 'context',
|
|
34153
|
-
size: 32,
|
|
34154
|
-
minSize: 32,
|
|
34155
|
-
maxSize: 32,
|
|
34156
|
-
header: '',
|
|
34157
|
-
cell: function(param) {
|
|
34158
|
-
var row = param.row;
|
|
34159
|
-
return /*#__PURE__*/ jsx(ContextMenuCell, {
|
|
34160
|
-
row: row,
|
|
34161
|
-
setOpenMenuId: setOpenMenuId,
|
|
34162
|
-
openMenuId: openMenuId,
|
|
34163
|
-
contextMenuActions: contextMenuActions,
|
|
34164
|
-
testId: testId
|
|
34165
|
-
});
|
|
34166
|
-
},
|
|
34167
|
-
enableResizing: false
|
|
34168
|
-
});
|
|
34169
|
-
}
|
|
34165
|
+
if (enableRowSelection) cols.unshift(rowSelectColumn);
|
|
34166
|
+
if (contextMenuActions === null || contextMenuActions === void 0 ? void 0 : contextMenuActions.length) cols.push(contextColumn);
|
|
34170
34167
|
return cols;
|
|
34171
34168
|
}, [
|
|
34172
34169
|
tableColumns,
|
|
34173
34170
|
enableRowSelection,
|
|
34171
|
+
rowSelectColumn,
|
|
34174
34172
|
contextMenuActions,
|
|
34175
|
-
|
|
34176
|
-
openMenuId,
|
|
34177
|
-
testId
|
|
34173
|
+
contextColumn
|
|
34178
34174
|
]);
|
|
34179
34175
|
var handleSortingChange = useCallback(function(updater) {
|
|
34180
34176
|
var currentSort = sortBy ? [
|
|
@@ -34300,6 +34296,12 @@ var Table = function(param) {
|
|
|
34300
34296
|
onPageChange(page);
|
|
34301
34297
|
},
|
|
34302
34298
|
testId: "".concat(testId, "-pagination")
|
|
34299
|
+
}),
|
|
34300
|
+
/*#__PURE__*/ jsx(RowContextMenu, {
|
|
34301
|
+
anchorRef: ctxMenuAnchorRef,
|
|
34302
|
+
actions: contextMenuActions,
|
|
34303
|
+
activeRow: ctxMenuRow,
|
|
34304
|
+
setActiveRow: setCtxMenuRow
|
|
34303
34305
|
})
|
|
34304
34306
|
]
|
|
34305
34307
|
});
|