@worldresources/wri-design-systems 2.137.0 → 2.137.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +156 -147
- package/dist/index.esm.js +151 -142
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1690,6 +1690,11 @@
|
|
|
1690
1690
|
`,fr=({ariaLabel:e,icon:r,backgroundColor:n,onClick:o})=>t.jsx("div",{css:gr(n,!!o),"aria-label":e,role:"button",tabIndex:0,onClick:o,onKeyDown:o,children:r}),br={Paper:({ariaLabel:e,onClick:t})=>n.jsx(fr,{ariaLabel:e||"paper icon",icon:n.jsx(N,{color:"#79022C"}),backgroundColor:"#FFBCD4",onClick:t}),Drop:({ariaLabel:e,onClick:t})=>n.jsx(fr,{ariaLabel:e||"drop icon",icon:n.jsx(F,{color:"#7D2A03"}),backgroundColor:"#F3A078",onClick:t}),Plant:({ariaLabel:e,onClick:t})=>n.jsx(fr,{ariaLabel:e||"plant icon",icon:n.jsx(A,{color:"#3B6402"}),backgroundColor:"#B7E578",onClick:t})},Cr=r.css`
|
|
1691
1691
|
background-color: ${p("neutral",100)};
|
|
1692
1692
|
`,mr=r.css`
|
|
1693
|
+
padding: 16px 16px 0px 16px;
|
|
1694
|
+
&:focus-visible {
|
|
1695
|
+
outline-color: ${p("primary",700)};
|
|
1696
|
+
}
|
|
1697
|
+
`,vr=r.css`
|
|
1693
1698
|
font-size: 16px;
|
|
1694
1699
|
font-weight: 700;
|
|
1695
1700
|
line-height: 24px;
|
|
@@ -1699,42 +1704,46 @@
|
|
|
1699
1704
|
align-items: center;
|
|
1700
1705
|
text-align: left;
|
|
1701
1706
|
gap: 10px;
|
|
1702
|
-
`,
|
|
1707
|
+
`,wr=r.css`
|
|
1703
1708
|
font-size: 12px;
|
|
1704
1709
|
font-weight: 400;
|
|
1705
1710
|
line-height: 16px;
|
|
1706
1711
|
text-align: left;
|
|
1707
1712
|
color: ${p("neutral",700)};
|
|
1708
1713
|
margin-bottom: 8px;
|
|
1709
|
-
`,
|
|
1714
|
+
`,jr=r.css`
|
|
1710
1715
|
width: 100%;
|
|
1711
1716
|
padding: 16px 0;
|
|
1712
1717
|
border-bottom: 1px solid ${p("neutral",300)};
|
|
1713
|
-
|
|
1718
|
+
|
|
1719
|
+
&:last-of-type {
|
|
1720
|
+
border-bottom: none;
|
|
1721
|
+
}
|
|
1722
|
+
`,yr=r.css`
|
|
1714
1723
|
display: flex;
|
|
1715
1724
|
align-items: flex-start;
|
|
1716
1725
|
justify-content: space-between;
|
|
1717
|
-
|
|
1726
|
+
`,$r=r.css`
|
|
1718
1727
|
display: flex;
|
|
1719
1728
|
flex-direction: column;
|
|
1720
|
-
|
|
1729
|
+
`,kr=e=>r.css`
|
|
1721
1730
|
font-size: 16px;
|
|
1722
1731
|
font-weight: 400;
|
|
1723
1732
|
line-height: 24px;
|
|
1724
1733
|
text-align: left;
|
|
1725
1734
|
color: ${p("neutral",e?500:800)};
|
|
1726
|
-
`,
|
|
1735
|
+
`,Sr=e=>r.css`
|
|
1727
1736
|
font-size: 14px;
|
|
1728
1737
|
font-weight: 400;
|
|
1729
1738
|
line-height: 20px;
|
|
1730
1739
|
text-align: left;
|
|
1731
1740
|
color: ${p("neutral",e?500:700)};
|
|
1732
|
-
`,
|
|
1741
|
+
`,Lr=({name:r,label:n,caption:o,showInfoButton:i=!0,infoButtonLabel:l="About data",variant:a="switch",disabled:s,onInfoClick:c,isDefaultSelected:d=!1,onChange:p})=>{const u="switch"===a;return t.jsxs("div",{css:jr,children:[u?t.jsxs("div",{css:yr,children:[t.jsxs("div",{css:$r,children:[t.jsx("p",{css:kr(s),"aria-label":n,"aria-disabled":s,children:n}),t.jsx("p",{"aria-label":o,css:Sr(s),children:o})]}),t.jsx(Ye,{"aria-label":`${n}, ${o}`,name:r,disabled:s,defaultChecked:d,onChange:p,role:"switch"})]}):t.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[t.jsx(Ee,{value:r,disabled:s,fontSize:"16px",color:"var(--chakra-colors-neutral-800)",children:n}),t.jsx("p",{style:{marginLeft:"28px"},css:Sr(s),children:o})]}),i?t.jsx(e.Box,{display:"flex",justifyContent:"flex-start",marginTop:"8px",marginLeft:u?0:"28px",children:t.jsx(b,{variant:"secondary",label:l,rightIcon:t.jsx(j,{}),size:"small",onClick:c,disabled:s})}):null]})},Mr=r.css`
|
|
1733
1742
|
margin-bottom: 16px;
|
|
1734
1743
|
border: 1px solid ${p("neutral",300)};
|
|
1735
1744
|
border-radius: 4px;
|
|
1736
1745
|
box-shadow: 0px 1px 2px 0px #0000000d;
|
|
1737
|
-
`,
|
|
1746
|
+
`,Rr=r.css`
|
|
1738
1747
|
padding: 6px 8px;
|
|
1739
1748
|
align-items: center;
|
|
1740
1749
|
background-color: ${p("neutral",100)};
|
|
@@ -1750,12 +1759,12 @@
|
|
|
1750
1759
|
height: 10px;
|
|
1751
1760
|
width: 10px;
|
|
1752
1761
|
}
|
|
1753
|
-
`,
|
|
1762
|
+
`,Ir=r.css`
|
|
1754
1763
|
font-size: 12px;
|
|
1755
1764
|
font-weight: 700;
|
|
1756
1765
|
line-height: 16px;
|
|
1757
1766
|
color: ${p("neutral",800)};
|
|
1758
|
-
`,
|
|
1767
|
+
`,Vr=r.css`
|
|
1759
1768
|
padding: 12px 8px;
|
|
1760
1769
|
display: flex;
|
|
1761
1770
|
flex-direction: column;
|
|
@@ -1771,13 +1780,13 @@
|
|
|
1771
1780
|
margin-bottom: 0px;
|
|
1772
1781
|
}
|
|
1773
1782
|
}
|
|
1774
|
-
`,
|
|
1783
|
+
`,Dr=r.css`
|
|
1775
1784
|
padding: 12px;
|
|
1776
1785
|
padding-bottom: 20px;
|
|
1777
1786
|
display: flex;
|
|
1778
1787
|
gap: 12px;
|
|
1779
1788
|
border-bottom: 1px solid ${p("neutral",300)};
|
|
1780
|
-
`,
|
|
1789
|
+
`,Tr=r.css`
|
|
1781
1790
|
display: flex;
|
|
1782
1791
|
flex-direction: column;
|
|
1783
1792
|
|
|
@@ -1786,44 +1795,44 @@
|
|
|
1786
1795
|
fill: ${p("neutral",700)} !important;
|
|
1787
1796
|
}
|
|
1788
1797
|
}
|
|
1789
|
-
`,
|
|
1798
|
+
`,Er=r.css`
|
|
1790
1799
|
display: flex;
|
|
1791
1800
|
align-items: flex-start;
|
|
1792
1801
|
justify-content: space-between;
|
|
1793
1802
|
gap: 12px;
|
|
1794
1803
|
margin-bottom: 16px;
|
|
1795
|
-
`,
|
|
1804
|
+
`,_r=r.css`
|
|
1796
1805
|
font-size: 16px;
|
|
1797
1806
|
line-height: 24px;
|
|
1798
1807
|
font-weight: 400;
|
|
1799
1808
|
text-align: left;
|
|
1800
1809
|
color: ${p("neutral",900)};
|
|
1801
|
-
`,
|
|
1810
|
+
`,zr=r.css`
|
|
1802
1811
|
font-size: 14px;
|
|
1803
1812
|
line-height: 20px;
|
|
1804
1813
|
font-weight: 400;
|
|
1805
1814
|
text-align: left;
|
|
1806
1815
|
color: ${p("neutral",700)};
|
|
1807
|
-
`,
|
|
1816
|
+
`,Pr=r.css`
|
|
1808
1817
|
display: flex;
|
|
1809
1818
|
justify-content: space-between;
|
|
1810
1819
|
|
|
1811
1820
|
button {
|
|
1812
1821
|
width: 46%;
|
|
1813
1822
|
}
|
|
1814
|
-
`,
|
|
1823
|
+
`,Br=r.css`
|
|
1815
1824
|
width: 234px;
|
|
1816
1825
|
border: 1px solid ${p("neutral",600)};
|
|
1817
1826
|
border-radius: 4px;
|
|
1818
|
-
`,Br=r.css`
|
|
1819
|
-
padding: 12px;
|
|
1820
1827
|
`,Hr=r.css`
|
|
1828
|
+
padding: 12px;
|
|
1829
|
+
`,Or=r.css`
|
|
1821
1830
|
font-size: 14px;
|
|
1822
1831
|
line-height: 20px;
|
|
1823
1832
|
font-weight: 400;
|
|
1824
1833
|
text-align: left;
|
|
1825
1834
|
color: ${p("neutral",900)};
|
|
1826
|
-
`,
|
|
1835
|
+
`,Nr=r.css`
|
|
1827
1836
|
display: flex;
|
|
1828
1837
|
align-items: center;
|
|
1829
1838
|
gap: 12px;
|
|
@@ -1844,20 +1853,20 @@
|
|
|
1844
1853
|
margin-top: 18px;
|
|
1845
1854
|
width: 100%;
|
|
1846
1855
|
}
|
|
1847
|
-
`,
|
|
1856
|
+
`,Fr=({defaultValue:r,onOpacityChanged:n})=>{const[i,l]=o.useState(r);return t.jsxs(e.Popover.Root,{positioning:{placement:"bottom-end"},children:[t.jsx(e.Popover.Trigger,{asChild:!0,children:t.jsx(b,{label:"Opacity",size:"small",variant:"secondary",leftIcon:t.jsx(j,{})})}),t.jsx(e.Popover.Positioner,{children:t.jsx(e.Popover.Content,{css:Br,children:t.jsxs(e.Popover.Body,{css:Hr,children:[t.jsx("p",{css:Or,children:"Opacity"}),t.jsxs("div",{css:Nr,children:[t.jsxs("div",{style:{position:"relative"},children:[t.jsx(pt,{"aria-label":"Opacity",min:"0",max:"100",value:i,onChange:e=>{const t=e.target.value||"0";let r=parseInt(t,10);r=Number.isNaN(r)?0:r,r=r<0?0:r,r=r>100?100:r,l(r),n&&n(r)},className:"opacity-control-text-input",onClick:e=>e.target.select()}),t.jsx("p",{style:{position:"absolute",top:"18.5px",right:"5px"},children:"%"})]}),t.jsx(Ze,{min:0,max:100,value:[i],onValueChangeEnd:({value:e})=>{l(e[0]),n&&n(e[0])}})]})]})})})]})},Ar=e=>r.css`
|
|
1848
1857
|
width: 20px;
|
|
1849
1858
|
height: 20px;
|
|
1850
1859
|
border-radius: 50%;
|
|
1851
1860
|
background-color: ${e};
|
|
1852
1861
|
border: 1px solid ${p("neutral",400)};
|
|
1853
|
-
`,
|
|
1862
|
+
`,Zr=e=>r.css`
|
|
1854
1863
|
width: 20px;
|
|
1855
1864
|
height: 8px;
|
|
1856
1865
|
border-radius: 2px;
|
|
1857
1866
|
background-color: ${e};
|
|
1858
1867
|
border: 1px solid ${p("neutral",400)};
|
|
1859
1868
|
margin-top: 5px;
|
|
1860
|
-
`,
|
|
1869
|
+
`,Wr=e=>r.css`
|
|
1861
1870
|
width: 20px;
|
|
1862
1871
|
height: 20px;
|
|
1863
1872
|
border-radius: 50%;
|
|
@@ -1870,26 +1879,26 @@
|
|
|
1870
1879
|
width: 10px;
|
|
1871
1880
|
height: 10px;
|
|
1872
1881
|
}
|
|
1873
|
-
`,
|
|
1882
|
+
`,Yr=r.css`
|
|
1874
1883
|
width: 100%;
|
|
1875
1884
|
display: flex;
|
|
1876
1885
|
justify-content: space-between;
|
|
1877
1886
|
gap: 8px;
|
|
1878
1887
|
margin-bottom: 16px;
|
|
1879
|
-
`,
|
|
1888
|
+
`,qr=r.css`
|
|
1880
1889
|
display: flex;
|
|
1881
1890
|
gap: 8px;
|
|
1882
|
-
`,
|
|
1891
|
+
`,Ur=r.css`
|
|
1883
1892
|
font-size: 14px;
|
|
1884
1893
|
line-height: 20px;
|
|
1885
1894
|
font-weight: 400;
|
|
1886
1895
|
color: ${p("neutral",800)};
|
|
1887
|
-
`,
|
|
1896
|
+
`,Gr=r.css`
|
|
1888
1897
|
font-size: 12px;
|
|
1889
1898
|
line-height: 16px;
|
|
1890
1899
|
font-weight: 400;
|
|
1891
1900
|
color: ${p("neutral",700)};
|
|
1892
|
-
`,
|
|
1901
|
+
`,Xr=r.css`
|
|
1893
1902
|
button {
|
|
1894
1903
|
height: 25px;
|
|
1895
1904
|
font-size: 12px;
|
|
@@ -1898,12 +1907,12 @@
|
|
|
1898
1907
|
color: ${p("neutral",600)};
|
|
1899
1908
|
padding: 0 10px;
|
|
1900
1909
|
}
|
|
1901
|
-
`,
|
|
1910
|
+
`,Kr=r.css`
|
|
1902
1911
|
width: 100%;
|
|
1903
1912
|
display: flex;
|
|
1904
1913
|
flex-direction: column;
|
|
1905
1914
|
margin-bottom: 16px;
|
|
1906
|
-
`,
|
|
1915
|
+
`,Jr=r.css`
|
|
1907
1916
|
height: 20px;
|
|
1908
1917
|
width: 100%;
|
|
1909
1918
|
margin-bottom: 8px;
|
|
@@ -1921,27 +1930,27 @@
|
|
|
1921
1930
|
border-top-right-radius: 3px;
|
|
1922
1931
|
border-bottom-right-radius: 3px;
|
|
1923
1932
|
}
|
|
1924
|
-
`,
|
|
1933
|
+
`,Qr=r.css`
|
|
1925
1934
|
display: flex;
|
|
1926
1935
|
justify-content: space-between;
|
|
1927
1936
|
align-items: flex-start;
|
|
1928
|
-
`,
|
|
1937
|
+
`,en=r.css`
|
|
1929
1938
|
width: 100%;
|
|
1930
1939
|
font-size: 12px;
|
|
1931
1940
|
line-height: 16px;
|
|
1932
1941
|
font-weight: 400;
|
|
1933
1942
|
color: ${p("neutral",800)};
|
|
1934
1943
|
text-align: center;
|
|
1935
|
-
`,
|
|
1944
|
+
`,tn=r.css`
|
|
1936
1945
|
font-size: 12px;
|
|
1937
1946
|
line-height: 16px;
|
|
1938
1947
|
font-weight: 400;
|
|
1939
1948
|
color: ${p("neutral",700)};
|
|
1940
1949
|
text-align: center;
|
|
1941
|
-
`,
|
|
1950
|
+
`,rn=e=>{const t=e.map(((t,r)=>`${r/(e.length-1)*100}%`));return`linear-gradient(to right, ${e.map(((e,r)=>`${e} ${t[r]}`)).join(", ")})`},nn=r.css`
|
|
1942
1951
|
display: flex;
|
|
1943
1952
|
flex-direction: column;
|
|
1944
|
-
`,
|
|
1953
|
+
`,on=r.css`
|
|
1945
1954
|
display: flex;
|
|
1946
1955
|
gap: 16px;
|
|
1947
1956
|
align-items: center;
|
|
@@ -1950,39 +1959,39 @@
|
|
|
1950
1959
|
.select-input-container {
|
|
1951
1960
|
margin-bottom: 0px;
|
|
1952
1961
|
}
|
|
1953
|
-
`,
|
|
1962
|
+
`,ln=r.css`
|
|
1954
1963
|
font-size: 18px;
|
|
1955
1964
|
line-height: 28px;
|
|
1956
1965
|
font-weight: 400;
|
|
1957
1966
|
color: ${p("neutral",700)};
|
|
1958
|
-
`,
|
|
1967
|
+
`,an=({pageSize:e,currentPage:r,totalItems:n,onPageSizeChange:o,showItemCountText:i})=>t.jsxs("div",{css:nn,children:[t.jsxs("div",{css:on,children:[t.jsx("div",{style:{width:"80px"},children:t.jsx(Pt,{defaultValue:[`${e}`],items:[{label:"10",value:"10"},{label:"20",value:"20"},{label:"50",value:"50"},{label:"100",value:"100"}],onChange:e=>{o&&o(parseInt(e[0],10))},required:!0})}),t.jsx("p",{css:ln,children:"Per Page"})]}),i?t.jsx("p",{css:ln,children:(()=>{const t=e,o=(r-1)*t+1;return`Showing ${o}-${Math.min(o+t-1,n)} of ${n}`})()}):null]}),sn=r.css`
|
|
1959
1968
|
border: 1px solid ${p("neutral",300)};
|
|
1960
|
-
`,
|
|
1969
|
+
`,cn=r.css`
|
|
1961
1970
|
color: ${p("neutral",700)};
|
|
1962
1971
|
line-height: 20px;
|
|
1963
1972
|
white-space: nowrap;
|
|
1964
1973
|
overflow: hidden;
|
|
1965
1974
|
text-overflow: ellipsis;
|
|
1966
|
-
`,
|
|
1975
|
+
`,dn=r.css`
|
|
1967
1976
|
font-weight: 400;
|
|
1968
1977
|
color: ${p("neutral",700)};
|
|
1969
1978
|
white-space: nowrap;
|
|
1970
1979
|
overflow: hidden;
|
|
1971
1980
|
text-overflow: ellipsis;
|
|
1972
|
-
`,
|
|
1981
|
+
`,pn=r.css`
|
|
1973
1982
|
color: ${p("neutral",700)};
|
|
1974
1983
|
text-align: right;
|
|
1975
1984
|
font-weight: 700;
|
|
1976
1985
|
white-space: nowrap;
|
|
1977
1986
|
overflow: hidden;
|
|
1978
1987
|
text-overflow: ellipsis;
|
|
1979
|
-
`,
|
|
1988
|
+
`,un=r.css`
|
|
1980
1989
|
width: 16px;
|
|
1981
1990
|
height: 16px;
|
|
1982
1991
|
path {
|
|
1983
1992
|
fill: ${p("neutral",700)};
|
|
1984
1993
|
}
|
|
1985
|
-
`,
|
|
1994
|
+
`,xn=r.css`
|
|
1986
1995
|
display: flex;
|
|
1987
1996
|
align-items: center;
|
|
1988
1997
|
justify-content: space-between;
|
|
@@ -1991,7 +2000,7 @@
|
|
|
1991
2000
|
border-bottom: 1px solid ${p("neutral",200)};
|
|
1992
2001
|
width: 100%;
|
|
1993
2002
|
text-align: left;
|
|
1994
|
-
`,
|
|
2003
|
+
`,hn=r.css`
|
|
1995
2004
|
display: flex;
|
|
1996
2005
|
align-items: center;
|
|
1997
2006
|
justify-content: space-between;
|
|
@@ -2025,18 +2034,18 @@
|
|
|
2025
2034
|
background-color: ${p("primary",100)};
|
|
2026
2035
|
border: 1px solid ${p("primary",700)};
|
|
2027
2036
|
}
|
|
2028
|
-
`,
|
|
2037
|
+
`,gn=({id:r,label:n,caption:o,icon:i,value:l,variant:a="data",onItemClick:s,isExpanded:c=!1,ariaLabel:d})=>{const p="navigation"===a&&!!s,u=p?e.chakra.button:e.chakra.div,x=d||("data"===a&&l?`${n}, ${l}`:n);return t.jsxs(u,{id:r,css:"data"===a?xn:hn,onClick:p?s:void 0,tabIndex:p?0:void 0,onKeyDown:e=>{p&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),s?.()))},role:p?"button":void 0,"aria-expanded":p?c:void 0,"aria-label":x,children:[t.jsxs(e.Flex,{gap:3,flex:"1",overflow:"hidden",children:[i&&t.jsx(e.Icon,{css:un,as:i.type,boxSize:4,"aria-hidden":"true"}),t.jsxs(e.Box,{flex:"1",minWidth:0,children:[t.jsx(e.Text,{fontWeight:"navigation"===a?"700":"400",css:cn,children:n}),o&&t.jsx(e.Text,{css:dn,children:o})]})]}),"data"===a&&l&&t.jsx(e.Text,{css:pn,children:l}),"navigation"===a&&t.jsx(e.Icon,{as:$,boxSize:4,"aria-hidden":"true"})]})},fn=r.css`
|
|
2029
2038
|
svg {
|
|
2030
2039
|
path {
|
|
2031
2040
|
fill: ${p("primary",500)};
|
|
2032
2041
|
}
|
|
2033
2042
|
}
|
|
2034
|
-
`,
|
|
2043
|
+
`,bn=r.css`
|
|
2035
2044
|
font-size: 16px;
|
|
2036
2045
|
line-height: 24px;
|
|
2037
2046
|
font-weight: 700;
|
|
2038
2047
|
color: ${p("neutral",900)};
|
|
2039
|
-
`,
|
|
2048
|
+
`,Cn=r.css`
|
|
2040
2049
|
span {
|
|
2041
2050
|
height: 20px;
|
|
2042
2051
|
width: 20px;
|
|
@@ -2046,7 +2055,7 @@
|
|
|
2046
2055
|
background-color: transparent;
|
|
2047
2056
|
}
|
|
2048
2057
|
}
|
|
2049
|
-
`,
|
|
2058
|
+
`,mn=r.css`
|
|
2050
2059
|
font-size: 16px;
|
|
2051
2060
|
line-height: 24px;
|
|
2052
2061
|
font-weight: 400;
|
|
@@ -2056,22 +2065,22 @@
|
|
|
2056
2065
|
color: ${p("neutral",900)};
|
|
2057
2066
|
font-weight: 700;
|
|
2058
2067
|
}
|
|
2059
|
-
`,
|
|
2068
|
+
`,vn=({totalItems:r,pageSize:n,currentPage:o,variant:i="default",onPageChange:l})=>{const a="compact"===i||"compact-with-buttons"===i,s="compact-with-buttons"===i;return t.jsx("div",{"aria-label":"Pagination",children:t.jsx(e.Pagination.Root,{count:r,pageSize:n,defaultPage:o,onPageChange:e=>l&&l(e.page),siblingCount:1,children:t.jsxs(e.ButtonGroup,{gap:"2",size:"sm",variant:"ghost",css:Cn,children:[t.jsx(e.Pagination.PrevTrigger,{asChild:!0,children:s?t.jsx(b,{variant:"secondary",label:"Previous",size:"small",leftIcon:t.jsx(y,{style:{rotate:"90deg"},color:"var(--chakra-colors-primary-500)"})}):t.jsx(J,{css:fn,style:{rotate:"90deg"},icon:t.jsx(y,{}),"aria-label":"Previous page"})}),a?t.jsx(e.Pagination.PageText,{css:bn}):t.jsx(e.Pagination.Items,{render:e=>t.jsx(J,{css:mn,"aria-label":`Page ${e.value}`,icon:t.jsx("p",{children:e.value})})}),t.jsx(e.Pagination.NextTrigger,{asChild:!0,children:s?t.jsx(b,{variant:"secondary",label:"Next",size:"small",rightIcon:t.jsx(y,{style:{rotate:"270deg"},color:"var(--chakra-colors-primary-500)"})}):t.jsx(J,{css:fn,style:{rotate:"270deg"},icon:t.jsx(y,{}),"aria-label":"Next page"})})]})})})},wn=r.css`
|
|
2060
2069
|
border: 1px solid ${p("neutral",300)};
|
|
2061
2070
|
border-radius: 2px;
|
|
2062
2071
|
box-shadow: 0 0 0 1px ${p("neutral",300)};
|
|
2063
|
-
`,
|
|
2072
|
+
`,jn=r.css`
|
|
2064
2073
|
tr {
|
|
2065
2074
|
background-color: ${p("neutral",200)};
|
|
2066
2075
|
}
|
|
2067
|
-
`,
|
|
2076
|
+
`,yn=r.css`
|
|
2068
2077
|
font-size: 16px;
|
|
2069
2078
|
line-height: 24px;
|
|
2070
2079
|
font-weight: 700;
|
|
2071
2080
|
color: ${p("neutral",800)};
|
|
2072
2081
|
display: flex;
|
|
2073
2082
|
align-items: center;
|
|
2074
|
-
|
|
2083
|
+
`,$n=r.css`
|
|
2075
2084
|
height: 24px;
|
|
2076
2085
|
width: 10px;
|
|
2077
2086
|
display: flex;
|
|
@@ -2094,19 +2103,19 @@
|
|
|
2094
2103
|
}
|
|
2095
2104
|
}
|
|
2096
2105
|
}
|
|
2097
|
-
|
|
2106
|
+
`,kn=e=>r.css`
|
|
2098
2107
|
svg {
|
|
2099
2108
|
path {
|
|
2100
2109
|
fill: ${e?p("primary",600):p("neutral",400)} !important;
|
|
2101
2110
|
}
|
|
2102
2111
|
}
|
|
2103
|
-
`,
|
|
2112
|
+
`,Sn=r.css`
|
|
2104
2113
|
margin-top: 12px;
|
|
2105
2114
|
display: flex;
|
|
2106
2115
|
justify-content: space-between;
|
|
2107
|
-
`,
|
|
2116
|
+
`,Ln=r.css`
|
|
2108
2117
|
margin-top: 9px;
|
|
2109
|
-
`,
|
|
2118
|
+
`,Mn=e.Table.Row,Rn=e.Table.Cell;function In(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Vn(e){if(e.__esModule)return e;var t=e.default;if("function"==typeof t){var r=function e(){return this instanceof e?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};r.prototype=t.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(e).forEach((function(t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})})),r}var Dn,Tn={exports:{}},En={},_n={exports:{}},zn={exports:{}},Pn={};var Bn,Hn,On,Nn,Fn,An,Zn,Wn,Yn,qn,Un,Gn,Xn,Kn={};
|
|
2110
2119
|
/** @license React v16.13.1
|
|
2111
2120
|
* react-is.development.js
|
|
2112
2121
|
*
|
|
@@ -2114,7 +2123,7 @@
|
|
|
2114
2123
|
*
|
|
2115
2124
|
* This source code is licensed under the MIT license found in the
|
|
2116
2125
|
* LICENSE file in the root directory of this source tree.
|
|
2117
|
-
*/function Kn(){return Bn||(Bn=1,"production"===process.env.NODE_ENV?_n.exports=function(){if(Vn)return zn;Vn=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:switch(e=e.type){case s:case c:case n:case i:case o:case p:return e;default:switch(e=e&&e.$$typeof){case a:case d:case h:case x:case l:return e;default:return u}}case r:return u}}}function v(e){return m(e)===c}return zn.AsyncMode=s,zn.ConcurrentMode=c,zn.ContextConsumer=a,zn.ContextProvider=l,zn.Element=t,zn.ForwardRef=d,zn.Fragment=n,zn.Lazy=h,zn.Memo=x,zn.Portal=r,zn.Profiler=i,zn.StrictMode=o,zn.Suspense=p,zn.isAsyncMode=function(e){return v(e)||m(e)===s},zn.isConcurrentMode=v,zn.isContextConsumer=function(e){return m(e)===a},zn.isContextProvider=function(e){return m(e)===l},zn.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},zn.isForwardRef=function(e){return m(e)===d},zn.isFragment=function(e){return m(e)===n},zn.isLazy=function(e){return m(e)===h},zn.isMemo=function(e){return m(e)===x},zn.isPortal=function(e){return m(e)===r},zn.isProfiler=function(e){return m(e)===i},zn.isStrictMode=function(e){return m(e)===o},zn.isSuspense=function(e){return m(e)===p},zn.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===i||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===a||e.$$typeof===d||e.$$typeof===f||e.$$typeof===b||e.$$typeof===C||e.$$typeof===g)},zn.typeOf=m,zn}():_n.exports=(Pn||(Pn=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:var g=e.type;switch(g){case s:case c:case n:case i:case o:case p:return g;default:var f=g&&g.$$typeof;switch(f){case a:case d:case h:case x:case l:return f;default:return u}}case r:return u}}}var v=s,w=c,j=a,y=l,$=t,k=d,S=n,L=h,M=x,R=r,I=i,V=o,D=p,T=!1;function E(e){return m(e)===c}Xn.AsyncMode=v,Xn.ConcurrentMode=w,Xn.ContextConsumer=j,Xn.ContextProvider=y,Xn.Element=$,Xn.ForwardRef=k,Xn.Fragment=S,Xn.Lazy=L,Xn.Memo=M,Xn.Portal=R,Xn.Profiler=I,Xn.StrictMode=V,Xn.Suspense=D,Xn.isAsyncMode=function(e){return T||(T=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),E(e)||m(e)===s},Xn.isConcurrentMode=E,Xn.isContextConsumer=function(e){return m(e)===a},Xn.isContextProvider=function(e){return m(e)===l},Xn.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},Xn.isForwardRef=function(e){return m(e)===d},Xn.isFragment=function(e){return m(e)===n},Xn.isLazy=function(e){return m(e)===h},Xn.isMemo=function(e){return m(e)===x},Xn.isPortal=function(e){return m(e)===r},Xn.isProfiler=function(e){return m(e)===i},Xn.isStrictMode=function(e){return m(e)===o},Xn.isSuspense=function(e){return m(e)===p},Xn.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===i||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===a||e.$$typeof===d||e.$$typeof===f||e.$$typeof===b||e.$$typeof===C||e.$$typeof===g)},Xn.typeOf=m}()),Xn)),_n.exports}function Jn(){if(On)return Hn;On=1;return Hn="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function Qn(){return Fn?Nn:(Fn=1,Nn=Function.call.bind(Object.prototype.hasOwnProperty))}function eo(){if(Yn)return Wn;Yn=1;var e=Kn(),t=i,r=Jn(),n=Qn(),o=function(){if(Zn)return An;Zn=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=Jn(),r={},n=Qn();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function o(o,i,l,a,s){if("production"!==process.env.NODE_ENV)for(var c in o)if(n(o,c)){var d;try{if("function"!=typeof o[c]){var p=Error((a||"React class")+": "+l+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}d=o[c](i,c,a,l,null,t)}catch(e){d=e}if(!d||d instanceof Error||e((a||"React class")+": type specification of "+l+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in r)){r[d.message]=!0;var u=s?s():"";e("Failed "+l+" type: "+d.message+(null!=u?u:""))}}}return o.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(r={})},An=o}(),l=function(){};function a(){return null}return"production"!==process.env.NODE_ENV&&(l=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),Wn=function(i,s){var c="function"==typeof Symbol&&Symbol.iterator;var d="<<anonymous>>",p={array:g("array"),bigint:g("bigint"),bool:g("boolean"),func:g("function"),number:g("number"),object:g("object"),string:g("string"),symbol:g("symbol"),any:h(a),arrayOf:function(e){return h((function(t,n,o,i,l){if("function"!=typeof e)return new x("Property `"+l+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var a=t[n];if(!Array.isArray(a))return new x("Invalid "+i+" `"+l+"` of type `"+C(a)+"` supplied to `"+o+"`, expected an array.");for(var s=0;s<a.length;s++){var c=e(a,s,o,i,l+"["+s+"]",r);if(c instanceof Error)return c}return null}))},element:h((function(e,t,r,n,o){var l=e[t];return i(l)?null:new x("Invalid "+n+" `"+o+"` of type `"+C(l)+"` supplied to `"+r+"`, expected a single ReactElement.")})),elementType:h((function(t,r,n,o,i){var l=t[r];return e.isValidElementType(l)?null:new x("Invalid "+o+" `"+i+"` of type `"+C(l)+"` supplied to `"+n+"`, expected a single ReactElement type.")})),instanceOf:function(e){return h((function(t,r,n,o,i){if(!(t[r]instanceof e)){var l=e.name||d;return new x("Invalid "+o+" `"+i+"` of type `"+(((a=t[r]).constructor&&a.constructor.name?a.constructor.name:d)+"` supplied to `")+n+"`, expected instance of `"+l+"`.")}var a;return null}))},node:h((function(e,t,r,n,o){return b(e[t])?null:new x("Invalid "+n+" `"+o+"` supplied to `"+r+"`, expected a ReactNode.")})),objectOf:function(e){return h((function(t,o,i,l,a){if("function"!=typeof e)return new x("Property `"+a+"` of component `"+i+"` has invalid PropType notation inside objectOf.");var s=t[o],c=C(s);if("object"!==c)return new x("Invalid "+l+" `"+a+"` of type `"+c+"` supplied to `"+i+"`, expected an object.");for(var d in s)if(n(s,d)){var p=e(s,d,i,l,a+"."+d,r);if(p instanceof Error)return p}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),a;return h((function(t,r,n,o,i){for(var l=t[r],a=0;a<e.length;a++)if(u(l,e[a]))return null;var s=JSON.stringify(e,(function(e,t){return"symbol"===m(t)?String(t):t}));return new x("Invalid "+o+" `"+i+"` of value `"+String(l)+"` supplied to `"+n+"`, expected one of "+s+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l("Invalid argument supplied to oneOfType, expected an instance of array."),a;for(var t=0;t<e.length;t++){var o=e[t];if("function"!=typeof o)return l("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+v(o)+" at index "+t+"."),a}return h((function(t,o,i,l,a){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(t,o,i,l,a,r);if(null==d)return null;d.data&&n(d.data,"expectedType")&&s.push(d.data.expectedType)}return new x("Invalid "+l+" `"+a+"` supplied to `"+i+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")}))},shape:function(e){return h((function(t,n,o,i,l){var a=t[n],s=C(a);if("object"!==s)return new x("Invalid "+i+" `"+l+"` of type `"+s+"` supplied to `"+o+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(o,i,l,c,m(d));var p=d(a,c,o,i,l+"."+c,r);if(p)return p}return null}))},exact:function(e){return h((function(o,i,l,a,s){var c=o[i],d=C(c);if("object"!==d)return new x("Invalid "+a+" `"+s+"` of type `"+d+"` supplied to `"+l+"`, expected `object`.");var p=t({},o[i],e);for(var u in p){var h=e[u];if(n(e,u)&&"function"!=typeof h)return f(l,a,s,u,m(h));if(!h)return new x("Invalid "+a+" `"+s+"` key `"+u+"` supplied to `"+l+"`.\nBad object: "+JSON.stringify(o[i],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var g=h(c,u,l,a,s+"."+u,r);if(g)return g}return null}))}};function u(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function x(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function h(e){if("production"!==process.env.NODE_ENV)var t={},n=0;function o(o,i,a,c,p,u,h){if(c=c||d,u=u||a,h!==r){if(s){var g=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw g.name="Invariant Violation",g}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var f=c+":"+a;!t[f]&&n<3&&(l("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[f]=!0,n++)}}return null==i[a]?o?null===i[a]?new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,a,c,p,u)}var i=o.bind(null,!1);return i.isRequired=o.bind(null,!0),i}function g(e){return h((function(t,r,n,o,i,l){var a=t[r];return C(a)!==e?new x("Invalid "+o+" `"+i+"` of type `"+m(a)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function f(e,t,r,n,o){return new x((e||"React class")+": "+t+" type `"+r+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function b(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(b);if(null===e||i(e))return!0;var t=function(e){var t=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var r,n=t.call(e);if(t!==e.entries){for(;!(r=n.next()).done;)if(!b(r.value))return!1}else for(;!(r=n.next()).done;){var o=r.value;if(o&&!b(o[1]))return!1}return!0;default:return!1}}function C(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function m(e){if(null==e)return""+e;var t=C(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function v(e){var t=m(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return x.prototype=Error.prototype,p.checkPropTypes=o,p.resetWarningCache=o.resetWarningCache,p.PropTypes=p,p},Wn}function to(){if(Gn)return En.exports;if(Gn=1,"production"!==process.env.NODE_ENV){var e=Kn();En.exports=eo()(e.isElement,!0)}else En.exports=function(){if(Un)return qn;Un=1;var e=Jn();function t(){}function r(){}return r.resetWarningCache=t,qn=function(){function n(t,r,n,o,i,l){if(l!==e){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function o(){return n}n.isRequired=n;var i={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:r,resetWarningCache:t};return i.PropTypes=i,i}}()();return En.exports}function ro(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=ro(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function no(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=ro(e))&&(n&&(n+=" "),n+=t);return n}var oo,io=In(Object.freeze({__proto__:null,clsx:no,default:no})),lo={},ao={};function so(){if(oo)return ao;return oo=1,Object.defineProperty(ao,"__esModule",{value:!0}),ao.dontSetMe=function(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))},ao.findInArray=function(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]},ao.int=function(e){return parseInt(e,10)},ao.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},ao.isNum=function(e){return"number"==typeof e&&!isNaN(e)},ao}var co,po,uo={};function xo(){if(po)return lo;po=1,Object.defineProperty(lo,"__esModule",{value:!0}),lo.addClassName=l,lo.addEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,o):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r},lo.addUserSelectStyles=function(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t));e.body&&l(e.body,"react-draggable-transparent-selection")},lo.createCSSTransform=function(e,r){const n=i(e,r,"px");return{[(0,t.browserPrefixToKey)("transform",t.default)]:n}},lo.createSVGTransform=function(e,t){return i(e,t,"")},lo.getTouch=function(t,r){return t.targetTouches&&(0,e.findInArray)(t.targetTouches,(e=>r===e.identifier))||t.changedTouches&&(0,e.findInArray)(t.changedTouches,(e=>r===e.identifier))},lo.getTouchIdentifier=function(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier},lo.getTranslation=i,lo.innerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingTop),r-=(0,e.int)(n.paddingBottom),r},lo.innerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingLeft),r-=(0,e.int)(n.paddingRight),r},lo.matchesSelector=o,lo.matchesSelectorAndParentsTo=function(e,t,r){let n=e;do{if(o(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1},lo.offsetXYFromParent=function(e,t,r){const n=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-n.left)/r,i=(e.clientY+t.scrollTop-n.top)/r;return{x:o,y:i}},lo.outerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderTopWidth),r+=(0,e.int)(n.borderBottomWidth),r},lo.outerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderLeftWidth),r+=(0,e.int)(n.borderRightWidth),r},lo.removeClassName=a,lo.removeEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,o):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null},lo.removeUserSelectStyles=function(e){if(!e)return;try{if(e.body&&a(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(e){}};var e=so(),t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=r(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var a=i?Object.getOwnPropertyDescriptor(e,l):null;a&&(a.get||a.set)?Object.defineProperty(o,l,a):o[l]=e[l]}o.default=e,n&&n.set(e,o);return o}(function(){if(co)return uo;co=1,Object.defineProperty(uo,"__esModule",{value:!0}),uo.browserPrefixToKey=r,uo.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},uo.default=void 0,uo.getPrefix=t;const e=["Moz","Webkit","O","ms"];function t(){var t;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";const o=null===(t=window.document)||void 0===t||null===(t=t.documentElement)||void 0===t?void 0:t.style;if(!o)return"";if(n in o)return"";for(let t=0;t<e.length;t++)if(r(n,e[t])in o)return e[t];return""}function r(e,t){return t?"".concat(t).concat(function(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):"-"===e[n]?r=!0:t+=e[n];return t}(e)):e}return uo.default=t(),uo}());function r(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(r=function(e){return e?n:t})(e)}let n="";function o(t,r){return n||(n=(0,e.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(r){return(0,e.isFunction)(t[r])}))),!!(0,e.isFunction)(t[n])&&t[n](r)}function i(e,t,r){let{x:n,y:o}=e,i="translate(".concat(n).concat(r,",").concat(o).concat(r,")");if(t){const e="".concat("string"==typeof t.x?t.x:t.x+r),n="".concat("string"==typeof t.y?t.y:t.y+r);i="translate(".concat(e,", ").concat(n,")")+i}return i}function l(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function a(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}return lo}var ho,go={};function fo(){if(ho)return go;ho=1,Object.defineProperty(go,"__esModule",{value:!0}),go.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis},go.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis},go.createCoreData=function(t,n,o){const i=!(0,e.isNum)(t.lastX),l=r(t);return i?{node:l,deltaX:0,deltaY:0,lastX:n,lastY:o,x:n,y:o}:{node:l,deltaX:n-t.lastX,deltaY:o-t.lastY,lastX:t.lastX,lastY:t.lastY,x:n,y:o}},go.createDraggableData=function(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}},go.getBoundPosition=function(n,o,i){if(!n.props.bounds)return[o,i];let{bounds:l}=n.props;l="string"==typeof l?l:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(l);const a=r(n);if("string"==typeof l){const{ownerDocument:r}=a,n=r.defaultView;let o;if(o="parent"===l?a.parentNode:r.querySelector(l),!(o instanceof n.HTMLElement))throw new Error('Bounds selector "'+l+'" could not find an element.');const i=o,s=n.getComputedStyle(a),c=n.getComputedStyle(i);l={left:-a.offsetLeft+(0,e.int)(c.paddingLeft)+(0,e.int)(s.marginLeft),top:-a.offsetTop+(0,e.int)(c.paddingTop)+(0,e.int)(s.marginTop),right:(0,t.innerWidth)(i)-(0,t.outerWidth)(a)-a.offsetLeft+(0,e.int)(c.paddingRight)-(0,e.int)(s.marginRight),bottom:(0,t.innerHeight)(i)-(0,t.outerHeight)(a)-a.offsetTop+(0,e.int)(c.paddingBottom)-(0,e.int)(s.marginBottom)}}(0,e.isNum)(l.right)&&(o=Math.min(o,l.right));(0,e.isNum)(l.bottom)&&(i=Math.min(i,l.bottom));(0,e.isNum)(l.left)&&(o=Math.max(o,l.left));(0,e.isNum)(l.top)&&(i=Math.max(i,l.top));return[o,i]},go.getControlPosition=function(e,n,o){const i="number"==typeof n?(0,t.getTouch)(e,n):null;if("number"==typeof n&&!i)return null;const l=r(o),a=o.props.offsetParent||l.offsetParent||l.ownerDocument.body;return(0,t.offsetXYFromParent)(i||e,a,o.props.scale)},go.snapToGrid=function(e,t,r){const n=Math.round(t/e[0])*e[0],o=Math.round(r/e[1])*e[1];return[n,o]};var e=so(),t=xo();function r(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}return go}var bo,Co,mo,vo,wo={},jo={};function yo(){if(bo)return jo;return bo=1,Object.defineProperty(jo,"__esModule",{value:!0}),jo.default=function(){},jo}function $o(){if(Co)return wo;Co=1,Object.defineProperty(wo,"__esModule",{value:!0}),wo.default=void 0;var e=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(n,i,l):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(o),t=c(to()),r=c(l),n=xo(),i=fo(),a=so(),s=c(yo());function c(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function p(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u={start:"touchstart",move:"touchmove",stop:"touchend"},x={start:"mousedown",move:"mousemove",stop:"mouseup"};let h=x,g=class extends e.Component{constructor(){super(...arguments),p(this,"dragging",!1),p(this,"lastX",NaN),p(this,"lastY",NaN),p(this,"touchIdentifier",null),p(this,"mounted",!1),p(this,"handleDragStart",(e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&"number"==typeof e.button&&0!==e.button)return!1;const t=this.findDOMNode();if(!t||!t.ownerDocument||!t.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=t;if(this.props.disabled||!(e.target instanceof r.defaultView.Node)||this.props.handle&&!(0,n.matchesSelectorAndParentsTo)(e.target,this.props.handle,t)||this.props.cancel&&(0,n.matchesSelectorAndParentsTo)(e.target,this.props.cancel,t))return;"touchstart"===e.type&&e.preventDefault();const o=(0,n.getTouchIdentifier)(e);this.touchIdentifier=o;const l=(0,i.getControlPosition)(e,o,this);if(null==l)return;const{x:a,y:c}=l,d=(0,i.createCoreData)(this,a,c);(0,s.default)("DraggableCore: handleDragStart: %j",d),(0,s.default)("calling",this.props.onStart);!1!==this.props.onStart(e,d)&&!1!==this.mounted&&(this.props.enableUserSelectHack&&(0,n.addUserSelectStyles)(r),this.dragging=!0,this.lastX=a,this.lastY=c,(0,n.addEvent)(r,h.move,this.handleDrag),(0,n.addEvent)(r,h.stop,this.handleDragStop))})),p(this,"handleDrag",(e=>{const t=(0,i.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:n}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX,t=n-this.lastY;if([e,t]=(0,i.snapToGrid)(this.props.grid,e,t),!e&&!t)return;r=this.lastX+e,n=this.lastY+t}const o=(0,i.createCoreData)(this,r,n);(0,s.default)("DraggableCore: handleDrag: %j",o);if(!1!==this.props.onDrag(e,o)&&!1!==this.mounted)this.lastX=r,this.lastY=n;else try{this.handleDragStop(new MouseEvent("mouseup"))}catch(e){const t=document.createEvent("MouseEvents");t.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(t)}})),p(this,"handleDragStop",(e=>{if(!this.dragging)return;const t=(0,i.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:o}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX||0,t=o-this.lastY||0;[e,t]=(0,i.snapToGrid)(this.props.grid,e,t),r=this.lastX+e,o=this.lastY+t}const l=(0,i.createCoreData)(this,r,o);if(!1===this.props.onStop(e,l)||!1===this.mounted)return!1;const a=this.findDOMNode();a&&this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(a.ownerDocument),(0,s.default)("DraggableCore: handleDragStop: %j",l),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,a&&((0,s.default)("DraggableCore: Removing handlers"),(0,n.removeEvent)(a.ownerDocument,h.move,this.handleDrag),(0,n.removeEvent)(a.ownerDocument,h.stop,this.handleDragStop))})),p(this,"onMouseDown",(e=>(h=x,this.handleDragStart(e)))),p(this,"onMouseUp",(e=>(h=x,this.handleDragStop(e)))),p(this,"onTouchStart",(e=>(h=u,this.handleDragStart(e)))),p(this,"onTouchEnd",(e=>(h=u,this.handleDragStop(e))))}componentDidMount(){this.mounted=!0;const e=this.findDOMNode();e&&(0,n.addEvent)(e,u.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const e=this.findDOMNode();if(e){const{ownerDocument:t}=e;(0,n.removeEvent)(t,x.move,this.handleDrag),(0,n.removeEvent)(t,u.move,this.handleDrag),(0,n.removeEvent)(t,x.stop,this.handleDragStop),(0,n.removeEvent)(t,u.stop,this.handleDragStop),(0,n.removeEvent)(e,u.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(t)}}findDOMNode(){var e,t;return null!==(e=this.props)&&void 0!==e&&e.nodeRef?null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current:r.default.findDOMNode(this)}render(){return e.cloneElement(e.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return wo.default=g,p(g,"displayName","DraggableCore"),p(g,"propTypes",{allowAnyClick:t.default.bool,children:t.default.node.isRequired,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:t.default.arrayOf(t.default.number),handle:t.default.string,cancel:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number,className:a.dontSetMe,style:a.dontSetMe,transform:a.dontSetMe}),p(g,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),wo}function ko(){return mo||(mo=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return d.default}}),e.default=void 0;var t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=x(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(n,i,l):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(o),r=u(to()),n=u(l),i=u(io),a=xo(),s=fo(),c=so(),d=u($o()),p=u(yo());function u(e){return e&&e.__esModule?e:{default:e}}function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(x=function(e){return e?r:t})(e)}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}function g(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class f extends t.Component{static getDerivedStateFromProps(e,t){let{position:r}=e,{prevPropsPosition:n}=t;return!r||n&&r.x===n.x&&r.y===n.y?null:((0,p.default)("Draggable: getDerivedStateFromProps %j",{position:r,prevPropsPosition:n}),{x:r.x,y:r.y,prevPropsPosition:{...r}})}constructor(e){super(e),g(this,"onDragStart",((e,t)=>{(0,p.default)("Draggable: onDragStart: %j",t);if(!1===this.props.onStart(e,(0,s.createDraggableData)(this,t)))return!1;this.setState({dragging:!0,dragged:!0})})),g(this,"onDrag",((e,t)=>{if(!this.state.dragging)return!1;(0,p.default)("Draggable: onDrag: %j",t);const r=(0,s.createDraggableData)(this,t),n={x:r.x,y:r.y,slackX:0,slackY:0};if(this.props.bounds){const{x:e,y:t}=n;n.x+=this.state.slackX,n.y+=this.state.slackY;const[o,i]=(0,s.getBoundPosition)(this,n.x,n.y);n.x=o,n.y=i,n.slackX=this.state.slackX+(e-n.x),n.slackY=this.state.slackY+(t-n.y),r.x=n.x,r.y=n.y,r.deltaX=n.x-this.state.x,r.deltaY=n.y-this.state.y}if(!1===this.props.onDrag(e,r))return!1;this.setState(n)})),g(this,"onDragStop",((e,t)=>{if(!this.state.dragging)return!1;if(!1===this.props.onStop(e,(0,s.createDraggableData)(this,t)))return!1;(0,p.default)("Draggable: onDragStop: %j",t);const r={dragging:!1,slackX:0,slackY:0};if(Boolean(this.props.position)){const{x:e,y:t}=this.props.position;r.x=e,r.y=t}this.setState(r)})),this.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:{...e.position},slackX:0,slackY:0,isElementSVG:!1},!e.position||e.onDrag||e.onStop||console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var e,t;return null!==(e=null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current)&&void 0!==e?e:n.default.findDOMNode(this)}render(){const{axis:e,bounds:r,children:n,defaultPosition:o,defaultClassName:l,defaultClassNameDragging:c,defaultClassNameDragged:p,position:u,positionOffset:x,scale:g,...f}=this.props;let b={},C=null;const m=!Boolean(u)||this.state.dragging,v=u||o,w={x:(0,s.canDragX)(this)&&m?this.state.x:v.x,y:(0,s.canDragY)(this)&&m?this.state.y:v.y};this.state.isElementSVG?C=(0,a.createSVGTransform)(w,x):b=(0,a.createCSSTransform)(w,x);const j=(0,i.default)(n.props.className||"",l,{[c]:this.state.dragging,[p]:this.state.dragged});return t.createElement(d.default,h({},f,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(n),{className:j,style:{...n.props.style,...b},transform:C}))}}e.default=f,g(f,"displayName","Draggable"),g(f,"propTypes",{...d.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe}),g(f,"defaultProps",{...d.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(Tn)),Tn}var So=function(){if(vo)return Dn.exports;vo=1;const{default:e,DraggableCore:t}=ko();return Dn.exports=e,Dn.exports.default=e,Dn.exports.DraggableCore=t,Dn.exports}(),Lo=Rn(So);const Mo=e=>r.css`
|
|
2126
|
+
*/function Jn(){return Hn||(Hn=1,"production"===process.env.NODE_ENV?zn.exports=function(){if(Dn)return Pn;Dn=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:switch(e=e.type){case s:case c:case n:case i:case o:case p:return e;default:switch(e=e&&e.$$typeof){case a:case d:case h:case x:case l:return e;default:return u}}case r:return u}}}function v(e){return m(e)===c}return Pn.AsyncMode=s,Pn.ConcurrentMode=c,Pn.ContextConsumer=a,Pn.ContextProvider=l,Pn.Element=t,Pn.ForwardRef=d,Pn.Fragment=n,Pn.Lazy=h,Pn.Memo=x,Pn.Portal=r,Pn.Profiler=i,Pn.StrictMode=o,Pn.Suspense=p,Pn.isAsyncMode=function(e){return v(e)||m(e)===s},Pn.isConcurrentMode=v,Pn.isContextConsumer=function(e){return m(e)===a},Pn.isContextProvider=function(e){return m(e)===l},Pn.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},Pn.isForwardRef=function(e){return m(e)===d},Pn.isFragment=function(e){return m(e)===n},Pn.isLazy=function(e){return m(e)===h},Pn.isMemo=function(e){return m(e)===x},Pn.isPortal=function(e){return m(e)===r},Pn.isProfiler=function(e){return m(e)===i},Pn.isStrictMode=function(e){return m(e)===o},Pn.isSuspense=function(e){return m(e)===p},Pn.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===i||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===a||e.$$typeof===d||e.$$typeof===f||e.$$typeof===b||e.$$typeof===C||e.$$typeof===g)},Pn.typeOf=m,Pn}():zn.exports=(Bn||(Bn=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:var g=e.type;switch(g){case s:case c:case n:case i:case o:case p:return g;default:var f=g&&g.$$typeof;switch(f){case a:case d:case h:case x:case l:return f;default:return u}}case r:return u}}}var v=s,w=c,j=a,y=l,$=t,k=d,S=n,L=h,M=x,R=r,I=i,V=o,D=p,T=!1;function E(e){return m(e)===c}Kn.AsyncMode=v,Kn.ConcurrentMode=w,Kn.ContextConsumer=j,Kn.ContextProvider=y,Kn.Element=$,Kn.ForwardRef=k,Kn.Fragment=S,Kn.Lazy=L,Kn.Memo=M,Kn.Portal=R,Kn.Profiler=I,Kn.StrictMode=V,Kn.Suspense=D,Kn.isAsyncMode=function(e){return T||(T=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),E(e)||m(e)===s},Kn.isConcurrentMode=E,Kn.isContextConsumer=function(e){return m(e)===a},Kn.isContextProvider=function(e){return m(e)===l},Kn.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},Kn.isForwardRef=function(e){return m(e)===d},Kn.isFragment=function(e){return m(e)===n},Kn.isLazy=function(e){return m(e)===h},Kn.isMemo=function(e){return m(e)===x},Kn.isPortal=function(e){return m(e)===r},Kn.isProfiler=function(e){return m(e)===i},Kn.isStrictMode=function(e){return m(e)===o},Kn.isSuspense=function(e){return m(e)===p},Kn.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===i||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===a||e.$$typeof===d||e.$$typeof===f||e.$$typeof===b||e.$$typeof===C||e.$$typeof===g)},Kn.typeOf=m}()),Kn)),zn.exports}function Qn(){if(Nn)return On;Nn=1;return On="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function eo(){return An?Fn:(An=1,Fn=Function.call.bind(Object.prototype.hasOwnProperty))}function to(){if(qn)return Yn;qn=1;var e=Jn(),t=i,r=Qn(),n=eo(),o=function(){if(Wn)return Zn;Wn=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=Qn(),r={},n=eo();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function o(o,i,l,a,s){if("production"!==process.env.NODE_ENV)for(var c in o)if(n(o,c)){var d;try{if("function"!=typeof o[c]){var p=Error((a||"React class")+": "+l+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}d=o[c](i,c,a,l,null,t)}catch(e){d=e}if(!d||d instanceof Error||e((a||"React class")+": type specification of "+l+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in r)){r[d.message]=!0;var u=s?s():"";e("Failed "+l+" type: "+d.message+(null!=u?u:""))}}}return o.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(r={})},Zn=o}(),l=function(){};function a(){return null}return"production"!==process.env.NODE_ENV&&(l=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),Yn=function(i,s){var c="function"==typeof Symbol&&Symbol.iterator;var d="<<anonymous>>",p={array:g("array"),bigint:g("bigint"),bool:g("boolean"),func:g("function"),number:g("number"),object:g("object"),string:g("string"),symbol:g("symbol"),any:h(a),arrayOf:function(e){return h((function(t,n,o,i,l){if("function"!=typeof e)return new x("Property `"+l+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var a=t[n];if(!Array.isArray(a))return new x("Invalid "+i+" `"+l+"` of type `"+C(a)+"` supplied to `"+o+"`, expected an array.");for(var s=0;s<a.length;s++){var c=e(a,s,o,i,l+"["+s+"]",r);if(c instanceof Error)return c}return null}))},element:h((function(e,t,r,n,o){var l=e[t];return i(l)?null:new x("Invalid "+n+" `"+o+"` of type `"+C(l)+"` supplied to `"+r+"`, expected a single ReactElement.")})),elementType:h((function(t,r,n,o,i){var l=t[r];return e.isValidElementType(l)?null:new x("Invalid "+o+" `"+i+"` of type `"+C(l)+"` supplied to `"+n+"`, expected a single ReactElement type.")})),instanceOf:function(e){return h((function(t,r,n,o,i){if(!(t[r]instanceof e)){var l=e.name||d;return new x("Invalid "+o+" `"+i+"` of type `"+(((a=t[r]).constructor&&a.constructor.name?a.constructor.name:d)+"` supplied to `")+n+"`, expected instance of `"+l+"`.")}var a;return null}))},node:h((function(e,t,r,n,o){return b(e[t])?null:new x("Invalid "+n+" `"+o+"` supplied to `"+r+"`, expected a ReactNode.")})),objectOf:function(e){return h((function(t,o,i,l,a){if("function"!=typeof e)return new x("Property `"+a+"` of component `"+i+"` has invalid PropType notation inside objectOf.");var s=t[o],c=C(s);if("object"!==c)return new x("Invalid "+l+" `"+a+"` of type `"+c+"` supplied to `"+i+"`, expected an object.");for(var d in s)if(n(s,d)){var p=e(s,d,i,l,a+"."+d,r);if(p instanceof Error)return p}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),a;return h((function(t,r,n,o,i){for(var l=t[r],a=0;a<e.length;a++)if(u(l,e[a]))return null;var s=JSON.stringify(e,(function(e,t){return"symbol"===m(t)?String(t):t}));return new x("Invalid "+o+" `"+i+"` of value `"+String(l)+"` supplied to `"+n+"`, expected one of "+s+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l("Invalid argument supplied to oneOfType, expected an instance of array."),a;for(var t=0;t<e.length;t++){var o=e[t];if("function"!=typeof o)return l("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+v(o)+" at index "+t+"."),a}return h((function(t,o,i,l,a){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(t,o,i,l,a,r);if(null==d)return null;d.data&&n(d.data,"expectedType")&&s.push(d.data.expectedType)}return new x("Invalid "+l+" `"+a+"` supplied to `"+i+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")}))},shape:function(e){return h((function(t,n,o,i,l){var a=t[n],s=C(a);if("object"!==s)return new x("Invalid "+i+" `"+l+"` of type `"+s+"` supplied to `"+o+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(o,i,l,c,m(d));var p=d(a,c,o,i,l+"."+c,r);if(p)return p}return null}))},exact:function(e){return h((function(o,i,l,a,s){var c=o[i],d=C(c);if("object"!==d)return new x("Invalid "+a+" `"+s+"` of type `"+d+"` supplied to `"+l+"`, expected `object`.");var p=t({},o[i],e);for(var u in p){var h=e[u];if(n(e,u)&&"function"!=typeof h)return f(l,a,s,u,m(h));if(!h)return new x("Invalid "+a+" `"+s+"` key `"+u+"` supplied to `"+l+"`.\nBad object: "+JSON.stringify(o[i],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var g=h(c,u,l,a,s+"."+u,r);if(g)return g}return null}))}};function u(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function x(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function h(e){if("production"!==process.env.NODE_ENV)var t={},n=0;function o(o,i,a,c,p,u,h){if(c=c||d,u=u||a,h!==r){if(s){var g=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw g.name="Invariant Violation",g}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var f=c+":"+a;!t[f]&&n<3&&(l("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[f]=!0,n++)}}return null==i[a]?o?null===i[a]?new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,a,c,p,u)}var i=o.bind(null,!1);return i.isRequired=o.bind(null,!0),i}function g(e){return h((function(t,r,n,o,i,l){var a=t[r];return C(a)!==e?new x("Invalid "+o+" `"+i+"` of type `"+m(a)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function f(e,t,r,n,o){return new x((e||"React class")+": "+t+" type `"+r+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function b(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(b);if(null===e||i(e))return!0;var t=function(e){var t=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var r,n=t.call(e);if(t!==e.entries){for(;!(r=n.next()).done;)if(!b(r.value))return!1}else for(;!(r=n.next()).done;){var o=r.value;if(o&&!b(o[1]))return!1}return!0;default:return!1}}function C(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function m(e){if(null==e)return""+e;var t=C(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function v(e){var t=m(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return x.prototype=Error.prototype,p.checkPropTypes=o,p.resetWarningCache=o.resetWarningCache,p.PropTypes=p,p},Yn}function ro(){if(Xn)return _n.exports;if(Xn=1,"production"!==process.env.NODE_ENV){var e=Jn();_n.exports=to()(e.isElement,!0)}else _n.exports=function(){if(Gn)return Un;Gn=1;var e=Qn();function t(){}function r(){}return r.resetWarningCache=t,Un=function(){function n(t,r,n,o,i,l){if(l!==e){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function o(){return n}n.isRequired=n;var i={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:r,resetWarningCache:t};return i.PropTypes=i,i}}()();return _n.exports}function no(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=no(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function oo(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=no(e))&&(n&&(n+=" "),n+=t);return n}var io,lo=Vn(Object.freeze({__proto__:null,clsx:oo,default:oo})),ao={},so={};function co(){if(io)return so;return io=1,Object.defineProperty(so,"__esModule",{value:!0}),so.dontSetMe=function(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))},so.findInArray=function(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]},so.int=function(e){return parseInt(e,10)},so.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},so.isNum=function(e){return"number"==typeof e&&!isNaN(e)},so}var po,uo,xo={};function ho(){if(uo)return ao;uo=1,Object.defineProperty(ao,"__esModule",{value:!0}),ao.addClassName=l,ao.addEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,o):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r},ao.addUserSelectStyles=function(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t));e.body&&l(e.body,"react-draggable-transparent-selection")},ao.createCSSTransform=function(e,r){const n=i(e,r,"px");return{[(0,t.browserPrefixToKey)("transform",t.default)]:n}},ao.createSVGTransform=function(e,t){return i(e,t,"")},ao.getTouch=function(t,r){return t.targetTouches&&(0,e.findInArray)(t.targetTouches,(e=>r===e.identifier))||t.changedTouches&&(0,e.findInArray)(t.changedTouches,(e=>r===e.identifier))},ao.getTouchIdentifier=function(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier},ao.getTranslation=i,ao.innerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingTop),r-=(0,e.int)(n.paddingBottom),r},ao.innerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingLeft),r-=(0,e.int)(n.paddingRight),r},ao.matchesSelector=o,ao.matchesSelectorAndParentsTo=function(e,t,r){let n=e;do{if(o(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1},ao.offsetXYFromParent=function(e,t,r){const n=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-n.left)/r,i=(e.clientY+t.scrollTop-n.top)/r;return{x:o,y:i}},ao.outerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderTopWidth),r+=(0,e.int)(n.borderBottomWidth),r},ao.outerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderLeftWidth),r+=(0,e.int)(n.borderRightWidth),r},ao.removeClassName=a,ao.removeEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,o):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null},ao.removeUserSelectStyles=function(e){if(!e)return;try{if(e.body&&a(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(e){}};var e=co(),t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=r(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var a=i?Object.getOwnPropertyDescriptor(e,l):null;a&&(a.get||a.set)?Object.defineProperty(o,l,a):o[l]=e[l]}o.default=e,n&&n.set(e,o);return o}(function(){if(po)return xo;po=1,Object.defineProperty(xo,"__esModule",{value:!0}),xo.browserPrefixToKey=r,xo.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},xo.default=void 0,xo.getPrefix=t;const e=["Moz","Webkit","O","ms"];function t(){var t;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";const o=null===(t=window.document)||void 0===t||null===(t=t.documentElement)||void 0===t?void 0:t.style;if(!o)return"";if(n in o)return"";for(let t=0;t<e.length;t++)if(r(n,e[t])in o)return e[t];return""}function r(e,t){return t?"".concat(t).concat(function(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):"-"===e[n]?r=!0:t+=e[n];return t}(e)):e}return xo.default=t(),xo}());function r(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(r=function(e){return e?n:t})(e)}let n="";function o(t,r){return n||(n=(0,e.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(r){return(0,e.isFunction)(t[r])}))),!!(0,e.isFunction)(t[n])&&t[n](r)}function i(e,t,r){let{x:n,y:o}=e,i="translate(".concat(n).concat(r,",").concat(o).concat(r,")");if(t){const e="".concat("string"==typeof t.x?t.x:t.x+r),n="".concat("string"==typeof t.y?t.y:t.y+r);i="translate(".concat(e,", ").concat(n,")")+i}return i}function l(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function a(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}return ao}var go,fo={};function bo(){if(go)return fo;go=1,Object.defineProperty(fo,"__esModule",{value:!0}),fo.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis},fo.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis},fo.createCoreData=function(t,n,o){const i=!(0,e.isNum)(t.lastX),l=r(t);return i?{node:l,deltaX:0,deltaY:0,lastX:n,lastY:o,x:n,y:o}:{node:l,deltaX:n-t.lastX,deltaY:o-t.lastY,lastX:t.lastX,lastY:t.lastY,x:n,y:o}},fo.createDraggableData=function(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}},fo.getBoundPosition=function(n,o,i){if(!n.props.bounds)return[o,i];let{bounds:l}=n.props;l="string"==typeof l?l:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(l);const a=r(n);if("string"==typeof l){const{ownerDocument:r}=a,n=r.defaultView;let o;if(o="parent"===l?a.parentNode:r.querySelector(l),!(o instanceof n.HTMLElement))throw new Error('Bounds selector "'+l+'" could not find an element.');const i=o,s=n.getComputedStyle(a),c=n.getComputedStyle(i);l={left:-a.offsetLeft+(0,e.int)(c.paddingLeft)+(0,e.int)(s.marginLeft),top:-a.offsetTop+(0,e.int)(c.paddingTop)+(0,e.int)(s.marginTop),right:(0,t.innerWidth)(i)-(0,t.outerWidth)(a)-a.offsetLeft+(0,e.int)(c.paddingRight)-(0,e.int)(s.marginRight),bottom:(0,t.innerHeight)(i)-(0,t.outerHeight)(a)-a.offsetTop+(0,e.int)(c.paddingBottom)-(0,e.int)(s.marginBottom)}}(0,e.isNum)(l.right)&&(o=Math.min(o,l.right));(0,e.isNum)(l.bottom)&&(i=Math.min(i,l.bottom));(0,e.isNum)(l.left)&&(o=Math.max(o,l.left));(0,e.isNum)(l.top)&&(i=Math.max(i,l.top));return[o,i]},fo.getControlPosition=function(e,n,o){const i="number"==typeof n?(0,t.getTouch)(e,n):null;if("number"==typeof n&&!i)return null;const l=r(o),a=o.props.offsetParent||l.offsetParent||l.ownerDocument.body;return(0,t.offsetXYFromParent)(i||e,a,o.props.scale)},fo.snapToGrid=function(e,t,r){const n=Math.round(t/e[0])*e[0],o=Math.round(r/e[1])*e[1];return[n,o]};var e=co(),t=ho();function r(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}return fo}var Co,mo,vo,wo,jo={},yo={};function $o(){if(Co)return yo;return Co=1,Object.defineProperty(yo,"__esModule",{value:!0}),yo.default=function(){},yo}function ko(){if(mo)return jo;mo=1,Object.defineProperty(jo,"__esModule",{value:!0}),jo.default=void 0;var e=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(n,i,l):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(o),t=c(ro()),r=c(l),n=ho(),i=bo(),a=co(),s=c($o());function c(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function p(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u={start:"touchstart",move:"touchmove",stop:"touchend"},x={start:"mousedown",move:"mousemove",stop:"mouseup"};let h=x,g=class extends e.Component{constructor(){super(...arguments),p(this,"dragging",!1),p(this,"lastX",NaN),p(this,"lastY",NaN),p(this,"touchIdentifier",null),p(this,"mounted",!1),p(this,"handleDragStart",(e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&"number"==typeof e.button&&0!==e.button)return!1;const t=this.findDOMNode();if(!t||!t.ownerDocument||!t.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=t;if(this.props.disabled||!(e.target instanceof r.defaultView.Node)||this.props.handle&&!(0,n.matchesSelectorAndParentsTo)(e.target,this.props.handle,t)||this.props.cancel&&(0,n.matchesSelectorAndParentsTo)(e.target,this.props.cancel,t))return;"touchstart"===e.type&&e.preventDefault();const o=(0,n.getTouchIdentifier)(e);this.touchIdentifier=o;const l=(0,i.getControlPosition)(e,o,this);if(null==l)return;const{x:a,y:c}=l,d=(0,i.createCoreData)(this,a,c);(0,s.default)("DraggableCore: handleDragStart: %j",d),(0,s.default)("calling",this.props.onStart);!1!==this.props.onStart(e,d)&&!1!==this.mounted&&(this.props.enableUserSelectHack&&(0,n.addUserSelectStyles)(r),this.dragging=!0,this.lastX=a,this.lastY=c,(0,n.addEvent)(r,h.move,this.handleDrag),(0,n.addEvent)(r,h.stop,this.handleDragStop))})),p(this,"handleDrag",(e=>{const t=(0,i.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:n}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX,t=n-this.lastY;if([e,t]=(0,i.snapToGrid)(this.props.grid,e,t),!e&&!t)return;r=this.lastX+e,n=this.lastY+t}const o=(0,i.createCoreData)(this,r,n);(0,s.default)("DraggableCore: handleDrag: %j",o);if(!1!==this.props.onDrag(e,o)&&!1!==this.mounted)this.lastX=r,this.lastY=n;else try{this.handleDragStop(new MouseEvent("mouseup"))}catch(e){const t=document.createEvent("MouseEvents");t.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(t)}})),p(this,"handleDragStop",(e=>{if(!this.dragging)return;const t=(0,i.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:o}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX||0,t=o-this.lastY||0;[e,t]=(0,i.snapToGrid)(this.props.grid,e,t),r=this.lastX+e,o=this.lastY+t}const l=(0,i.createCoreData)(this,r,o);if(!1===this.props.onStop(e,l)||!1===this.mounted)return!1;const a=this.findDOMNode();a&&this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(a.ownerDocument),(0,s.default)("DraggableCore: handleDragStop: %j",l),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,a&&((0,s.default)("DraggableCore: Removing handlers"),(0,n.removeEvent)(a.ownerDocument,h.move,this.handleDrag),(0,n.removeEvent)(a.ownerDocument,h.stop,this.handleDragStop))})),p(this,"onMouseDown",(e=>(h=x,this.handleDragStart(e)))),p(this,"onMouseUp",(e=>(h=x,this.handleDragStop(e)))),p(this,"onTouchStart",(e=>(h=u,this.handleDragStart(e)))),p(this,"onTouchEnd",(e=>(h=u,this.handleDragStop(e))))}componentDidMount(){this.mounted=!0;const e=this.findDOMNode();e&&(0,n.addEvent)(e,u.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const e=this.findDOMNode();if(e){const{ownerDocument:t}=e;(0,n.removeEvent)(t,x.move,this.handleDrag),(0,n.removeEvent)(t,u.move,this.handleDrag),(0,n.removeEvent)(t,x.stop,this.handleDragStop),(0,n.removeEvent)(t,u.stop,this.handleDragStop),(0,n.removeEvent)(e,u.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(t)}}findDOMNode(){var e,t;return null!==(e=this.props)&&void 0!==e&&e.nodeRef?null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current:r.default.findDOMNode(this)}render(){return e.cloneElement(e.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return jo.default=g,p(g,"displayName","DraggableCore"),p(g,"propTypes",{allowAnyClick:t.default.bool,children:t.default.node.isRequired,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:t.default.arrayOf(t.default.number),handle:t.default.string,cancel:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number,className:a.dontSetMe,style:a.dontSetMe,transform:a.dontSetMe}),p(g,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),jo}function So(){return vo||(vo=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return d.default}}),e.default=void 0;var t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=x(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(n,i,l):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(o),r=u(ro()),n=u(l),i=u(lo),a=ho(),s=bo(),c=co(),d=u(ko()),p=u($o());function u(e){return e&&e.__esModule?e:{default:e}}function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(x=function(e){return e?r:t})(e)}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}function g(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class f extends t.Component{static getDerivedStateFromProps(e,t){let{position:r}=e,{prevPropsPosition:n}=t;return!r||n&&r.x===n.x&&r.y===n.y?null:((0,p.default)("Draggable: getDerivedStateFromProps %j",{position:r,prevPropsPosition:n}),{x:r.x,y:r.y,prevPropsPosition:{...r}})}constructor(e){super(e),g(this,"onDragStart",((e,t)=>{(0,p.default)("Draggable: onDragStart: %j",t);if(!1===this.props.onStart(e,(0,s.createDraggableData)(this,t)))return!1;this.setState({dragging:!0,dragged:!0})})),g(this,"onDrag",((e,t)=>{if(!this.state.dragging)return!1;(0,p.default)("Draggable: onDrag: %j",t);const r=(0,s.createDraggableData)(this,t),n={x:r.x,y:r.y,slackX:0,slackY:0};if(this.props.bounds){const{x:e,y:t}=n;n.x+=this.state.slackX,n.y+=this.state.slackY;const[o,i]=(0,s.getBoundPosition)(this,n.x,n.y);n.x=o,n.y=i,n.slackX=this.state.slackX+(e-n.x),n.slackY=this.state.slackY+(t-n.y),r.x=n.x,r.y=n.y,r.deltaX=n.x-this.state.x,r.deltaY=n.y-this.state.y}if(!1===this.props.onDrag(e,r))return!1;this.setState(n)})),g(this,"onDragStop",((e,t)=>{if(!this.state.dragging)return!1;if(!1===this.props.onStop(e,(0,s.createDraggableData)(this,t)))return!1;(0,p.default)("Draggable: onDragStop: %j",t);const r={dragging:!1,slackX:0,slackY:0};if(Boolean(this.props.position)){const{x:e,y:t}=this.props.position;r.x=e,r.y=t}this.setState(r)})),this.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:{...e.position},slackX:0,slackY:0,isElementSVG:!1},!e.position||e.onDrag||e.onStop||console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var e,t;return null!==(e=null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current)&&void 0!==e?e:n.default.findDOMNode(this)}render(){const{axis:e,bounds:r,children:n,defaultPosition:o,defaultClassName:l,defaultClassNameDragging:c,defaultClassNameDragged:p,position:u,positionOffset:x,scale:g,...f}=this.props;let b={},C=null;const m=!Boolean(u)||this.state.dragging,v=u||o,w={x:(0,s.canDragX)(this)&&m?this.state.x:v.x,y:(0,s.canDragY)(this)&&m?this.state.y:v.y};this.state.isElementSVG?C=(0,a.createSVGTransform)(w,x):b=(0,a.createCSSTransform)(w,x);const j=(0,i.default)(n.props.className||"",l,{[c]:this.state.dragging,[p]:this.state.dragged});return t.createElement(d.default,h({},f,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(n),{className:j,style:{...n.props.style,...b},transform:C}))}}e.default=f,g(f,"displayName","Draggable"),g(f,"propTypes",{...d.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe}),g(f,"defaultProps",{...d.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(En)),En}var Lo=function(){if(wo)return Tn.exports;wo=1;const{default:e,DraggableCore:t}=So();return Tn.exports=e,Tn.exports.default=e,Tn.exports.DraggableCore=t,Tn.exports}(),Mo=In(Lo);const Ro=e=>r.css`
|
|
2118
2127
|
width: 240px;
|
|
2119
2128
|
${"medium"===e&&"width: 320px;"}
|
|
2120
2129
|
${"large"===e&&"width: 440px;"}
|
|
@@ -2125,7 +2134,7 @@
|
|
|
2125
2134
|
border-radius: 4px;
|
|
2126
2135
|
box-shadow: 0px 4px 6px -4px #0000001a;
|
|
2127
2136
|
box-shadow: 0px 10px 15px -3px #0000001a;
|
|
2128
|
-
`,
|
|
2137
|
+
`,Io=r.css`
|
|
2129
2138
|
height: 100%;
|
|
2130
2139
|
min-height: 40px;
|
|
2131
2140
|
display: flex;
|
|
@@ -2133,31 +2142,31 @@
|
|
|
2133
2142
|
justify-content: space-between;
|
|
2134
2143
|
padding: 8px;
|
|
2135
2144
|
border-bottom: 1px solid ${p("neutral",300)};
|
|
2136
|
-
`,Io=r.css`
|
|
2137
|
-
top: 10px;
|
|
2138
2145
|
`,Vo=r.css`
|
|
2146
|
+
top: 10px;
|
|
2147
|
+
`,Do=r.css`
|
|
2139
2148
|
padding: 12px;
|
|
2140
|
-
`,
|
|
2149
|
+
`,To=e=>r.css`
|
|
2141
2150
|
height: 100%;
|
|
2142
2151
|
width: ${e||"320px"};
|
|
2143
2152
|
background-color: ${p("neutral",100)};
|
|
2144
2153
|
box-shadow: 0px 1px 2px -1px #0000001a;
|
|
2145
2154
|
box-shadow: 0px 1px 3px 0px #0000001a;
|
|
2146
2155
|
position: relative;
|
|
2147
|
-
`,To=r.css`
|
|
2148
|
-
border-right: 1px solid ${p("neutral",300)};
|
|
2149
2156
|
`,Eo=r.css`
|
|
2157
|
+
border-right: 1px solid ${p("neutral",300)};
|
|
2158
|
+
`,_o=r.css`
|
|
2150
2159
|
border: 1px solid ${p("neutral",300)};
|
|
2151
2160
|
border-radius: 4px;
|
|
2152
|
-
`,
|
|
2161
|
+
`,zo=r.css`
|
|
2153
2162
|
min-height: 48px;
|
|
2154
2163
|
width: 100%;
|
|
2155
2164
|
border-bottom: 1px solid ${p("neutral",300)};
|
|
2156
|
-
`,
|
|
2165
|
+
`,Po=(e,t)=>r.css`
|
|
2157
2166
|
height: ${((e,t)=>e&&t?`calc(100% - ${e+t}px)`:e?`calc(100% - ${e}px)`:t?`calc(100% - ${t}px)`:"100%")(e,t)};
|
|
2158
2167
|
width: 100%;
|
|
2159
|
-
overflow-y:
|
|
2160
|
-
`,
|
|
2168
|
+
overflow-y: auto;
|
|
2169
|
+
`,Bo=r.css`
|
|
2161
2170
|
min-height: 64px;
|
|
2162
2171
|
width: 100%;
|
|
2163
2172
|
display: flex;
|
|
@@ -2167,13 +2176,13 @@
|
|
|
2167
2176
|
bottom: 0;
|
|
2168
2177
|
left: 0;
|
|
2169
2178
|
border-top: 1px solid ${p("neutral",300)};
|
|
2170
|
-
`,
|
|
2179
|
+
`,Ho=r.css`
|
|
2171
2180
|
width: 100%;
|
|
2172
2181
|
position: absolute;
|
|
2173
2182
|
bottom: 0;
|
|
2174
2183
|
z-index: 999;
|
|
2175
2184
|
display: block;
|
|
2176
|
-
`,
|
|
2185
|
+
`,Oo=r.css`
|
|
2177
2186
|
position: absolute;
|
|
2178
2187
|
left: 0;
|
|
2179
2188
|
right: 0;
|
|
@@ -2192,25 +2201,25 @@
|
|
|
2192
2201
|
height 300ms ease,
|
|
2193
2202
|
transform 300ms ease;
|
|
2194
2203
|
overflow: hidden;
|
|
2195
|
-
`,
|
|
2204
|
+
`,No=r.css`
|
|
2196
2205
|
display: flex;
|
|
2197
2206
|
justify-content: center;
|
|
2198
2207
|
align-items: center;
|
|
2199
2208
|
cursor: pointer;
|
|
2200
|
-
`,
|
|
2209
|
+
`,Fo=r.css`
|
|
2201
2210
|
height: 2px;
|
|
2202
2211
|
width: 32px;
|
|
2203
2212
|
background-color: ${p("neutral",300)};
|
|
2204
2213
|
margin: 8px 0;
|
|
2205
|
-
`,
|
|
2214
|
+
`,Ao=r.css`
|
|
2206
2215
|
min-height: 50px;
|
|
2207
2216
|
width: 100%;
|
|
2208
2217
|
border-bottom: 1px solid ${p("neutral",300)};
|
|
2209
|
-
`,
|
|
2218
|
+
`,Zo=(e,t)=>r.css`
|
|
2210
2219
|
height: ${((e,t)=>e&&t?`calc(100% - ${e+t}px)`:e?`calc(100% - ${e}px)`:t?`calc(100% - ${t}px)`:"100%")(e,t)};
|
|
2211
2220
|
width: 100%;
|
|
2212
2221
|
overflow-y: scroll;
|
|
2213
|
-
`,
|
|
2222
|
+
`,Wo=r.css`
|
|
2214
2223
|
min-height: 64px;
|
|
2215
2224
|
width: 100%;
|
|
2216
2225
|
display: flex;
|
|
@@ -2221,7 +2230,7 @@
|
|
|
2221
2230
|
left: 0;
|
|
2222
2231
|
border-top: 1px solid ${p("neutral",300)};
|
|
2223
2232
|
background-color: ${p("neutral",100)};
|
|
2224
|
-
`,
|
|
2233
|
+
`,Yo=r.css`
|
|
2225
2234
|
a,
|
|
2226
2235
|
p {
|
|
2227
2236
|
font-size: 16px;
|
|
@@ -2253,19 +2262,19 @@
|
|
|
2253
2262
|
a:hover {
|
|
2254
2263
|
text-decoration: underline;
|
|
2255
2264
|
}
|
|
2256
|
-
`,
|
|
2265
|
+
`,qo=r.css`
|
|
2257
2266
|
svg {
|
|
2258
2267
|
height: 12px;
|
|
2259
2268
|
width: 12px;
|
|
2260
2269
|
color: ${p("neutral",600)};
|
|
2261
2270
|
}
|
|
2262
|
-
`,
|
|
2271
|
+
`,Uo=r.css`
|
|
2263
2272
|
cursor: pointer;
|
|
2264
2273
|
color: ${p("neutral",600)};
|
|
2265
2274
|
display: flex;
|
|
2266
2275
|
justify-content: center;
|
|
2267
2276
|
align-items: center;
|
|
2268
|
-
`,
|
|
2277
|
+
`,Go=(e,t)=>r.css`
|
|
2269
2278
|
min-height: 56px;
|
|
2270
2279
|
width: 100vw;
|
|
2271
2280
|
position: ${e?"sticky":"absolute"};
|
|
@@ -2275,7 +2284,7 @@
|
|
|
2275
2284
|
background-color: ${p("neutral",t?200:100)};
|
|
2276
2285
|
border-top: 1px solid ${p("neutral",400)};
|
|
2277
2286
|
z-index: 101;
|
|
2278
|
-
`,
|
|
2287
|
+
`,Xo=e=>r.css`
|
|
2279
2288
|
height: 100%;
|
|
2280
2289
|
width: 100%;
|
|
2281
2290
|
max-width: ${e?`${e}px`:"100%"};
|
|
@@ -2290,7 +2299,7 @@
|
|
|
2290
2299
|
flex-direction: column;
|
|
2291
2300
|
align-items: flex-start;
|
|
2292
2301
|
}
|
|
2293
|
-
`,
|
|
2302
|
+
`,Ko=r.css`
|
|
2294
2303
|
display: flex;
|
|
2295
2304
|
align-items: center;
|
|
2296
2305
|
flex-wrap: wrap;
|
|
@@ -2303,7 +2312,7 @@
|
|
|
2303
2312
|
color: ${p("neutral",700)};
|
|
2304
2313
|
text-decoration: underline;
|
|
2305
2314
|
}
|
|
2306
|
-
`,
|
|
2315
|
+
`,Jo=r.css`
|
|
2307
2316
|
width: 240px;
|
|
2308
2317
|
font-size: 14px;
|
|
2309
2318
|
line-height: 20px;
|
|
@@ -2314,7 +2323,7 @@
|
|
|
2314
2323
|
@media screen and (max-width: 768px) {
|
|
2315
2324
|
text-align: left;
|
|
2316
2325
|
}
|
|
2317
|
-
`,
|
|
2326
|
+
`,Qo=(e,t)=>r.css`
|
|
2318
2327
|
height: ${e?"96px":"48px"};
|
|
2319
2328
|
width: 100%;
|
|
2320
2329
|
background-color: ${p("neutral",100)};
|
|
@@ -2323,7 +2332,7 @@
|
|
|
2323
2332
|
left: 0;
|
|
2324
2333
|
z-index: 102;
|
|
2325
2334
|
border-bottom: 1px solid ${p("neutral",400)};
|
|
2326
|
-
`,
|
|
2335
|
+
`,ei=r.css`
|
|
2327
2336
|
height: 48px;
|
|
2328
2337
|
width: 100%;
|
|
2329
2338
|
background-color: ${p("neutral",100)};
|
|
@@ -2333,7 +2342,7 @@
|
|
|
2333
2342
|
justify-content: flex-start;
|
|
2334
2343
|
gap: 0px;
|
|
2335
2344
|
padding: 8px 16px;
|
|
2336
|
-
`,
|
|
2345
|
+
`,ti=(e,t)=>r.css`
|
|
2337
2346
|
height: 48px;
|
|
2338
2347
|
width: 100%;
|
|
2339
2348
|
max-width: ${t?`${t}px`:"100%"};
|
|
@@ -2343,7 +2352,7 @@
|
|
|
2343
2352
|
justify-content: space-between;
|
|
2344
2353
|
margin: 0 auto;
|
|
2345
2354
|
padding: 8px 16px;
|
|
2346
|
-
`,
|
|
2355
|
+
`,ri=r.css`
|
|
2347
2356
|
outline: none;
|
|
2348
2357
|
a {
|
|
2349
2358
|
&:focus-visible {
|
|
@@ -2354,12 +2363,12 @@
|
|
|
2354
2363
|
outline-width: 2px;
|
|
2355
2364
|
}
|
|
2356
2365
|
}
|
|
2357
|
-
`,
|
|
2366
|
+
`,ni=e=>r.css`
|
|
2358
2367
|
display: ${e?"none":"flex"};
|
|
2359
2368
|
align-items: center;
|
|
2360
2369
|
justify-content: flex-start;
|
|
2361
2370
|
gap: 0px;
|
|
2362
|
-
`,
|
|
2371
|
+
`,oi=e=>r.css`
|
|
2363
2372
|
font-size: 16px;
|
|
2364
2373
|
line-height: 24px;
|
|
2365
2374
|
font-weight: 400;
|
|
@@ -2384,12 +2393,12 @@
|
|
|
2384
2393
|
font-weight: 700;
|
|
2385
2394
|
color: ${p("accessible","controls-on-neutral-lights")};
|
|
2386
2395
|
`:""}
|
|
2387
|
-
`,
|
|
2396
|
+
`,ii=r.css`
|
|
2388
2397
|
height: 48px;
|
|
2389
2398
|
display: flex;
|
|
2390
2399
|
align-items: center;
|
|
2391
2400
|
justify-content: flex-end;
|
|
2392
|
-
`,
|
|
2401
|
+
`,li=e=>r.css`
|
|
2393
2402
|
height: 100%;
|
|
2394
2403
|
font-size: 16px;
|
|
2395
2404
|
line-height: 24px;
|
|
@@ -2408,7 +2417,7 @@
|
|
|
2408
2417
|
}
|
|
2409
2418
|
}
|
|
2410
2419
|
`:""}
|
|
2411
|
-
`,
|
|
2420
|
+
`,ai=e=>r.css`
|
|
2412
2421
|
height: 100%;
|
|
2413
2422
|
display: flex;
|
|
2414
2423
|
align-items: center;
|
|
@@ -2416,7 +2425,7 @@
|
|
|
2416
2425
|
gap: 20px;
|
|
2417
2426
|
padding-left: 16px;
|
|
2418
2427
|
border-left: 1px solid ${p("neutral",e?700:300)};
|
|
2419
|
-
`,
|
|
2428
|
+
`,si=r.css`
|
|
2420
2429
|
background-color: none;
|
|
2421
2430
|
border: none;
|
|
2422
2431
|
cursor: pointer;
|
|
@@ -2441,7 +2450,7 @@
|
|
|
2441
2450
|
outline-width: 2px;
|
|
2442
2451
|
background-color: ${p("neutral",200)};
|
|
2443
2452
|
}
|
|
2444
|
-
`,
|
|
2453
|
+
`,ci=e=>r.css`
|
|
2445
2454
|
position: absolute;
|
|
2446
2455
|
top: 48px;
|
|
2447
2456
|
right: 0;
|
|
@@ -2454,10 +2463,10 @@
|
|
|
2454
2463
|
justify-content: flex-start;
|
|
2455
2464
|
gap: 16px;
|
|
2456
2465
|
transition: width 0.5s ease-in-out;
|
|
2457
|
-
`,
|
|
2466
|
+
`,di=r.css`
|
|
2458
2467
|
height: 100%;
|
|
2459
2468
|
width: 100%;
|
|
2460
|
-
`,
|
|
2469
|
+
`,pi=r.css`
|
|
2461
2470
|
background-color: ${p("neutral",200)};
|
|
2462
2471
|
border-bottom: 1px solid ${p("neutral",300)};
|
|
2463
2472
|
|
|
@@ -2477,13 +2486,13 @@
|
|
|
2477
2486
|
margin-left: -12px;
|
|
2478
2487
|
}
|
|
2479
2488
|
}
|
|
2480
|
-
`,pi=r.css`
|
|
2481
|
-
background-color: ${p("neutral",100)};
|
|
2482
2489
|
`,ui=r.css`
|
|
2490
|
+
background-color: ${p("neutral",100)};
|
|
2491
|
+
`,xi=r.css`
|
|
2483
2492
|
min-height: 100vh;
|
|
2484
2493
|
width: 100%;
|
|
2485
2494
|
overflow-y: scroll;
|
|
2486
|
-
`;r.css``;const
|
|
2495
|
+
`;r.css``;const hi=e=>r.css`
|
|
2487
2496
|
display: inline-block;
|
|
2488
2497
|
width: 100%;
|
|
2489
2498
|
padding: 12px 16px;
|
|
@@ -2512,7 +2521,7 @@
|
|
|
2512
2521
|
outline-width: 2px;
|
|
2513
2522
|
background-color: ${p("neutral",200)};
|
|
2514
2523
|
}
|
|
2515
|
-
`,
|
|
2524
|
+
`,gi=r.css`
|
|
2516
2525
|
width: 100%;
|
|
2517
2526
|
padding: 12px 16px;
|
|
2518
2527
|
display: flex;
|
|
@@ -2536,7 +2545,7 @@
|
|
|
2536
2545
|
outline-width: 2px;
|
|
2537
2546
|
background-color: ${p("neutral",200)};
|
|
2538
2547
|
}
|
|
2539
|
-
`,
|
|
2548
|
+
`,fi=e=>r.css`
|
|
2540
2549
|
position: absolute;
|
|
2541
2550
|
top: 0px;
|
|
2542
2551
|
right: 0;
|
|
@@ -2548,7 +2557,7 @@
|
|
|
2548
2557
|
align-items: flex-start;
|
|
2549
2558
|
justify-content: flex-start;
|
|
2550
2559
|
transition: width 0.5s ease-in-out;
|
|
2551
|
-
`,
|
|
2560
|
+
`,bi=r.css`
|
|
2552
2561
|
height: 48px;
|
|
2553
2562
|
width: 100%;
|
|
2554
2563
|
display: flex;
|
|
@@ -2559,7 +2568,7 @@
|
|
|
2559
2568
|
position: relative;
|
|
2560
2569
|
top: 0;
|
|
2561
2570
|
left: 0;
|
|
2562
|
-
`,
|
|
2571
|
+
`,Ci=r.css`
|
|
2563
2572
|
position: absolute;
|
|
2564
2573
|
bottom: 0;
|
|
2565
2574
|
left: 0;
|
|
@@ -2574,7 +2583,7 @@
|
|
|
2574
2583
|
button {
|
|
2575
2584
|
width: calc(48% - 24px);
|
|
2576
2585
|
}
|
|
2577
|
-
`,
|
|
2586
|
+
`,mi=({navigationSection:e,utilitySection:r,actionsSection:n,linkRouter:i,isOpen:l,setIsOpen:a,pathname:s})=>{const[c,d]=o.useState(void 0),[p,u]=o.useState(-1),x=o.useRef(null),h=o.useRef([]),g=i;return t.jsxs(t.Fragment,{children:[t.jsx("div",{css:ci(l),children:l&&t.jsxs("div",{css:di,children:[t.jsxs("div",{style:{overflowY:"scroll",width:"100%",height:"100%",paddingBottom:"72px"},children:[r?t.jsx("div",{css:pi,children:r?.map((e=>t.jsx("div",{className:"utility-item",children:e})))}):null,e?t.jsx("div",{css:ui,children:e.map(((e,r)=>e.link?t.jsx(g,{to:e.link,href:e.link,onClick:()=>{d(void 0),u(-1),a(!1)},css:hi(s===e.link),children:e.label},e.label):t.jsxs("button",{css:gi,type:"button",ref:e=>h.current[r]=e,onClick:()=>{e.items&&(d(e),u(r),setTimeout((()=>{x.current?.focus()}),100))},children:[e.label,e.items?t.jsx(y,{rotate:"270",color:"var(--chakra-colors-neutral-700)"}):null]},e.label)))}):null]}),n?t.jsx("div",{css:Ci,children:n.map((e=>t.jsx(b,{label:e.label,onClick:()=>{e?.onClick?.(),d(void 0),u(-1),a(!1)}},e.label)))}):null]})}),t.jsx("div",{css:fi(!!c?.items),children:c?.items?t.jsxs(t.Fragment,{children:[t.jsxs("div",{css:bi,children:[t.jsxs("button",{type:"button",onClick:()=>{d(void 0),u(-1),h.current[p]?.focus()},"aria-label":"Go back",css:si,ref:x,children:[t.jsx(y,{rotate:"90",color:"var(--chakra-colors-neutral-700)"}),c?.label]}),t.jsxs("button",{type:"button",onClick:()=>{d(void 0),u(-1),a(!1)},"aria-label":"Close menu",css:si,children:["Close",t.jsx(k,{height:"16px",width:"16px"})]})]}),t.jsx("div",{css:xi,children:c?.items?.map((e=>t.jsx(g,{to:e.link,href:e.link,css:hi(),onClick:()=>{d(void 0),u(-1),a(!1)},children:e.label},e.label)))})]}):null})]})},vi=1023,wi=r.css`
|
|
2578
2587
|
width: 64px;
|
|
2579
2588
|
height: 100%;
|
|
2580
2589
|
z-index: 100;
|
|
@@ -2583,7 +2592,7 @@
|
|
|
2583
2592
|
display: flex;
|
|
2584
2593
|
flex-direction: column;
|
|
2585
2594
|
justify-content: space-between;
|
|
2586
|
-
`,
|
|
2595
|
+
`,ji=r.css`
|
|
2587
2596
|
width: 64px;
|
|
2588
2597
|
height: 64px;
|
|
2589
2598
|
background-color: ${p("neutral",200)};
|
|
@@ -2673,7 +2682,7 @@
|
|
|
2673
2682
|
}
|
|
2674
2683
|
}
|
|
2675
2684
|
}
|
|
2676
|
-
`,
|
|
2685
|
+
`,yi=r.css`
|
|
2677
2686
|
display: flex;
|
|
2678
2687
|
justify-content: center;
|
|
2679
2688
|
align-items: center;
|
|
@@ -2686,7 +2695,7 @@
|
|
|
2686
2695
|
fill: ${p("neutral",600)};
|
|
2687
2696
|
}
|
|
2688
2697
|
}
|
|
2689
|
-
|
|
2698
|
+
`,$i=r.css`
|
|
2690
2699
|
width: 64px;
|
|
2691
2700
|
height: 64px;
|
|
2692
2701
|
background-color: ${p("neutral",200)};
|
|
@@ -2724,7 +2733,7 @@
|
|
|
2724
2733
|
text-align: center;
|
|
2725
2734
|
color: ${p("neutral",600)};
|
|
2726
2735
|
}
|
|
2727
|
-
|
|
2736
|
+
`,ki=r.css`
|
|
2728
2737
|
width: 320px;
|
|
2729
2738
|
height: 100%;
|
|
2730
2739
|
z-index: 100;
|
|
@@ -2732,14 +2741,14 @@
|
|
|
2732
2741
|
background-color: ${p("neutral",100)};
|
|
2733
2742
|
overflow-y: auto;
|
|
2734
2743
|
overflow-x: hidden;
|
|
2735
|
-
`,
|
|
2744
|
+
`,Si=e=>r.css`
|
|
2736
2745
|
width: 100%;
|
|
2737
2746
|
display: flex;
|
|
2738
2747
|
align-items: center;
|
|
2739
2748
|
height: 40px;
|
|
2740
2749
|
|
|
2741
2750
|
${"view"===e&&`\n border: 1px solid ${p("neutral",400)};\n background-color: ${p("neutral",200)};\n border-radius: 4px;\n padding: 4px;\n `}
|
|
2742
|
-
`,
|
|
2751
|
+
`,Li=r.css`
|
|
2743
2752
|
width: 99%;
|
|
2744
2753
|
height: 40px;
|
|
2745
2754
|
padding: 8px 16px;
|
|
@@ -2755,7 +2764,7 @@
|
|
|
2755
2764
|
&:focus-visible {
|
|
2756
2765
|
box-shadow: none;
|
|
2757
2766
|
}
|
|
2758
|
-
`,
|
|
2767
|
+
`,Mi=r.css`
|
|
2759
2768
|
background-color: ${p("neutral",200)};
|
|
2760
2769
|
color: ${p("neutral",700)};
|
|
2761
2770
|
|
|
@@ -2812,11 +2821,11 @@
|
|
|
2812
2821
|
opacity: 1;
|
|
2813
2822
|
}
|
|
2814
2823
|
}
|
|
2815
|
-
`,
|
|
2824
|
+
`,Ri=r.css`
|
|
2816
2825
|
width: 4px;
|
|
2817
2826
|
height: 24px;
|
|
2818
2827
|
background-color: ${p("neutral",400)};
|
|
2819
|
-
`,
|
|
2828
|
+
`,Ii=r.css`
|
|
2820
2829
|
height: 32px;
|
|
2821
2830
|
border-radius: 2px;
|
|
2822
2831
|
background-color: ${p("neutral",200)};
|
|
@@ -2889,16 +2898,16 @@
|
|
|
2889
2898
|
opacity: 1;
|
|
2890
2899
|
}
|
|
2891
2900
|
}
|
|
2892
|
-
`,
|
|
2901
|
+
`,Vi=(e,t)=>e.findIndex((e=>e.value===t)),Di=e=>1===e?"none":2===e?"left":"right",Ti=r.css`
|
|
2893
2902
|
display: flex;
|
|
2894
2903
|
justify-content: flex-start;
|
|
2895
2904
|
align-items: center;
|
|
2896
2905
|
gap: 8px;
|
|
2897
|
-
`,
|
|
2906
|
+
`,Ei=e=>r.css`
|
|
2898
2907
|
width: ${e||"16px"};
|
|
2899
2908
|
position: relative;
|
|
2900
2909
|
display: flex;
|
|
2901
|
-
`,
|
|
2910
|
+
`,_i=r.css`
|
|
2902
2911
|
height: 4px;
|
|
2903
2912
|
width: 4px;
|
|
2904
2913
|
background-color: ${p("error",500)};
|
|
@@ -2906,7 +2915,7 @@
|
|
|
2906
2915
|
position: absolute;
|
|
2907
2916
|
top: 0px;
|
|
2908
2917
|
right: 0px;
|
|
2909
|
-
`,
|
|
2918
|
+
`,zi=r.css`
|
|
2910
2919
|
height: 10px;
|
|
2911
2920
|
background-color: ${p("error",500)};
|
|
2912
2921
|
padding: 0 3px 1px 3px;
|
|
@@ -2917,11 +2926,11 @@
|
|
|
2917
2926
|
position: absolute;
|
|
2918
2927
|
top: -2px;
|
|
2919
2928
|
left: 9px;
|
|
2920
|
-
`,
|
|
2929
|
+
`,Pi=r.css`
|
|
2921
2930
|
font-size: 9px;
|
|
2922
2931
|
font-weight: 700;
|
|
2923
2932
|
color: ${p("error",100)};
|
|
2924
|
-
`,
|
|
2933
|
+
`,Bi=r.css`
|
|
2925
2934
|
height: 16px;
|
|
2926
2935
|
min-width: 16px;
|
|
2927
2936
|
background-color: ${p("error",500)};
|
|
@@ -2930,11 +2939,11 @@
|
|
|
2930
2939
|
justify-content: center;
|
|
2931
2940
|
align-items: center;
|
|
2932
2941
|
padding: 0px 4px 1px 4px;
|
|
2933
|
-
`,
|
|
2942
|
+
`,Hi=r.css`
|
|
2934
2943
|
font-size: 16px;
|
|
2935
2944
|
font-weight: 700;
|
|
2936
2945
|
color: ${p("error",100)};
|
|
2937
|
-
`,
|
|
2946
|
+
`,Oi=(e,t)=>r.css`
|
|
2938
2947
|
width: 100%;
|
|
2939
2948
|
min-width: ${"small"===e?"234px":"320px"};
|
|
2940
2949
|
border-radius: 4px;
|
|
@@ -2949,7 +2958,7 @@
|
|
|
2949
2958
|
button {
|
|
2950
2959
|
margin-left: ${t?0:"24px"};
|
|
2951
2960
|
}
|
|
2952
|
-
`,
|
|
2961
|
+
`,Ni=r.css`
|
|
2953
2962
|
display: flex;
|
|
2954
2963
|
align-items: flex-start;
|
|
2955
2964
|
gap: 8px;
|
|
@@ -2957,28 +2966,28 @@
|
|
|
2957
2966
|
svg {
|
|
2958
2967
|
margin-top: 6px;
|
|
2959
2968
|
}
|
|
2960
|
-
`,
|
|
2969
|
+
`,Fi=e=>r.css`
|
|
2961
2970
|
color: ${p("neutral",800)};
|
|
2962
2971
|
font-size: ${"small"===e?"14px":"18px"};
|
|
2963
2972
|
line-height: ${"small"===e?"20px":"28px"};
|
|
2964
2973
|
font-weight: 400;
|
|
2965
2974
|
text-align: left;
|
|
2966
|
-
`,
|
|
2975
|
+
`,Ai=e=>r.css`
|
|
2967
2976
|
color: ${p("neutral",700)};
|
|
2968
2977
|
font-size: ${"small"===e?"12px":"16px"};
|
|
2969
2978
|
line-height: ${"small"===e?"16px":"24px"};
|
|
2970
2979
|
font-weight: 400;
|
|
2971
2980
|
margin-left: 24px;
|
|
2972
2981
|
text-align: left;
|
|
2973
|
-
`,
|
|
2982
|
+
`,Zi=r.css`
|
|
2974
2983
|
background-color: ${p("neutral",100)};
|
|
2975
2984
|
border: 1px solid ${p("neutral",300)};
|
|
2976
2985
|
color: ${p("neutral",700)};
|
|
2977
|
-
`,
|
|
2986
|
+
`,Wi=r.css`
|
|
2978
2987
|
background-color: ${p("neutral",200)};
|
|
2979
2988
|
border: 1px solid ${p("neutral",300)};
|
|
2980
2989
|
color: ${p("neutral",700)};
|
|
2981
|
-
`,
|
|
2990
|
+
`,Yi=r.css`
|
|
2982
2991
|
background-color: ${p("success",100)};
|
|
2983
2992
|
border: 1px solid ${p("success",300)};
|
|
2984
2993
|
color: ${p("success",500)};
|
|
@@ -2986,7 +2995,7 @@
|
|
|
2986
2995
|
p {
|
|
2987
2996
|
color: ${p("success",900)};
|
|
2988
2997
|
}
|
|
2989
|
-
`,
|
|
2998
|
+
`,qi=r.css`
|
|
2990
2999
|
background-color: ${p("warning",100)};
|
|
2991
3000
|
border: 1px solid ${p("warning",300)};
|
|
2992
3001
|
color: ${p("warning",500)};
|
|
@@ -2994,7 +3003,7 @@
|
|
|
2994
3003
|
p {
|
|
2995
3004
|
color: ${p("warning",900)};
|
|
2996
3005
|
}
|
|
2997
|
-
`,
|
|
3006
|
+
`,Ui=r.css`
|
|
2998
3007
|
background-color: ${p("error",100)};
|
|
2999
3008
|
border: 1px solid ${p("error",300)};
|
|
3000
3009
|
color: ${p("error",500)};
|
|
@@ -3002,37 +3011,37 @@
|
|
|
3002
3011
|
p {
|
|
3003
3012
|
color: ${p("error",900)};
|
|
3004
3013
|
}
|
|
3005
|
-
`,
|
|
3014
|
+
`,Gi=r.css`
|
|
3006
3015
|
height: 8px;
|
|
3007
3016
|
width: 100%;
|
|
3008
3017
|
background-color: ${p("neutral",300)};
|
|
3009
3018
|
display: flex;
|
|
3010
3019
|
align-items: center;
|
|
3011
3020
|
justify-content: flex-start;
|
|
3012
|
-
`,
|
|
3021
|
+
`,Xi=e=>r.css`
|
|
3013
3022
|
height: 100%;
|
|
3014
3023
|
width: ${e}%;
|
|
3015
3024
|
background-color: ${p("primary",500)};
|
|
3016
3025
|
transition: width 0.5s ease-in-out;
|
|
3017
|
-
`,
|
|
3026
|
+
`,Ki=r.css`
|
|
3018
3027
|
width: 100%;
|
|
3019
3028
|
display: flex;
|
|
3020
3029
|
align-items: center;
|
|
3021
3030
|
justify-content: space-between;
|
|
3022
3031
|
position: relative;
|
|
3023
|
-
`,
|
|
3032
|
+
`,Ji=r.css`
|
|
3024
3033
|
height: 60px;
|
|
3025
3034
|
width: 80px;
|
|
3026
3035
|
display: flex;
|
|
3027
3036
|
flex-direction: column;
|
|
3028
3037
|
align-items: center;
|
|
3029
3038
|
justify-content: space-between;
|
|
3030
|
-
`,
|
|
3039
|
+
`,Qi=e=>r.css`
|
|
3031
3040
|
color: ${p("neutral",e?800:600)};
|
|
3032
3041
|
font-size: 14px;
|
|
3033
3042
|
line-height: 20px;
|
|
3034
3043
|
font-weight: 400;
|
|
3035
|
-
`,
|
|
3044
|
+
`,el=r.css`
|
|
3036
3045
|
height: 1px;
|
|
3037
3046
|
width: 100%;
|
|
3038
3047
|
padding: 0 30px;
|
|
@@ -3040,11 +3049,11 @@
|
|
|
3040
3049
|
top: 16px;
|
|
3041
3050
|
left: 0;
|
|
3042
3051
|
z-index: -1;
|
|
3043
|
-
`,
|
|
3052
|
+
`,tl=r.css`
|
|
3044
3053
|
height: 1px;
|
|
3045
3054
|
width: 100%;
|
|
3046
3055
|
background-color: ${p("neutral",400)};
|
|
3047
|
-
`,
|
|
3056
|
+
`,rl=r.css`
|
|
3048
3057
|
justify-content: space-between;
|
|
3049
3058
|
align-items: center;
|
|
3050
3059
|
gap: 8px;
|
|
@@ -3087,21 +3096,21 @@
|
|
|
3087
3096
|
color: ${p("error",900)};
|
|
3088
3097
|
}
|
|
3089
3098
|
}
|
|
3090
|
-
`,
|
|
3099
|
+
`,nl=r.css`
|
|
3091
3100
|
font-size: 18px;
|
|
3092
3101
|
line-height: 28px;
|
|
3093
3102
|
font-weight: 400;
|
|
3094
3103
|
color: ${p("neutral",800)};
|
|
3095
|
-
`,
|
|
3104
|
+
`,ol=r.css`
|
|
3096
3105
|
font-size: 16px;
|
|
3097
3106
|
line-height: 24px;
|
|
3098
3107
|
font-weight: 400;
|
|
3099
3108
|
color: ${p("neutral",700)};
|
|
3100
|
-
`,ol=r.css`
|
|
3101
|
-
padding: 6px;
|
|
3102
3109
|
`,il=r.css`
|
|
3103
3110
|
padding: 6px;
|
|
3104
|
-
`,ll=
|
|
3111
|
+
`,ll=r.css`
|
|
3112
|
+
padding: 6px;
|
|
3113
|
+
`,al={pauseOnPageIdle:!0,offsets:"24px"},sl={"top-start":e.createToaster({placement:"top-start",...al}),"top-end":e.createToaster({placement:"top-end",...al}),"bottom-start":e.createToaster({placement:"bottom-start",...al}),"bottom-end":e.createToaster({placement:"bottom-end",...al})};exports.Badge=({hasNotification:e,notificationCount:r,label:n})=>{const[i,l]=o.useState(!1);o.useEffect((()=>{const e=()=>{window.innerWidth<1024?l(!0):l(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const a=(()=>{let e="";return r&&r>0&&(e=`${r>99?"99+":r}`),e})();let s="16px";return r&&r>99?s="28px":r&&r>9&&(s="22px"),i?t.jsxs("div",{css:Ti,role:"status","aria-live":"polite",children:[t.jsxs("div",{css:Ei(),children:[t.jsx(T,{color:"currentColor",height:"16px",width:"16px"}),!e||r||n?null:t.jsx("div",{css:_i,"aria-hidden":!0})]}),n?t.jsx("p",{children:n}):null,a.length>0?t.jsx("div",{css:Bi,children:t.jsx("p",{css:Hi,"aria-label":`${r} unread message`,children:a})}):null]}):t.jsxs("div",{css:Ti,role:"status","aria-live":"polite",children:[n?t.jsx("p",{children:n}):null,t.jsxs("div",{css:Ei(s),children:[a.length>0?t.jsx("div",{css:zi,children:t.jsx("p",{css:Pi,"aria-label":`${r} unread message`,children:a})}):null,e&&!r?t.jsx("div",{css:_i,"aria-hidden":!0}):null,t.jsx(T,{color:"currentColor",height:"16px",width:"16px"})]})]})},exports.BaseMap=({title:e,caption:n,additionalSettings:o,options:i,onOptionSelected:l,maxHeight:a="400px",maxWidth:s="260px"})=>t.jsx("div",{css:sr(a,s),children:t.jsxs("div",{className:"base-map-scroll-content",children:[t.jsxs("div",{css:cr,children:[t.jsx("p",{className:"base-map-header-title",children:e}),t.jsx("p",{className:"base-map-header-caption",children:n})]}),t.jsxs("div",{css:dr,children:[o?t.jsx("div",{css:pr,children:o.map((e=>t.jsxs("div",{children:[t.jsx(me,{css:{},checked:e.checked,onCheckedChange:({checked:t})=>e.onCheckedChange({checked:Boolean(t)}),children:e.label}),e.checked&&e.children?t.jsx("div",{css:ur,children:e.children}):null]},e.label)))}):null,i?t.jsx("div",{css:xr,children:i.map((e=>{return t.jsxs("div",{css:(o=e.active,r.css`
|
|
3105
3114
|
display: flex;
|
|
3106
3115
|
gap: 12px;
|
|
3107
3116
|
padding: 12px 8px;
|
|
@@ -3133,7 +3142,7 @@
|
|
|
3133
3142
|
background-image: url(${n});
|
|
3134
3143
|
background-size: cover;
|
|
3135
3144
|
background-position: center;
|
|
3136
|
-
`)}),t.jsxs("div",{css:hr,children:[t.jsxs("div",{className:"base-map-title-container",children:[t.jsx("p",{className:"base-map-title",children:e.label}),e.active?t.jsx(Et,{label:"Active",variant:"warning",size:"small",icon:t.jsx(v,{})}):null]}),t.jsx("p",{className:"base-map-caption",children:e.caption}),e.active&&e.children?t.jsx("div",{className:"base-map-children",children:e.children}):null]})]},e.label);var n,o}))}):null]})]})}),exports.Breadcrumb=({links:r,separator:n,maxItems:i=99,linkRouter:l})=>{const[a,s]=o.useState(r.length>i);o.useEffect((()=>{s(r.length>i)}),[r.length]);const c=l;return t.jsx(e.Breadcrumb.Root,{children:t.jsx(e.Breadcrumb.List,{gap:"16px",children:a?t.jsxs(t.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:
|
|
3145
|
+
`)}),t.jsxs("div",{css:hr,children:[t.jsxs("div",{className:"base-map-title-container",children:[t.jsx("p",{className:"base-map-title",children:e.label}),e.active?t.jsx(Et,{label:"Active",variant:"warning",size:"small",icon:t.jsx(v,{})}):null]}),t.jsx("p",{className:"base-map-caption",children:e.caption}),e.active&&e.children?t.jsx("div",{className:"base-map-children",children:e.children}):null]})]},e.label);var n,o}))}):null]})]})}),exports.Breadcrumb=({links:r,separator:n,maxItems:i=99,linkRouter:l})=>{const[a,s]=o.useState(r.length>i);o.useEffect((()=>{s(r.length>i)}),[r.length]);const c=l;return t.jsx(e.Breadcrumb.Root,{children:t.jsx(e.Breadcrumb.List,{gap:"16px",children:a?t.jsxs(t.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:Yo,children:t.jsxs(c,{to:r[0].link,href:r[0].link,children:[r[0].icon,r[0].label]})}),t.jsx(e.Breadcrumb.Separator,{css:qo,children:n||t.jsx(y,{rotate:"270"})}),t.jsx("li",{className:"chakra-breadcrumb__item",children:t.jsx("button",{css:Uo,type:"button",onClick:()=>s(!1),children:"..."})}),t.jsx(e.Breadcrumb.Separator,{css:qo,children:n||t.jsx(y,{rotate:"270"})}),t.jsx(e.Breadcrumb.Item,{css:Yo,children:t.jsxs("p",{"aria-current":"page","aria-label":r[r.length-1].label,children:[r[r.length-1].icon,r[r.length-1].label]})})]}):r.map(((i,l)=>i?.label?t.jsxs(o.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:Yo,children:l<r.length-1?t.jsxs(c,{to:i.link,href:i.link,children:[i.icon,i.label]}):t.jsxs("p",{"aria-current":"page","aria-label":i.label,children:[i.label&&i.icon?i.icon:"",i.label]})}),l<r.length-1?t.jsx(e.Breadcrumb.Separator,{css:qo,children:n||t.jsx(y,{rotate:"270"})}):null]},i.label):null))})})},exports.Button=b,exports.Checkbox=me,exports.CheckboxList=({label:e,caption:n,checkboxes:i,defaultValue:l,onCheckedChange:a,errorMessage:s,horizontal:c,required:d})=>{const[p,u]=o.useState(l?{[l]:!0}:{});return t.jsxs("div",{css:qe,"aria-roledescription":"group","aria-labelledby":e,children:[s?t.jsx("div",{css:Ke}):null,t.jsxs("div",{css:(x=!!s,r.css`
|
|
3137
3146
|
margin-left: ${x?"19px":"0px"};
|
|
3138
3147
|
`),children:[t.jsxs("p",{css:Ue,"aria-label":e,children:[d&&t.jsx("span",{"aria-label":"required",children:"*"}),e]}),t.jsx("p",{css:Ge,"aria-label":n,children:n}),s?t.jsx("p",{css:Je,"aria-label":s,children:s}):null,t.jsx("div",{css:Xe(c),children:i.map((e=>t.jsx(me,{css:{},defaultChecked:l===e.value,onCheckedChange:({checked:t})=>((e,t)=>{const r={...p};t&&(r[t]=e,u(r)),a&&a(r)})(t,e.name),...e},e.name)))})]})]});var x},exports.CheckboxOptionCard=({defaultValue:n,items:o,onValueChange:i})=>t.jsx(e.CheckboxGroup,{defaultValue:n,onValueChange:i,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((o=>{return t.jsxs(e.CheckboxCard.Root,{css:ve,defaultChecked:-1!==n?.indexOf(o.value),disabled:o.disabled,value:o.value,children:[t.jsx(e.CheckboxCard.HiddenInput,{}),t.jsxs(e.CheckboxCard.Control,{css:we,children:[t.jsxs(e.CheckboxCard.Content,{css:(l=o.variant,r.css`
|
|
3139
3148
|
width: 100%;
|
|
@@ -3148,13 +3157,13 @@
|
|
|
3148
3157
|
padding: 0px;
|
|
3149
3158
|
padding-top: 8px;
|
|
3150
3159
|
color: ${i?p("neutral",500):"inherit"};
|
|
3151
|
-
`),children:o.children}):null]},`${o.label}-${o.value}`);var i,l}))})}),exports.CloseButton=Q,exports.Footer=({children:e,label:r="© World Resources Institute",fixed:n,filled:o,maxWidth:i})=>{const l=(new Date).getFullYear();return t.jsx("footer",{css:
|
|
3160
|
+
`),children:o.children}):null]},`${o.label}-${o.value}`);var i,l}))})}),exports.CloseButton=Q,exports.Footer=({children:e,label:r="© World Resources Institute",fixed:n,filled:o,maxWidth:i})=>{const l=(new Date).getFullYear();return t.jsx("footer",{css:Go(n,o),children:t.jsxs("div",{css:Xo(i),children:[t.jsx("div",{children:t.jsx(D,{height:"32px",width:"91px"})}),t.jsx("div",{css:Ko,children:e}),t.jsx("div",{children:t.jsxs("p",{css:Jo,children:[r," ",l]})})]})})},exports.IconButton=J,exports.IconMarker=fr,exports.IconMarkers=br,exports.InlineMessage=({label:e,caption:r,variant:n,size:o="large",icon:i=t.jsx(j,{height:"16px",width:"16px"}),onActionClick:l,actionLabel:a,isButtonRight:s})=>{let c=Zi;return"info-grey"===n?c=Wi:"success"===n?c=Yi:"warning"===n?c=qi:"error"===n&&(c=Ui),t.jsxs("div",{css:[Oi(o,s),c],"aria-roledescription":"Note",children:[t.jsxs("div",{children:[t.jsxs("div",{css:Ni,children:[i,t.jsx("p",{css:Fi(o),children:e})]}),t.jsx("p",{css:Ai(o),children:r})]}),a?t.jsx(b,{label:a,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===o?"default":"small",onClick:l}):null]})},exports.InputWithUnits=({label:r,caption:n,errorMessage:i,units:l,unitsPosition:a="end",defaultUnit:s="",defaultValue:c="",onChange:d,required:p,disabled:u})=>{const[x,h]=o.useState(c),[g,f]=o.useState(s?[s]:[l[0].value]),b=(e,t)=>{d&&d("end"===a?""+(t?`${x} ${e}`:`${e} ${g}`):""+(t?`${e} ${x}`:`${g} ${e}`))};return t.jsxs("div",{css:Qe,children:[i?t.jsx("div",{css:rt}):null,t.jsxs("div",{style:{marginLeft:i?"19px":"0px"},children:[t.jsxs("p",{css:et(u),"aria-label":r,children:[p?t.jsx("span",{children:"*"}):null,r]}),t.jsx("p",{css:tt(u),"aria-label":n,children:n}),i?t.jsx("p",{css:nt,"aria-label":i,children:i}):null,t.jsxs(e.Group,{css:ot(!!i,a),attached:!0,children:["start"===a?t.jsx(Pt,{placeholder:"",value:g,items:l,disabled:u,onChange:e=>{f(e),b(e?.[0],!0)}}):null,t.jsx(pt,{type:"number",value:x,disabled:u,onChange:e=>{h(e.target.value),b(e.target.value)}}),"end"===a?t.jsx(Pt,{placeholder:"",value:g,items:l,disabled:u,onChange:e=>{f(e),b(e?.[0],!0)}}):null]})]})]})},exports.ItemCount=an,exports.LayerGroup=({label:r,caption:n,value:i,layerItems:l,onChangeForRadioVariant:a})=>{const[s,c]=o.useState({}),[d]=o.useState((e=>{const t=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return t?.name})(l));o.useEffect((()=>{let e={...s};l.forEach((t=>{t.isDefaultSelected&&(e={...e,["radio"===t.variant?r:t.name]:t.isDefaultSelected})})),c(e)}),[]);const p=(e,t,r,n)=>{const o={...s,[e]:t};c(o),r&&r(e,t,n)},u=Object.values(s).filter((e=>!0===e)).length,x=`${r}, ${u} Active layers on the map${n?`, ${n}`:""}`;return t.jsxs(e.Accordion.Item,{value:i,width:"100%",children:[t.jsxs(e.Accordion.ItemTrigger,{css:mr,alignItems:"flex-start","aria-label":x,children:[t.jsxs(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[t.jsxs("span",{css:vr,children:[r,t.jsx(Et,{label:`${u} Active`,size:"small",variant:u>0?"success":"info-grey"})]}),t.jsx("div",{css:wr,children:n})]}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx(y,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{paddingLeft:"16px",paddingRight:"16px",children:t.jsx(_e,{name:r,defaultValue:d,customGap:"0px",onChange:(e,t)=>p(e,!!t,a,t),children:l.map((e=>t.jsx(Lr,{...e,onChange:(t,r)=>p(t,r,e.onChange)},e.label)))})})]})},exports.LayerGroupContainer=({children:r,defaultValue:n,...o})=>t.jsx("div",{css:Cr,style:{width:"100%"},children:t.jsx(e.Accordion.Root,{css:{},defaultValue:n,multiple:!0,...o,children:r})}),exports.LayerItem=Lr,exports.LayerParameters=({label:r,children:n,openedByDefault:i})=>t.jsx("div",{children:t.jsx(e.Accordion.Root,{defaultValue:i?[r]:[],multiple:!0,children:t.jsxs(e.Accordion.Item,{css:Mr,value:r,children:[t.jsxs(e.Accordion.ItemTrigger,{css:Rr,children:[t.jsx(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:t.jsx("p",{css:Ir,children:r})}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx(y,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{css:Vr,children:o.Children.map(n,(e=>t.jsx("div",{className:"layer-parameters-item-child",children:e})))})]})})}),exports.LegendItem=({layerName:e,dataUnit:r,onDrag:n,onUpClick:o,onDownClick:i,onRemoveClick:l,children:a,onInfoClick:s,onOpacityChanged:c})=>t.jsxs("div",{css:Dr,children:[t.jsxs("div",{css:Tr,children:[t.jsx(J,{icon:t.jsx(M,{}),"aria-label":"Drag and drop","aria-hidden":!0,onClick:n,style:{display:"none",marginBottom:"12px"}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t.jsx(J,{icon:t.jsx(y,{rotate:"180"}),"aria-label":"Up",onClick:o}),t.jsx(J,{icon:t.jsx(y,{}),"aria-label":"Down",onClick:i})]})]}),t.jsxs("div",{style:{width:"100%"},children:[t.jsxs("div",{css:Er,children:[t.jsxs("div",{children:[t.jsx("h3",{css:_r,children:e}),t.jsx("p",{css:zr,children:r})]}),t.jsx(b,{label:"Remove",size:"small",variant:"secondary",rightIcon:t.jsx(k,{}),onClick:l})]}),a,t.jsxs("div",{css:Pr,children:[t.jsx(b,{label:"About data",size:"small",variant:"secondary",leftIcon:t.jsx(j,{}),onClick:s}),t.jsx(Fr,{defaultValue:80,onOpacityChanged:c})]})]})]}),exports.List=({items:r})=>t.jsx(e.Box,{css:sn,children:r.map((e=>t.jsx(gn,{id:e.id,icon:e.icon,label:e.label,caption:e.caption,value:e.value,variant:e.variant??"data",onItemClick:e.onItemClick},e.id??e.label)))}),exports.MapControl=oe,exports.MapControls=ie,exports.Menu=xe,exports.Modal=({header:r,content:n,footer:o,size:i="medium",draggable:l,blocking:a,open:s,onClose:c})=>s?t.jsx(e.Dialog.Root,{open:s,onOpenChange:c,placement:"center",scrollBehavior:"inside",closeOnInteractOutside:!l&&!a,preventScroll:!l&&!a,closeOnEscape:!a,defaultOpen:!0,children:t.jsxs(e.Portal,{children:[l?null:t.jsx(e.Dialog.Backdrop,{}),t.jsx(Mo,{disabled:!l,children:t.jsx(e.Dialog.Positioner,{children:t.jsxs(e.Dialog.Content,{css:Ro(i),children:[t.jsxs(e.Dialog.Header,{css:Io,children:[r,a?null:t.jsx(e.Dialog.CloseTrigger,{css:Vo,asChild:!0,children:t.jsx(Q,{})})]}),t.jsx(e.Dialog.Body,{css:Do,children:n}),o?t.jsx(e.Dialog.Footer,{padding:"12px",children:o}):null]})})})]})}):null,exports.MultiActionButton=({variant:r="primary",size:n="default",mainActionLabel:i,mainActionOnClick:l=()=>{},otherActions:a=[],...s})=>{const[c,d]=o.useState(!1);return t.jsxs(e.Group,{attached:!0,"aria-disabled":s.disabled,children:[t.jsx(b,{css:{},label:i,variant:r,size:n,onClick:l,...s}),t.jsxs(e.Menu.Root,{onOpenChange:({open:e})=>d(e),positioning:{placement:"bottom-end"},children:[t.jsx(e.Menu.Trigger,{css:ge(r),"data-group-item":!0,"data-last":!0,asChild:!0,children:t.jsx(b,{variant:r,size:n,leftIcon:t.jsx(y,{rotate:c?"180":"0",color:p("accessible","text-on-primary-mids")||p("primary",900)}),disabled:s.disabled})}),t.jsx(be,{children:a.map((({label:r,value:o,onClick:i})=>t.jsx(e.Menu.Item,{css:fe(n),onClick:i,value:o,children:r},o)))})]})]})},exports.Navbar=({logo:e,linkRouter:n,pathname:i,navigationSection:l,utilitySection:a,actionsSection:s,maxWidth:c,fixed:d,onNavbarHeightChange:u})=>{const x=o.useRef(null),h=o.useRef(null),g=o.useRef(null),[f,C]=o.useState(!1),[m,v]=o.useState(-1),[w,j]=o.useState("undefined"!=typeof window&&window?.innerWidth<=vi),[y,$]=o.useState(!1),S=n,L=o.useCallback((()=>{if(h.current&&x.current&&g.current){const e=x.current.getBoundingClientRect(),t=h.current.getBoundingClientRect(),r=g.current.getBoundingClientRect();t.width,e.width,window.innerWidth<=vi||window.innerWidth<=m?(u?.(96),C(!0)):window.innerWidth>vi&&window.innerWidth<=1440?e.right>=t.left?(u?.(96),C(!0),v(window.innerWidth)):window.innerWidth>m&&(u?.(48),C(!1),v(-1)):(u?.(48),C(!1),v(-1)),f&&(window.innerWidth<=vi||r.right>=t.left?(j(!0),u?.(48)):(j(!1),u?.(96)))}}),[m,f]);return o.useEffect((()=>(L(),window.addEventListener("resize",L),()=>{window.removeEventListener("resize",L)})),[L]),t.jsxs("nav",{css:Qo(f&&!w,d),children:[t.jsxs("div",{css:ti(f&&!w,c),children:[t.jsxs("div",{css:(M=f&&!w,r.css`
|
|
3152
3161
|
display: flex;
|
|
3153
3162
|
align-items: center;
|
|
3154
3163
|
justify-content: flex-start;
|
|
3155
3164
|
gap: 12px;
|
|
3156
3165
|
color: ${p("neutral",M?100:900)};
|
|
3157
|
-
`),ref:x,children:[e?t.jsx("div",{ref:g,css:
|
|
3166
|
+
`),ref:x,children:[e?t.jsx("div",{ref:g,css:ri,children:e}):null,t.jsx("div",{css:ni(f),children:l?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:oi(i===e.link),children:e.label},e.label):t.jsx(xe,{label:e.label,items:e.items||[]},e.label)))})]}),t.jsx("div",{css:ii,ref:h,children:w?t.jsxs("button",{type:"button",onClick:()=>$(!y),"aria-label":"Open menu",css:si,children:[y?"Close":"Menu",y?t.jsx(k,{height:"16px",width:"16px"}):t.jsx(U,{height:"16px",width:"16px"})]}):t.jsxs(t.Fragment,{children:[t.jsx("div",{css:ii,children:a?.map(((e,r)=>t.jsx("div",{css:li(f),children:e},r)))}),s?t.jsx("div",{css:ai(f),children:s.map((e=>t.jsx(b,{...e},e.label)))}):null]})})]}),f&&!w?t.jsx("div",{css:ei,children:l?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:oi(i===e.link),children:e.label},e.label):t.jsx(xe,{label:e.label,items:e.items||[]},e.label)))}):null,w?t.jsx(mi,{navigationSection:l,utilitySection:a,actionsSection:s,linkRouter:n,isOpen:y,setIsOpen:$,pathname:i}):null]});var M},exports.NavigationRail=({tabs:r=[],defaultValue:n,onTabClick:i,children:l,onOpenChange:a})=>{const[s,c]=o.useState(!1),[d,p]=o.useState(n||r?.[0]?.value);return t.jsxs("div",{style:{height:"calc(100vh - 48px - 56px)",position:"fixed",top:"48px",left:0,display:"flex"},children:[t.jsxs("div",{css:wi,children:[t.jsx(e.Tabs.Root,{defaultValue:n||r?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{var t;p(t=e),i&&i(t)},role:"tablist",children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:r.map((r=>t.jsx(e.Tabs.Trigger,{css:ji,"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[r.icon?t.jsx("div",{css:yi,children:r.icon}):null,t.jsx("p",{children:r.label})]})},r.label)))})}),l?t.jsx(e.Collapsible.Root,{onOpenChange:({open:e})=>{c(e),a&&a(!e)},children:t.jsxs(e.Collapsible.Trigger,{css:$i,children:[t.jsx("div",{css:yi,children:s?t.jsx(m,{}):t.jsx(C,{})}),t.jsxs("div",{className:"tab-label",children:[t.jsx("p",{children:s?"Show":"Hide"}),t.jsx("p",{children:"Sidebar"})]})]})}):null]}),l?t.jsx(e.Collapsible.Root,{defaultOpen:!0,open:!s,children:t.jsx(e.Collapsible.Content,{height:"100%",children:t.jsx("div",{css:ki,role:"tabpanel","aria-labelledby":d,children:l})})}):null]})},exports.OptionCard=({defaultValue:n,items:o,onValueChange:i})=>t.jsx(e.RadioCard.Root,{defaultValue:n,onValueChange:i,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((n=>{return t.jsxs(e.RadioCard.Item,{css:Se,value:n.value,disabled:n.disabled,children:[t.jsx(e.RadioCard.ItemHiddenInput,{}),t.jsxs(e.RadioCard.ItemControl,{css:Le,children:[t.jsxs("div",{css:(i=n.variant,r.css`
|
|
3158
3167
|
width: 100%;
|
|
3159
3168
|
display: flex;
|
|
3160
3169
|
flex-direction: ${"centered"===i?"column":"row"};
|
|
@@ -3167,7 +3176,7 @@
|
|
|
3167
3176
|
padding: 0px;
|
|
3168
3177
|
padding-top: 8px;
|
|
3169
3178
|
color: ${o?p("neutral",500):"inherit"};
|
|
3170
|
-
`),children:n.children}):null]},`${n.label}-${n.value}`);var o,i}))})}),exports.Pagination=
|
|
3179
|
+
`),children:n.children}):null]},`${n.label}-${n.value}`);var o,i}))})}),exports.Pagination=vn,exports.Panel=({header:e,content:r,footer:n,variant:i="fixed",width:l})=>{const[a,s]=o.useState(void 0),[c,d]=o.useState(void 0),p=o.useRef(null),u=o.useRef(null);o.useEffect((()=>{s(p?.current?.getBoundingClientRect()?.height),d(u?.current?.getBoundingClientRect()?.height)}),[e,n]);return t.jsxs("div",{css:[To(l),"fixed"===i?Eo:_o],children:[e?t.jsx("div",{css:zo,ref:p,children:e}):null,t.jsx("div",{css:Po(a,c),children:r}),n?t.jsx("div",{css:Bo,ref:u,children:n}):null]})},exports.Password=({label:e,caption:n,required:i,disabledRules:l,onChange:a,minLength:s=8,hideValidations:c})=>{const[d,u]=o.useState(!1),[x,h]=o.useState(""),[g,f]=o.useState({strength:"Very weak",length:!1,uppercase:!1,lowercase:!1,numbers:!1,specialCharacters:!1});return t.jsxs("div",{css:Bt,children:[t.jsxs("p",{css:Ht,"aria-label":e,children:[i?t.jsx("span",{children:"*"}):null,e]}),t.jsx("p",{css:Ot,"aria-label":n,children:n}),t.jsxs("div",{css:Nt,children:[t.jsx(pt,{type:d?"text":"password",value:x,"aria-describedby":"password-guidelines",onChange:e=>(e=>{const t={...g};let r=0,n=!1;t.length=e.length>=s,r+=e.length>=s?1:0,n=/[A-Z]/.test(e),r+=n?1:0,t.uppercase=n,n=/[a-z]/.test(e),r+=n?1:0,t.lowercase=n,n=/[0-9]/.test(e),r+=n?1:0,t.numbers=n,n=/[-'/`~!¡#*$@_%+=.,^&(){}[\]|;:“‘"<>?\\]/.test(e),r+=n?1:0,t.specialCharacters=n,t.strength="Very Weak",e.length>=4&&r>=2&&(t.strength="Weak"),e.length>=6&&r>=3&&(t.strength="Medium"),e.length>=s&&r>=4&&(t.strength="Strong"),e.length>=s+2&&r>=5&&(t.strength="Very Strong"),h(e),f(t),a&&a(t)})(e.target.value)}),t.jsx(b,{label:d?"Hide":"Show",variant:"secondary",leftIcon:d?t.jsx(L,{}):t.jsx(S,{}),"aria-label":d?"Hide password":"Show password","aria-pressed":d,onClick:()=>u(!d),type:"button"})]}),x&&!c?t.jsxs("div",{id:"password-guidelines",css:Ft,"aria-live":"polite",children:[t.jsxs("p",{css:(C=g.strength,r.css`
|
|
3171
3180
|
font-size: 16px;
|
|
3172
3181
|
line-height: 24px;
|
|
3173
3182
|
font-weight: 400;
|
|
@@ -3178,16 +3187,16 @@
|
|
|
3178
3187
|
font-weight: 700;
|
|
3179
3188
|
color: ${p("Medium"===C?"warning":"Strong"===C||"Very Strong"===C?"success":"error",900)};
|
|
3180
3189
|
}
|
|
3181
|
-
`),"aria-live":"polite",role:"status",children:["Password Strength: ",t.jsx("span",{children:g.strength})]}),t.jsx("div",{css:At(g.strength),children:t.jsx("div",{})}),t.jsxs("div",{css:Zt(g.length),"aria-label":`Use a minimum of ${s} characters. ${g.length?"Requirement met.":"Requirement not met."}`,children:[t.jsx("div",{children:g.length?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsxs("p",{children:["Use a minimum of ",s," characters"]})]}),l?.uppercase?null:t.jsxs("div",{css:Zt(g.uppercase),"aria-label":"Use an uppercase letter. "+(g.uppercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.uppercase?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use an uppercase letter"})]}),l?.lowercase?null:t.jsxs("div",{css:Zt(g.lowercase),"aria-label":"Use a lowercase letter. "+(g.lowercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.lowercase?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a lowercase letter"})]}),l?.numbers?null:t.jsxs("div",{css:Zt(g.numbers),"aria-label":"Use a number. "+(g.numbers?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.numbers?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a number"})]}),l?.specialCharacters?null:t.jsxs("div",{css:Zt(g.specialCharacters),"aria-label":"Use a special character. "+(g.specialCharacters?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.specialCharacters?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a special character"})]})]}):null]});var C},exports.ProgressBar=({progress:e})=>{let r=e;return r>100&&(r=100),r<0&&(r=0),t.jsx("div",{css:
|
|
3190
|
+
`),"aria-live":"polite",role:"status",children:["Password Strength: ",t.jsx("span",{children:g.strength})]}),t.jsx("div",{css:At(g.strength),children:t.jsx("div",{})}),t.jsxs("div",{css:Zt(g.length),"aria-label":`Use a minimum of ${s} characters. ${g.length?"Requirement met.":"Requirement not met."}`,children:[t.jsx("div",{children:g.length?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsxs("p",{children:["Use a minimum of ",s," characters"]})]}),l?.uppercase?null:t.jsxs("div",{css:Zt(g.uppercase),"aria-label":"Use an uppercase letter. "+(g.uppercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.uppercase?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use an uppercase letter"})]}),l?.lowercase?null:t.jsxs("div",{css:Zt(g.lowercase),"aria-label":"Use a lowercase letter. "+(g.lowercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.lowercase?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a lowercase letter"})]}),l?.numbers?null:t.jsxs("div",{css:Zt(g.numbers),"aria-label":"Use a number. "+(g.numbers?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.numbers?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a number"})]}),l?.specialCharacters?null:t.jsxs("div",{css:Zt(g.specialCharacters),"aria-label":"Use a special character. "+(g.specialCharacters?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.specialCharacters?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a special character"})]})]}):null]});var C},exports.ProgressBar=({progress:e})=>{let r=e;return r>100&&(r=100),r<0&&(r=0),t.jsx("div",{css:Gi,role:"progressbar","aria-label":`Progress: ${r}%`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":r,children:t.jsx("div",{css:Xi(r)})})},exports.QualitativeAttribute=({type:e,label:r,caption:n,color:i,onActionClick:l,showActionButton:a,pointIcon:s})=>{const[c,d]=o.useState(!0),p="raster"===e,u="line"===e,x="point"===e;return t.jsxs("div",{css:Yr,children:[t.jsxs("div",{css:qr,children:[t.jsxs("div",{children:[p&&t.jsx("div",{css:Ar(i)}),u&&t.jsx("div",{css:Zr(i)}),x&&t.jsx("div",{css:Wr(i),children:s})]}),t.jsxs("div",{children:[t.jsx("p",{css:Ur,"aria-label":r,children:r}),n?t.jsx("p",{css:Gr,"aria-label":n,children:n}):null]})]}),l&&a?t.jsx("div",{css:Xr,children:t.jsx(b,{variant:"borderless",label:c?"Hide":"Show",rightIcon:c?t.jsx(L,{}):t.jsx(S,{}),"aria-label":"Show or Hide action",onClick:()=>{d(!c),l&&l()}})}):null]})},exports.Radio=Ee,exports.RadioGroup=_e,exports.RadioList=({label:e,caption:n,name:o,radios:i,defaultValue:l,onCheckedChange:a,errorMessage:s,horizontal:c,variant:d="default",required:p})=>{return t.jsxs("div",{css:Wt,"aria-roledescription":"group","aria-labelledby":e,children:[s?t.jsx("div",{css:Gt}):null,t.jsxs("div",{css:(u=!!s,r.css`
|
|
3182
3191
|
margin-left: ${u?"19px":"0px"};
|
|
3183
|
-
`),children:[t.jsxs("p",{css:Yt,"aria-label":e,children:[p&&t.jsx("span",{"aria-label":"required",children:"*"}),e]}),t.jsx("p",{css:qt,"aria-label":n,children:n}),s?t.jsx("p",{css:Xt,"aria-label":s,children:s}):null,t.jsx("div",{css:Ut,children:t.jsx(_e,{name:o,defaultValue:l,onChange:a,horizontal:c&&"card"!==d,children:i.map((e=>t.jsx(Ee,{css:"card"===d?Kt:{},...e},e.value)))})})]})]});var u},exports.SSOButtons=G,exports.ScaleBar=({colors:e,values:n,subLabels:o,isGradient:i})=>{return t.jsxs("div",{css:
|
|
3192
|
+
`),children:[t.jsxs("p",{css:Yt,"aria-label":e,children:[p&&t.jsx("span",{"aria-label":"required",children:"*"}),e]}),t.jsx("p",{css:qt,"aria-label":n,children:n}),s?t.jsx("p",{css:Xt,"aria-label":s,children:s}):null,t.jsx("div",{css:Ut,children:t.jsx(_e,{name:o,defaultValue:l,onChange:a,horizontal:c&&"card"!==d,children:i.map((e=>t.jsx(Ee,{css:"card"===d?Kt:{},...e},e.value)))})})]})]});var u},exports.SSOButtons=G,exports.ScaleBar=({colors:e,values:n,subLabels:o,isGradient:i})=>{return t.jsxs("div",{css:Kr,children:[i?t.jsx("div",{css:(l=rn(e),r.css`
|
|
3184
3193
|
height: 20px;
|
|
3185
3194
|
width: 100%;
|
|
3186
3195
|
margin-bottom: 8px;
|
|
3187
3196
|
border: 1px solid ${p("neutral",300)};
|
|
3188
3197
|
border-radius: 4px;
|
|
3189
3198
|
${l?`background: ${l};`:""}
|
|
3190
|
-
`)}):t.jsx("div",{css:
|
|
3199
|
+
`)}):t.jsx("div",{css:Jr,children:e?.map(((e,r)=>t.jsx("div",{"data-test":`${e}-${n?.[r]}`,style:{backgroundColor:e,width:"100%",height:"100%"}},`${e}-${n?.[r]}`)))}),t.jsx("div",{css:Qr,children:n?.map((e=>t.jsx("div",{style:{width:i?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:en,children:e})},e)))}),o&&o.length?t.jsx("div",{css:Qr,children:o.map((e=>t.jsx("div",{style:{width:i?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:tn,style:{width:"100%"},children:e})},e)))}):null]});var l},exports.Select=Pt,exports.Sheet=({header:e,content:r,footer:n,open:i=!1,onClose:l,minimizedHeight:a=50,midHeight:s=200,maxFullHeight:c=1e3,defaultSnap:d="minimized"})=>{const[p,u]=o.useState(void 0),[x,h]=o.useState(void 0),g=o.useRef(null),f=o.useRef(null);o.useEffect((()=>{u(g?.current?.getBoundingClientRect()?.height),h(f?.current?.getBoundingClientRect()?.height)}),[e,n]);const b=o.useMemo((()=>{if("undefined"==typeof window)return 0;const e=document.createElement("div");e.style.cssText="position:fixed;bottom:0;height:env(safe-area-inset-bottom);",document.body.appendChild(e);const t=e.getBoundingClientRect().height||0;return document.body.removeChild(e),t}),[]),C=o.useMemo((()=>{const e=(()=>{if("undefined"!=typeof window){const e=.9*(window?.screen?.height||0);return e>c?c:e}return 0})(),t=Math.max(0,e-b);return c?Math.min(t,c):t}),[b,c]),m=o.useMemo((()=>({closed:18,minimized:Math.min(a,C),mid:Math.min(Math.max(a,s),C),fullHeight:C,full:C})),[a,s,C]),[v,w]=o.useState(d),[j,y]=o.useState(0);o.useEffect((()=>{if(i){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[i]),o.useEffect((()=>{i?y(m[v]):(y(0),w(d))}),[v,m,i]);const $=o.useRef(null),k=o.useRef(null),S=o.useRef(0),L=o.useRef(0),M=o.useRef(0),R=o.useRef(0),I=o.useRef(0),V=o.useRef(!1);return o.useEffect((()=>{const e=$.current;if(!e)return;const t=t=>{i&&(V.current=!0,e.setPointerCapture(t.pointerId),S.current=t.clientY,L.current=j,M.current=t.clientY,R.current=performance.now(),I.current=0,k.current&&(k.current.style.transition="none"))},r=e=>{if(!V.current)return;const t=e.clientY-S.current,r=Math.max(0,Math.min(C,L.current-t));y(r);const n=performance.now(),o=Math.max(1,n-R.current),i=(e.clientY-M.current)/(o/1e3);I.current=i,M.current=e.clientY,R.current=n},n=()=>{if(!V.current)return;V.current=!1,k.current&&(k.current.style.transition="height 300ms ease, transform 300ms ease");const e=I.current,t=j,{closed:r,minimized:n,mid:o,full:i}=m;if(e>900&&t<=o||t<=.6*n)return y(0),void window.setTimeout((()=>l&&l()),260);const a=[{k:"closed",v:r},{k:"minimized",v:n},{k:"mid",v:o},{k:"full",v:i}];let s=v;Math.abs(e)>900?s=e<0?t<(o+i)/2?"mid":"full":t>(n+o)/2?"mid":"minimized":(a.sort(((e,r)=>Math.abs(t-e.v)-Math.abs(t-r.v))),s=a[0].k),w(s);y("full"===s?i:"mid"===s?o:n)};return e.addEventListener("pointerdown",t),window.addEventListener("pointermove",r),window.addEventListener("pointerup",n),window.addEventListener("pointercancel",n),()=>{e.removeEventListener("pointerdown",t),window.removeEventListener("pointermove",r),window.removeEventListener("pointerup",n),window.removeEventListener("pointercancel",n)}}),[i,j,C,m,v]),o.useEffect((()=>{if(i){y(0);const e=window.setTimeout((()=>y(m[v])),10);return()=>window.clearTimeout(e)}y(0)}),[i,v,m]),t.jsx("div",{css:Ho,"aria-hidden":!i,children:t.jsxs("div",{ref:k,role:"dialog","aria-modal":"true",css:Oo,style:{height:`${j}px`,transform:i?"translateY(0)":"translateY(100%)"},children:[t.jsx("div",{ref:$,css:No,role:"button","aria-label":"Drag to expand or collapse",tabIndex:0,children:t.jsx("span",{css:Fo})}),e?t.jsx("div",{css:Ao,ref:g,children:e}):null,t.jsx("div",{css:Zo(p,x),children:r}),n&&"full"===v?t.jsx("div",{css:Wo,ref:f,children:n}):null]})})},exports.Slider=Ze,exports.SliderInput=({label:e,caption:r,size:n="default",sliderItem:i,required:l,onChange:a})=>{const[s,c]=o.useState(i.value||[]),d=(e,t)=>{const r=e.target.value,n=[...s];let o=r?parseInt(r,10):r;const l=i.min||0,a=i.max||100;o=Number.isNaN(o)?l:o,o=o<l?l:o,o=o>a?a:o,n[t]=o,c(n)},p=(e,t)=>{const r=e.target.value||"0",n=[...s];let o=parseInt(r,10);const l=i.min||0,d=i.max||100;if(o=Number.isNaN(o)?l:o,o=o<l?l:o,o=o>d?d:o,2===s?.length){o=Number.isNaN(o)?l:o;const e=s[0],r=s[1];0===t?(o=o<l?l:o,o=o>r?r:o):1===t&&(o=o<e?e:o,o=o>d?d:o)}n[t]=o,c(n),a&&a(n)};return t.jsxs("div",{children:[t.jsxs("p",{css:Jt(n),"aria-label":e,children:[l?t.jsx("span",{children:"*"}):null,e]}),r?t.jsx("p",{css:Qt(n),"aria-label":r,children:r}):null,t.jsxs("div",{css:er,children:[i.step&&i.marks?t.jsx(Pt,{items:i.marks.map((e=>({label:`${e.label}`,value:`${e.value}`}))),placeholder:"",style:{width:"90px"},value:[`${s?.[0]}`],onChange:e=>{const t=e.map((e=>parseInt(e,10)));c(t),a&&a(t)}}):t.jsx(pt,{"aria-label":e,min:i.min,max:i.max,value:s?.[0],type:"number",onChange:e=>d(e,0),onBlur:e=>p(e,0),className:"opacity-control-text-input",onClick:e=>e.target.select()}),t.jsx(Ze,{css:{},...i,value:s,onValueChangeEnd:e=>{c(e.value),a&&a(e.value)}}),2===s?.length?t.jsx(pt,{"aria-label":e,min:i.min,max:i.max,value:s?.[1],type:"number",onChange:e=>d(e,1),onBlur:e=>p(e,1),className:"opacity-control-text-input",onClick:e=>e.target.select()}):null]})]})},exports.StepProgressIndicator=({steps:e,currentStep:n})=>t.jsxs("div",{css:Ki,children:[e.map(((e,o)=>{return t.jsxs("div",{css:Ji,children:[t.jsx("button",{css:(i=n>=o+1,l=n<o+1,r.css`
|
|
3191
3200
|
height: 32px;
|
|
3192
3201
|
width: 32px;
|
|
3193
3202
|
display: flex;
|
|
@@ -3223,4 +3232,4 @@
|
|
|
3223
3232
|
}
|
|
3224
3233
|
|
|
3225
3234
|
${l?`\n background-color: ${p("neutral",300)};\n \n &:hover {\n background-color: ${p("neutral",300)};\n box-shadow: none;\n }\n `:""}
|
|
3226
|
-
`),type:"button",onClick:e.onClick,"aria-current":n===o+1,"aria-disabled":n<o+1,disabled:n<o+1,"aria-label":`Current Step ${o}${e.label?` ${e.label}`:""}`,"data-active":n>=o+1,children:n>o+1?t.jsx(v,{height:"16px",width:"16px"}):o+1}),e.label?t.jsx("p",{css:
|
|
3235
|
+
`),type:"button",onClick:e.onClick,"aria-current":n===o+1,"aria-disabled":n<o+1,disabled:n<o+1,"aria-label":`Current Step ${o}${e.label?` ${e.label}`:""}`,"data-active":n>=o+1,children:n>o+1?t.jsx(v,{height:"16px",width:"16px"}):o+1}),e.label?t.jsx("p",{css:Qi(n===o+1),children:e.label}):null]},`${e.label}-${o}`);var i,l})),t.jsx("div",{css:el,children:t.jsx("div",{css:tl})})]}),exports.Switch=Ye,exports.TabBar=({variant:r="panel",defaultValue:n,tabs:i,onTabClick:l})=>{const[a,s]=o.useState(Vi(i,n)||0),c="view"===r;return t.jsx("div",{css:Si(r),children:t.jsx(e.Tabs.Root,{width:"full",defaultValue:n||i?.[0]?.value,onValueChange:({value:e})=>{return s(Vi(i,t=e)),void(l&&l(t));var t},children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",children:i.map(((r,n)=>t.jsxs(o.Fragment,{children:[c&&1===n&&"left"===Di(a)?t.jsx("div",{css:Ri}):null,t.jsx(e.Tabs.Trigger,{css:[Li,c?Ii:Mi],"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",gap:"5px",children:[r.icon,r.label]})},r.label),c&&1===n&&"right"===Di(a)?t.jsx("div",{css:Ri}):null]},r.label)))})})})},exports.Table=({columns:r,data:n,renderRow:i,striped:l,stickyHeader:a,pagination:s,selectable:c,selectedRows:d,onSortColumn:p,onPageSizeChange:u,onPageChange:x,onAllItemsSelected:h})=>{const[g,f]=o.useState({key:"",order:""}),{totalItems:b=n.length,currentPage:C=1,pageSize:m=10,showItemCount:v,showItemCountText:w}=s||{},j=(e,t)=>{f({key:e,order:t}),p&&p({key:e,order:t})},$=d?.length===n?.length,k=d&&d.length>0&&!$;return t.jsxs("div",{children:[t.jsxs(e.Table.Root,{css:wn,striped:l,stickyHeader:a,interactive:!0,children:[t.jsx(e.Table.Header,{css:jn,children:t.jsxs(e.Table.Row,{children:[c?t.jsx(e.Table.ColumnHeader,{children:t.jsx(me,{name:"header-checkbox",checked:$,indeterminate:k,onCheckedChange:({checked:e})=>{h&&h(e)}})}):null,r.map((r=>t.jsx(e.Table.ColumnHeader,{role:r.sortable?"columnheader":void 0,"aria-sort":r.sortable&&"asc"===g.order?"ascending":r.sortable&&"desc"===g.order?"descending":void 0,children:t.jsxs("div",{css:yn,children:[r.label,r.sortable?t.jsxs("div",{css:$n,children:[t.jsx(J,{css:kn(g.key===r.key&&"asc"===g.order),icon:t.jsx(y,{style:{transform:"rotate(180deg)"}}),onClick:()=>j(r.key,"asc"),"aria-label":"Ascending"}),t.jsx(J,{css:kn(g.key===r.key&&"desc"===g.order),icon:t.jsx(y,{}),onClick:()=>j(r.key,"desc"),"aria-label":"Descending"})]}):null]})},r.key)))]})}),t.jsx(e.Table.Body,{children:n.map((e=>t.jsx(o.Fragment,{children:i(e)},e.id)))})]}),t.jsxs("div",{css:Sn,children:[t.jsx("div",{children:v?t.jsx(an,{pageSize:m,currentPage:C,totalItems:b,onPageSizeChange:u,showItemCountText:w}):null}),s?t.jsx("div",{css:Ln,children:t.jsx(vn,{totalItems:b,pageSize:m,currentPage:C,onPageChange:x})}):null]})]})},exports.TableCell=Rn,exports.TableRow=Mn,exports.Tag=Et,exports.TextInput=pt,exports.Textarea=({label:r,caption:n,placeholder:i,errorMessage:l,required:a,disabled:s,size:c="default",defaultValue:d="",onChange:p,minLength:u,maxLength:x,...h})=>{const[g,f]=o.useState(d),[b,C]=o.useState(!1),[m,v]=o.useState(!1),[w,j]=o.useState("");o.useEffect((()=>{const{length:e}=d;u&&e<u&&e>0?(C(e<u),v(!1),j(`Enter at least ${u-e} characters`)):u&&0===e&&j(`Min ${u} characters`),x&&e>0?(C(!1),v(e>x),j(`You have ${x-e} characters remaining`)):x&&0===e&&j(`Max ${x} characters`)}),[]);const y=!!l||b||m;return t.jsxs("div",{css:tr(c),children:[y?t.jsx("div",{css:rr}):null,t.jsxs(e.Field.Root,{required:a,invalid:y,gap:"0",style:{marginLeft:y?"19px":"0px"},children:[r?t.jsxs(e.Field.Label,{css:nr(c,s),"aria-label":r,children:[t.jsx(e.Field.RequiredIndicator,{"aria-label":"required"}),r,a?"":t.jsx("span",{children:" (Optional)"})]}):null,n?t.jsx(e.Field.HelperText,{css:or(c,s),"aria-label":n,children:n}):null,l?t.jsx(e.Field.ErrorText,{css:lr,"aria-label":l,children:l}):null,t.jsx(e.Textarea,{placeholder:i,disabled:s,css:ar(c,g,d),onChange:e=>{f(e.target.value);const{length:t}=e.target.value;u&&x?(C(t<u),v(t>x),j(`You have ${x-t} characters remaining`)):u?(C(t<u),v(!1),j(t<u?`Enter at least ${u-t} characters`:"")):x&&(v(t>x),C(!1),j(`You have ${x-t} characters remaining`)),p&&p(e)},value:g,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...h}),b&&u?t.jsxs(e.Field.ErrorText,{css:lr,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You need ",u-g.length," more characters"]}):null,m&&x?t.jsxs(e.Field.ErrorText,{css:lr,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You have ",g.length-x," characters too many"]}):null,!w||m||b?null:t.jsx(e.Field.HelperText,{css:ir,"aria-label":w,children:w})]})]})},exports.Toast=()=>Object.keys(sl).map((r=>t.jsx(e.Portal,{children:t.jsx(e.Toaster,{toaster:sl[r],insetInline:{mdDown:"4"},children:n=>t.jsxs(e.Toast.Root,{css:rl,width:{md:"sm"},children:[t.jsxs(e.Stack,{flexDirection:"row",className:"icon-container",children:["info"===n.type?n.meta?.icon?n.meta.icon:t.jsx(j,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===n.type?t.jsx(e.Spinner,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===n.type?n.meta?.icon?n.meta.icon:t.jsx(R,{color:"var(--chakra-colors-success-500)"}):null,"warning"===n.type?n.meta?.icon?n.meta.icon:t.jsx(I,{color:"var(--chakra-colors-warning-500)"}):null,"error"===n.type?n.meta?.icon?n.meta.icon:t.jsx(V,{color:"var(--chakra-colors-error-500)"}):null,t.jsxs(e.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[t.jsx(e.Toast.Title,{css:nl,"aria-label":`${n.title}`,children:n.title}),n.description?t.jsx(e.Toast.Title,{css:ol,"aria-label":`${n.description}`,children:n.description}):null]})]}),n.action||n.meta?.closable?t.jsxs(e.Stack,{flexDirection:"row",children:[n.action?t.jsx(b,{css:il,label:n.action.label,size:"small",variant:"info"===n.type?"primary":"secondary",onClick:()=>{n?.action?.onClick&&n.action.onClick(),sl[r].dismiss()}}):null,n.meta?.closable?t.jsx(b,{css:ll,label:n.meta.closableLabel,"aria-label":n.meta?.closableLabel||"Dismiss",leftIcon:t.jsx(k,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>sl[r].dismiss()}):null]}):null]})})},r))),exports.designSystemStyles=d,exports.getThemedColor=p,exports.showToast=e=>{sl[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})};
|