plataforma-fundacao-componentes 2.25.10 → 2.25.11
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/assets/icons/AlertIcon.d.ts +3 -0
- package/dist/components/dropdownMenu/DropdownMenu.stories.d.ts +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +606 -592
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +606 -593
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -1838,6 +1838,20 @@ var AgencyIcon = function AgencyIcon() {
|
|
|
1838
1838
|
}));
|
|
1839
1839
|
};
|
|
1840
1840
|
|
|
1841
|
+
var rootClassName$1o = 'icon-component';
|
|
1842
|
+
var AlertIcon = function AlertIcon() {
|
|
1843
|
+
return React$1.createElement("svg", {
|
|
1844
|
+
className: rootClassName$1o,
|
|
1845
|
+
viewBox: '0 0 20 20',
|
|
1846
|
+
fill: 'currentColor',
|
|
1847
|
+
xmlns: 'http://www.w3.org/2000/svg'
|
|
1848
|
+
}, React$1.createElement("path", {
|
|
1849
|
+
fillRule: 'evenodd',
|
|
1850
|
+
clipRule: 'evenodd',
|
|
1851
|
+
d: 'M3.01513 15.9998C0.775704 15.9998 -0.680433 13.642 0.320912 11.6386L5.30596 1.66489C6.41626 -0.555305 9.58299 -0.555305 10.6933 1.66499L15.6783 11.6386C16.6796 13.6417 15.2228 15.9998 12.9841 15.9998H3.01513ZM6.20034 2.11236L1.21534 12.086C0.546406 13.4243 1.51917 14.9994 3.01513 14.9994H12.9841C14.4794 14.9994 15.4527 13.424 14.7839 12.086L9.79896 2.11246C9.05726 0.629319 6.94199 0.629319 6.20034 2.11236ZM8.49953 10.52V5.47917C8.49953 5.20293 8.27567 4.97899 7.99953 4.97899C7.72338 4.97899 7.49953 5.20293 7.49953 5.47917V10.52C7.49953 10.7962 7.72338 11.0202 7.99953 11.0202C8.27567 11.0202 8.49953 10.7962 8.49953 10.52ZM7.99953 13.229C7.65453 13.229 7.37453 12.9489 7.37453 12.6037C7.37453 12.2586 7.65453 11.9785 7.99953 11.9785C8.34453 11.9785 8.62453 12.2586 8.62453 12.6037C8.62453 12.9489 8.34453 13.229 7.99953 13.229Z'
|
|
1852
|
+
}));
|
|
1853
|
+
};
|
|
1854
|
+
|
|
1841
1855
|
var BigPlayIcon = function BigPlayIcon(props) {
|
|
1842
1856
|
return React$1.createElement("svg", {
|
|
1843
1857
|
viewBox: '0 0 64 64',
|
|
@@ -1867,10 +1881,10 @@ var BigPlayIcon = function BigPlayIcon(props) {
|
|
|
1867
1881
|
}));
|
|
1868
1882
|
};
|
|
1869
1883
|
|
|
1870
|
-
var rootClassName$
|
|
1884
|
+
var rootClassName$1p = 'icon-component';
|
|
1871
1885
|
var CalendarCheckIcon = function CalendarCheckIcon() {
|
|
1872
1886
|
return React$1.createElement("svg", {
|
|
1873
|
-
className: rootClassName$
|
|
1887
|
+
className: rootClassName$1p,
|
|
1874
1888
|
viewBox: '0 0 24 24',
|
|
1875
1889
|
fill: 'currentColor',
|
|
1876
1890
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1881,10 +1895,10 @@ var CalendarCheckIcon = function CalendarCheckIcon() {
|
|
|
1881
1895
|
}));
|
|
1882
1896
|
};
|
|
1883
1897
|
|
|
1884
|
-
var rootClassName$
|
|
1898
|
+
var rootClassName$1q = 'catavento-verde-icon-ui-component';
|
|
1885
1899
|
var CataventoVerde = function CataventoVerde() {
|
|
1886
1900
|
return React$1.createElement("svg", {
|
|
1887
|
-
className: rootClassName$
|
|
1901
|
+
className: rootClassName$1q,
|
|
1888
1902
|
viewBox: '0 0 156.153 155.445',
|
|
1889
1903
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
1890
1904
|
}, React$1.createElement("g", {
|
|
@@ -1998,10 +2012,10 @@ var CataventoVerde = function CataventoVerde() {
|
|
|
1998
2012
|
}))));
|
|
1999
2013
|
};
|
|
2000
2014
|
|
|
2001
|
-
var rootClassName$
|
|
2015
|
+
var rootClassName$1r = 'icon-component';
|
|
2002
2016
|
var CopyIcon = function CopyIcon() {
|
|
2003
2017
|
return React$1.createElement("svg", {
|
|
2004
|
-
className: rootClassName$
|
|
2018
|
+
className: rootClassName$1r,
|
|
2005
2019
|
viewBox: '0 0 24 24',
|
|
2006
2020
|
fill: 'currentColor',
|
|
2007
2021
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -2012,10 +2026,10 @@ var CopyIcon = function CopyIcon() {
|
|
|
2012
2026
|
}));
|
|
2013
2027
|
};
|
|
2014
2028
|
|
|
2015
|
-
var rootClassName$
|
|
2029
|
+
var rootClassName$1s = 'icon-component';
|
|
2016
2030
|
var CrescerIcon = function CrescerIcon() {
|
|
2017
2031
|
return React$1.createElement("svg", {
|
|
2018
|
-
className: rootClassName$
|
|
2032
|
+
className: rootClassName$1s,
|
|
2019
2033
|
viewBox: '0 0 21 13',
|
|
2020
2034
|
fill: 'currentColor',
|
|
2021
2035
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -2028,10 +2042,10 @@ var CrescerIcon = function CrescerIcon() {
|
|
|
2028
2042
|
}));
|
|
2029
2043
|
};
|
|
2030
2044
|
|
|
2031
|
-
var rootClassName$
|
|
2045
|
+
var rootClassName$1t = 'icon-component';
|
|
2032
2046
|
var DevicePlusIcon = function DevicePlusIcon() {
|
|
2033
2047
|
return React$1.createElement("svg", {
|
|
2034
|
-
className: rootClassName$
|
|
2048
|
+
className: rootClassName$1t,
|
|
2035
2049
|
viewBox: '0 0 24 24',
|
|
2036
2050
|
fill: 'currentColor',
|
|
2037
2051
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -2042,10 +2056,10 @@ var DevicePlusIcon = function DevicePlusIcon() {
|
|
|
2042
2056
|
}));
|
|
2043
2057
|
};
|
|
2044
2058
|
|
|
2045
|
-
var rootClassName$
|
|
2059
|
+
var rootClassName$1u = 'loader-icon';
|
|
2046
2060
|
var LoaderIcon = function LoaderIcon(props) {
|
|
2047
2061
|
return React$1.createElement("svg", {
|
|
2048
|
-
className: rootClassName$
|
|
2062
|
+
className: rootClassName$1u,
|
|
2049
2063
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
2050
2064
|
height: props.height,
|
|
2051
2065
|
viewBox: '0 0 135.764 135.764'
|
|
@@ -2114,10 +2128,10 @@ LoaderIcon.defaultProps = {
|
|
|
2114
2128
|
height: 135.764
|
|
2115
2129
|
};
|
|
2116
2130
|
|
|
2117
|
-
var rootClassName$
|
|
2131
|
+
var rootClassName$1v = 'icon-component';
|
|
2118
2132
|
var NotebookIcon = function NotebookIcon() {
|
|
2119
2133
|
return React$1.createElement("svg", {
|
|
2120
|
-
className: rootClassName$
|
|
2134
|
+
className: rootClassName$1v,
|
|
2121
2135
|
viewBox: '0 -1 24 24',
|
|
2122
2136
|
fill: 'currentColor',
|
|
2123
2137
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -2128,10 +2142,10 @@ var NotebookIcon = function NotebookIcon() {
|
|
|
2128
2142
|
}));
|
|
2129
2143
|
};
|
|
2130
2144
|
|
|
2131
|
-
var rootClassName$
|
|
2145
|
+
var rootClassName$1w = 'icon-component';
|
|
2132
2146
|
var PrintIcon = function PrintIcon() {
|
|
2133
2147
|
return React$1.createElement("svg", {
|
|
2134
|
-
className: rootClassName$
|
|
2148
|
+
className: rootClassName$1w,
|
|
2135
2149
|
viewBox: '0 0 24 24',
|
|
2136
2150
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
2137
2151
|
}, React$1.createElement("g", {
|
|
@@ -2167,10 +2181,10 @@ var PrintIcon = function PrintIcon() {
|
|
|
2167
2181
|
}))));
|
|
2168
2182
|
};
|
|
2169
2183
|
|
|
2170
|
-
var rootClassName$
|
|
2184
|
+
var rootClassName$1x = 'icon-component';
|
|
2171
2185
|
var QRCodeIcon = function QRCodeIcon() {
|
|
2172
2186
|
return React$1.createElement("svg", {
|
|
2173
|
-
className: rootClassName$
|
|
2187
|
+
className: rootClassName$1x,
|
|
2174
2188
|
viewBox: '0 0 24 24',
|
|
2175
2189
|
fill: 'currentColor',
|
|
2176
2190
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -4431,7 +4445,7 @@ var QRCodeWhatsapp = function QRCodeWhatsapp(props) {
|
|
|
4431
4445
|
}))));
|
|
4432
4446
|
};
|
|
4433
4447
|
|
|
4434
|
-
var rootClassName$
|
|
4448
|
+
var rootClassName$1y = 'component-collapse';
|
|
4435
4449
|
function Collapse(props) {
|
|
4436
4450
|
var _useState = useState("collapse" + getUniqueKey()),
|
|
4437
4451
|
id = _useState[0];
|
|
@@ -4486,10 +4500,10 @@ function Collapse(props) {
|
|
|
4486
4500
|
}
|
|
4487
4501
|
}
|
|
4488
4502
|
}, React$1.createElement("div", {
|
|
4489
|
-
className: getMergedClassNames([rootClassName$
|
|
4503
|
+
className: getMergedClassNames([rootClassName$1y, props.animateOpacity ? 'animate-opacity' : '']),
|
|
4490
4504
|
id: id
|
|
4491
4505
|
}, React$1.createElement("div", {
|
|
4492
|
-
className: rootClassName$
|
|
4506
|
+
className: rootClassName$1y + "-content"
|
|
4493
4507
|
}, props.children)));
|
|
4494
4508
|
}
|
|
4495
4509
|
Collapse.defaultProps = {
|
|
@@ -4498,11 +4512,11 @@ Collapse.defaultProps = {
|
|
|
4498
4512
|
};
|
|
4499
4513
|
var Collapse$1 = memo(Collapse);
|
|
4500
4514
|
|
|
4501
|
-
var rootClassName$
|
|
4515
|
+
var rootClassName$1z = 'component-accordion';
|
|
4502
4516
|
function Accordion(props) {
|
|
4503
4517
|
var getProps = function getProps() {
|
|
4504
4518
|
var p = _extends({}, props, {
|
|
4505
|
-
className: getMergedClassNames([rootClassName$
|
|
4519
|
+
className: getMergedClassNames([rootClassName$1z, props.className, props.opened ? rootClassName$1z + "-opened" : '', props.shadow ? rootClassName$1z + "-shadow" : ''])
|
|
4506
4520
|
});
|
|
4507
4521
|
delete p.animateOpacity;
|
|
4508
4522
|
delete p.shadow;
|
|
@@ -4514,20 +4528,20 @@ function Accordion(props) {
|
|
|
4514
4528
|
return p;
|
|
4515
4529
|
};
|
|
4516
4530
|
return React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
|
|
4517
|
-
className: rootClassName$
|
|
4531
|
+
className: rootClassName$1z + "-first-content",
|
|
4518
4532
|
onClick: function onClick() {
|
|
4519
4533
|
return props.onChange(!props.opened);
|
|
4520
4534
|
}
|
|
4521
4535
|
}, React$1.createElement("div", {
|
|
4522
|
-
className: rootClassName$
|
|
4536
|
+
className: rootClassName$1z + "-label-icon"
|
|
4523
4537
|
}, props.icon && React$1.createElement("div", {
|
|
4524
|
-
className: rootClassName$
|
|
4538
|
+
className: rootClassName$1z + "-icon"
|
|
4525
4539
|
}, props.icon), React$1.createElement("div", {
|
|
4526
|
-
className: rootClassName$
|
|
4540
|
+
className: rootClassName$1z + "-label"
|
|
4527
4541
|
}, props.label)), React$1.createElement("div", {
|
|
4528
|
-
className: rootClassName$
|
|
4542
|
+
className: rootClassName$1z + "-arrow"
|
|
4529
4543
|
}, React$1.createElement(ChevronArrowDownIcon, null))), React$1.createElement("div", {
|
|
4530
|
-
className: rootClassName$
|
|
4544
|
+
className: rootClassName$1z + "-content"
|
|
4531
4545
|
}, React$1.createElement(Collapse$1, {
|
|
4532
4546
|
opened: props.opened,
|
|
4533
4547
|
animateOpacity: props.animateOpacity
|
|
@@ -4542,10 +4556,10 @@ var ActionCardThemes;
|
|
|
4542
4556
|
ActionCardThemes["Darker"] = "darker";
|
|
4543
4557
|
})(ActionCardThemes || (ActionCardThemes = {}));
|
|
4544
4558
|
|
|
4545
|
-
var rootClassName$
|
|
4559
|
+
var rootClassName$1A = 'action-card';
|
|
4546
4560
|
function ActionCard(props) {
|
|
4547
4561
|
return React$1.createElement("div", {
|
|
4548
|
-
className: getMergedClassNames([rootClassName$
|
|
4562
|
+
className: getMergedClassNames([rootClassName$1A, props.theme])
|
|
4549
4563
|
}, React$1.createElement("div", {
|
|
4550
4564
|
className: 'bar'
|
|
4551
4565
|
}), React$1.createElement("div", {
|
|
@@ -4560,13 +4574,13 @@ ActionCard.defaultProps = {
|
|
|
4560
4574
|
};
|
|
4561
4575
|
var ActionCard$1 = memo(ActionCard);
|
|
4562
4576
|
|
|
4563
|
-
var rootClassName$
|
|
4577
|
+
var rootClassName$1B = 'component-animated-link';
|
|
4564
4578
|
function AnimatedLink(props) {
|
|
4565
4579
|
var _useState = useState(props.id ? props.id : getUniqueKey()),
|
|
4566
4580
|
id = _useState[0];
|
|
4567
4581
|
var getProps = function getProps() {
|
|
4568
4582
|
var p = _extends({}, props, {
|
|
4569
|
-
className: getMergedClassNames([rootClassName$
|
|
4583
|
+
className: getMergedClassNames([rootClassName$1B, props.className || '', props.animated ? 'animated' : ''])
|
|
4570
4584
|
});
|
|
4571
4585
|
delete p.animated;
|
|
4572
4586
|
return p;
|
|
@@ -4580,42 +4594,42 @@ AnimatedLink.defaultProps = {
|
|
|
4580
4594
|
};
|
|
4581
4595
|
var AnimatedLink$1 = memo(AnimatedLink);
|
|
4582
4596
|
|
|
4583
|
-
var rootClassName$
|
|
4597
|
+
var rootClassName$1C = 'component-banner';
|
|
4584
4598
|
function Banner(props) {
|
|
4585
4599
|
var _useState = useState("text" + getUniqueKey()),
|
|
4586
4600
|
id = _useState[0];
|
|
4587
4601
|
useEffect(function () {
|
|
4588
|
-
var text = document.querySelector("#" + id + " .text ." + rootClassName$
|
|
4602
|
+
var text = document.querySelector("#" + id + " .text ." + rootClassName$1C + "-text");
|
|
4589
4603
|
if (text && props.text && !String(props.text).match(/(<script>|<\/script>)/g)) {
|
|
4590
4604
|
text.innerHTML = props.text;
|
|
4591
4605
|
}
|
|
4592
4606
|
}, [id, props.text]);
|
|
4593
4607
|
return React$1.createElement("div", {
|
|
4594
4608
|
id: id,
|
|
4595
|
-
className: getMergedClassNames([rootClassName$
|
|
4609
|
+
className: getMergedClassNames([rootClassName$1C, typeof props.onClick === 'function' ? 'clickable' : '']),
|
|
4596
4610
|
onClick: function onClick() {
|
|
4597
4611
|
if (typeof props.onClick === 'function') {
|
|
4598
4612
|
props.onClick();
|
|
4599
4613
|
}
|
|
4600
4614
|
}
|
|
4601
4615
|
}, React$1.createElement("div", {
|
|
4602
|
-
className: rootClassName$
|
|
4616
|
+
className: rootClassName$1C + "-side img"
|
|
4603
4617
|
}, React$1.createElement("img", {
|
|
4604
4618
|
src: props.imgUrl,
|
|
4605
4619
|
alt: 'img-banner',
|
|
4606
4620
|
draggable: false
|
|
4607
4621
|
})), React$1.createElement("div", {
|
|
4608
|
-
className: rootClassName$
|
|
4622
|
+
className: rootClassName$1C + "-side text"
|
|
4609
4623
|
}, React$1.createElement("div", {
|
|
4610
|
-
className: rootClassName$
|
|
4624
|
+
className: rootClassName$1C + "-text"
|
|
4611
4625
|
})));
|
|
4612
4626
|
}
|
|
4613
4627
|
|
|
4614
|
-
var rootClassName$
|
|
4628
|
+
var rootClassName$1D = 'component-big-block-button';
|
|
4615
4629
|
function BigBlockButton(props) {
|
|
4616
4630
|
return React$1.createElement("button", {
|
|
4617
4631
|
id: props.id ? props.id : getUniqueKey(),
|
|
4618
|
-
className: rootClassName$
|
|
4632
|
+
className: rootClassName$1D,
|
|
4619
4633
|
onClick: function onClick(evt) {
|
|
4620
4634
|
if (typeof props.onClick === 'function') {
|
|
4621
4635
|
props.onClick(evt);
|
|
@@ -4623,11 +4637,11 @@ function BigBlockButton(props) {
|
|
|
4623
4637
|
},
|
|
4624
4638
|
disabled: props.disabled || false
|
|
4625
4639
|
}, React$1.createElement("div", {
|
|
4626
|
-
className: rootClassName$
|
|
4640
|
+
className: rootClassName$1D + "-icon"
|
|
4627
4641
|
}, props.icon), React$1.createElement("div", {
|
|
4628
|
-
className: rootClassName$
|
|
4642
|
+
className: rootClassName$1D + "-label"
|
|
4629
4643
|
}, props.label), props.subtitle ? React$1.createElement("div", {
|
|
4630
|
-
className: rootClassName$
|
|
4644
|
+
className: rootClassName$1D + "-subtitle"
|
|
4631
4645
|
}, props.subtitle) : undefined);
|
|
4632
4646
|
}
|
|
4633
4647
|
|
|
@@ -4648,11 +4662,11 @@ var NotificationType;
|
|
|
4648
4662
|
NotificationType["Disabled"] = "disabled";
|
|
4649
4663
|
})(NotificationType || (NotificationType = {}));
|
|
4650
4664
|
|
|
4651
|
-
var rootClassName$
|
|
4665
|
+
var rootClassName$1E = 'component-notification';
|
|
4652
4666
|
function Notification(props) {
|
|
4653
4667
|
var getProps = function getProps() {
|
|
4654
4668
|
var p = {
|
|
4655
|
-
className: getMergedClassNames([rootClassName$
|
|
4669
|
+
className: getMergedClassNames([rootClassName$1E + "-outer", props.className])
|
|
4656
4670
|
};
|
|
4657
4671
|
return p;
|
|
4658
4672
|
};
|
|
@@ -4663,11 +4677,11 @@ function Notification(props) {
|
|
|
4663
4677
|
}, [props.count]);
|
|
4664
4678
|
return React$1.createElement("div", Object.assign({}, getProps()), props.children, React$1.createElement(CSSTransition, {
|
|
4665
4679
|
"in": !!label,
|
|
4666
|
-
classNames: rootClassName$
|
|
4680
|
+
classNames: rootClassName$1E,
|
|
4667
4681
|
timeout: 300,
|
|
4668
4682
|
unmountOnExit: true
|
|
4669
4683
|
}, React$1.createElement("div", {
|
|
4670
|
-
className: rootClassName$
|
|
4684
|
+
className: rootClassName$1E + " " + rootClassName$1E + "-" + props.position + " " + rootClassName$1E + "-" + props.type,
|
|
4671
4685
|
style: {
|
|
4672
4686
|
top: String(props.position).match(/top/) ? 0 - (props.verticalOuter || 0) + "px" : 'unset',
|
|
4673
4687
|
right: String(props.position).match(/right/) ? 0 - (props.horizontalOuter || 0) + "px" : 'unset',
|
|
@@ -4683,20 +4697,20 @@ Notification.defaultProps = {
|
|
|
4683
4697
|
horizontalOuter: 10
|
|
4684
4698
|
};
|
|
4685
4699
|
|
|
4686
|
-
var rootClassName$
|
|
4700
|
+
var rootClassName$1F = 'bottom-navigation';
|
|
4687
4701
|
function BottomNavigation(props) {
|
|
4688
4702
|
var _props$itens;
|
|
4689
4703
|
return React$1.createElement("div", {
|
|
4690
|
-
className: getMergedClassNames([rootClassName$
|
|
4704
|
+
className: getMergedClassNames([rootClassName$1F, props.theme])
|
|
4691
4705
|
}, (_props$itens = props.itens) === null || _props$itens === void 0 ? void 0 : _props$itens.map(function (item, index) {
|
|
4692
4706
|
return React$1.createElement("button", {
|
|
4693
4707
|
key: index,
|
|
4694
|
-
className: getMergedClassNames([rootClassName$
|
|
4708
|
+
className: getMergedClassNames([rootClassName$1F + "-item", index === props.atual ? 'atual' : '']),
|
|
4695
4709
|
onClick: function onClick() {
|
|
4696
4710
|
if (props.atual !== index) props.setAtual(index);
|
|
4697
4711
|
}
|
|
4698
4712
|
}, React$1.createElement("div", {
|
|
4699
|
-
className: rootClassName$
|
|
4713
|
+
className: rootClassName$1F + "-icon"
|
|
4700
4714
|
}, React$1.createElement(Notification, {
|
|
4701
4715
|
count: item.notificationCount || 0,
|
|
4702
4716
|
position: NotificationPosition.TopRight,
|
|
@@ -4704,7 +4718,7 @@ function BottomNavigation(props) {
|
|
|
4704
4718
|
horizontalOuter: 12,
|
|
4705
4719
|
verticalOuter: 6
|
|
4706
4720
|
}, item.icon)), React$1.createElement("div", {
|
|
4707
|
-
className: rootClassName$
|
|
4721
|
+
className: rootClassName$1F + "-label"
|
|
4708
4722
|
}, item.label));
|
|
4709
4723
|
}));
|
|
4710
4724
|
}
|
|
@@ -4713,19 +4727,19 @@ BottomNavigation.defaultProps = {
|
|
|
4713
4727
|
};
|
|
4714
4728
|
var BottomNavigation$1 = memo(BottomNavigation);
|
|
4715
4729
|
|
|
4716
|
-
var rootClassName$
|
|
4730
|
+
var rootClassName$1G = 'component-bread-crumb';
|
|
4717
4731
|
function BreadCrumb(props) {
|
|
4718
4732
|
return React$1.createElement("div", {
|
|
4719
|
-
className: rootClassName$
|
|
4733
|
+
className: rootClassName$1G
|
|
4720
4734
|
}, props.path && props.path.length ? props.path.map(function (p, index) {
|
|
4721
4735
|
return React$1.createElement("div", {
|
|
4722
4736
|
key: index,
|
|
4723
|
-
className: getMergedClassNames([rootClassName$
|
|
4737
|
+
className: getMergedClassNames([rootClassName$1G + "-path", p.onClick && typeof p.onClick === 'function' ? rootClassName$1G + "-active" : '']),
|
|
4724
4738
|
onClick: p.onClick
|
|
4725
4739
|
}, index > 0 ? React$1.createElement("div", {
|
|
4726
|
-
className: rootClassName$
|
|
4740
|
+
className: rootClassName$1G + "-arrow"
|
|
4727
4741
|
}, React$1.createElement(ChevronArrowRightIcon, null)) : undefined, React$1.createElement("div", {
|
|
4728
|
-
className: rootClassName$
|
|
4742
|
+
className: rootClassName$1G + "-label nunito"
|
|
4729
4743
|
}, p.label));
|
|
4730
4744
|
}) : undefined);
|
|
4731
4745
|
}
|
|
@@ -4755,7 +4769,7 @@ var ButtonThemes;
|
|
|
4755
4769
|
ButtonThemes["HeaderUserBold"] = "header-user-bold";
|
|
4756
4770
|
})(ButtonThemes || (ButtonThemes = {}));
|
|
4757
4771
|
|
|
4758
|
-
var rootClassName$
|
|
4772
|
+
var rootClassName$1H = 'component-button';
|
|
4759
4773
|
function Button(props) {
|
|
4760
4774
|
var handleClick = function handleClick(evt) {
|
|
4761
4775
|
if (typeof props.onClick === 'function' && !props.disabled && (!props.loader || !props.loader.loading)) {
|
|
@@ -4765,7 +4779,7 @@ function Button(props) {
|
|
|
4765
4779
|
var getProps = function getProps() {
|
|
4766
4780
|
var p = _extends({}, props, {
|
|
4767
4781
|
onClick: handleClick,
|
|
4768
|
-
className: getMergedClassNames(['nunito', rootClassName$
|
|
4782
|
+
className: getMergedClassNames(['nunito', rootClassName$1H, props.className, rootClassName$1H + "-" + props.theme, props.w100 ? rootClassName$1H + "-w100" : '', props.mobileBottomPage ? rootClassName$1H + "-bottom-mobile" : ''])
|
|
4769
4783
|
});
|
|
4770
4784
|
delete p.mobileBottomPage;
|
|
4771
4785
|
delete p.children;
|
|
@@ -4777,13 +4791,13 @@ function Button(props) {
|
|
|
4777
4791
|
return p;
|
|
4778
4792
|
};
|
|
4779
4793
|
return React$1.createElement("button", Object.assign({}, getProps()), props.leftIcon && React$1.createElement("div", {
|
|
4780
|
-
className: getMergedClassNames([rootClassName$
|
|
4794
|
+
className: getMergedClassNames([rootClassName$1H + "-icon", rootClassName$1H + "-left-icon", props.loader && props.loader.loading ? rootClassName$1H + "-hide" : ''])
|
|
4781
4795
|
}, props.leftIcon), React$1.createElement("div", {
|
|
4782
|
-
className: rootClassName$
|
|
4796
|
+
className: rootClassName$1H + "-label nunito " + (props.loader && props.loader.loading ? rootClassName$1H + "-hide" : '')
|
|
4783
4797
|
}, props.children), props.rightIcon && React$1.createElement("div", {
|
|
4784
|
-
className: getMergedClassNames([rootClassName$
|
|
4798
|
+
className: getMergedClassNames([rootClassName$1H + "-icon", rootClassName$1H + "-right-icon", props.loader && props.loader.loading ? rootClassName$1H + "-hide" : ''])
|
|
4785
4799
|
}, props.rightIcon), props.loader && props.loader.loading ? React$1.createElement("div", {
|
|
4786
|
-
className: rootClassName$
|
|
4800
|
+
className: rootClassName$1H + "-loader"
|
|
4787
4801
|
}, React$1.createElement(ThreeDotsLoader, {
|
|
4788
4802
|
theme: props.loader.loaderTheme ? props.loader.loaderTheme : undefined,
|
|
4789
4803
|
size: props.loader.loaderSize ? props.loader.loaderSize : undefined
|
|
@@ -4835,7 +4849,7 @@ var ImageTypes;
|
|
|
4835
4849
|
ImageTypes["PNG"] = ".png";
|
|
4836
4850
|
})(ImageTypes || (ImageTypes = {}));
|
|
4837
4851
|
|
|
4838
|
-
var rootClassName$
|
|
4852
|
+
var rootClassName$1I = 'component-button-file-upload';
|
|
4839
4853
|
function ButtonFileUpload(props) {
|
|
4840
4854
|
var _props$inputProps;
|
|
4841
4855
|
var id = useMemo(getUniqueKey, []);
|
|
@@ -4867,7 +4881,7 @@ function ButtonFileUpload(props) {
|
|
|
4867
4881
|
}, props.buttonProps);
|
|
4868
4882
|
}, [id, props.buttonProps, props.disabled, props.leftIcon, props.theme, props.w100]);
|
|
4869
4883
|
return React$1.createElement("div", {
|
|
4870
|
-
className: getMergedClassNames([rootClassName$
|
|
4884
|
+
className: getMergedClassNames([rootClassName$1I, props.w100 ? 'w100' : '']),
|
|
4871
4885
|
id: id
|
|
4872
4886
|
}, React$1.createElement("input", Object.assign({
|
|
4873
4887
|
hidden: true,
|
|
@@ -4916,23 +4930,23 @@ var CardTypes;
|
|
|
4916
4930
|
CardTypes["Green"] = "green";
|
|
4917
4931
|
})(CardTypes || (CardTypes = {}));
|
|
4918
4932
|
|
|
4919
|
-
var rootClassName$
|
|
4933
|
+
var rootClassName$1J = 'component-card';
|
|
4920
4934
|
function Card(props) {
|
|
4921
4935
|
return React$1.createElement("div", {
|
|
4922
|
-
className: getMergedClassNames([rootClassName$
|
|
4936
|
+
className: getMergedClassNames([rootClassName$1J, rootClassName$1J + "-" + props.theme])
|
|
4923
4937
|
}, React$1.createElement("div", {
|
|
4924
|
-
className: rootClassName$
|
|
4938
|
+
className: rootClassName$1J + "-caption"
|
|
4925
4939
|
}, props.caption), React$1.createElement("div", {
|
|
4926
|
-
className: rootClassName$
|
|
4940
|
+
className: rootClassName$1J + "-label"
|
|
4927
4941
|
}, props.label), React$1.createElement("div", {
|
|
4928
|
-
className: rootClassName$
|
|
4942
|
+
className: rootClassName$1J + "-helper-text"
|
|
4929
4943
|
}, props.helperText));
|
|
4930
4944
|
}
|
|
4931
4945
|
Card.defaultProps = {
|
|
4932
4946
|
theme: CardTypes.White
|
|
4933
4947
|
};
|
|
4934
4948
|
|
|
4935
|
-
var rootClassName$
|
|
4949
|
+
var rootClassName$1K = 'component-carousel';
|
|
4936
4950
|
function Carousel(props) {
|
|
4937
4951
|
var _useState = useState(0),
|
|
4938
4952
|
atual = _useState[0],
|
|
@@ -4997,9 +5011,9 @@ function Carousel(props) {
|
|
|
4997
5011
|
}
|
|
4998
5012
|
}, [props.loading]);
|
|
4999
5013
|
return React$1.createElement("div", {
|
|
5000
|
-
className: rootClassName$
|
|
5014
|
+
className: rootClassName$1K
|
|
5001
5015
|
}, React$1.createElement("div", {
|
|
5002
|
-
className: rootClassName$
|
|
5016
|
+
className: rootClassName$1K + "-banners",
|
|
5003
5017
|
onMouseEnter: function onMouseEnter() {
|
|
5004
5018
|
if (timerRef.current) {
|
|
5005
5019
|
timerRef.current.pause();
|
|
@@ -5013,10 +5027,10 @@ function Carousel(props) {
|
|
|
5013
5027
|
}, props.banners && props.banners.length ? props.banners.map(function (banner, index) {
|
|
5014
5028
|
return React$1.createElement("div", {
|
|
5015
5029
|
key: index,
|
|
5016
|
-
className: getMergedClassNames([rootClassName$
|
|
5030
|
+
className: getMergedClassNames([rootClassName$1K + "-swipe", index < atual ? 'to-left' : '', index === atual ? 'atual' : '', index > atual ? 'to-right' : ''])
|
|
5017
5031
|
}, React$1.createElement(Banner, Object.assign({}, banner)));
|
|
5018
5032
|
}) : undefined, props.banners.length > 1 && React$1.createElement("div", {
|
|
5019
|
-
className: rootClassName$
|
|
5033
|
+
className: rootClassName$1K + "-control prev",
|
|
5020
5034
|
onClick: function onClick() {
|
|
5021
5035
|
if (timerRef.current) {
|
|
5022
5036
|
timerRef.current.restart();
|
|
@@ -5028,11 +5042,11 @@ function Carousel(props) {
|
|
|
5028
5042
|
changeBanner(atual - 1);
|
|
5029
5043
|
}
|
|
5030
5044
|
}, React$1.createElement("div", {
|
|
5031
|
-
className: rootClassName$
|
|
5045
|
+
className: rootClassName$1K + "-icon"
|
|
5032
5046
|
}, React$1.createElement(ChevronArrowLeftIcon, null)), React$1.createElement("div", {
|
|
5033
|
-
className: rootClassName$
|
|
5047
|
+
className: rootClassName$1K + "-shadow"
|
|
5034
5048
|
})), props.banners.length > 1 && React$1.createElement("div", {
|
|
5035
|
-
className: rootClassName$
|
|
5049
|
+
className: rootClassName$1K + "-control next",
|
|
5036
5050
|
onClick: function onClick() {
|
|
5037
5051
|
if (timerRef.current) {
|
|
5038
5052
|
timerRef.current.restart();
|
|
@@ -5040,22 +5054,22 @@ function Carousel(props) {
|
|
|
5040
5054
|
changeBanner();
|
|
5041
5055
|
}
|
|
5042
5056
|
}, React$1.createElement("div", {
|
|
5043
|
-
className: rootClassName$
|
|
5057
|
+
className: rootClassName$1K + "-icon"
|
|
5044
5058
|
}, React$1.createElement(ChevronArrowRightIcon, null)), React$1.createElement("div", {
|
|
5045
|
-
className: rootClassName$
|
|
5059
|
+
className: rootClassName$1K + "-shadow"
|
|
5046
5060
|
})), React$1.createElement(CSSTransition, {
|
|
5047
5061
|
"in": props.loading,
|
|
5048
5062
|
classNames: 'fade',
|
|
5049
5063
|
timeout: 300,
|
|
5050
5064
|
unmountOnExit: true
|
|
5051
5065
|
}, React$1.createElement("div", {
|
|
5052
|
-
className: rootClassName$
|
|
5066
|
+
className: rootClassName$1K + "-loader-mask"
|
|
5053
5067
|
}, React$1.createElement(ThreeDotsLoader, null)))), React$1.createElement("div", {
|
|
5054
|
-
className: rootClassName$
|
|
5068
|
+
className: rootClassName$1K + "-balls"
|
|
5055
5069
|
}, props.banners.map(function (_banner, index) {
|
|
5056
5070
|
return React$1.createElement("div", {
|
|
5057
5071
|
key: changedCount + index,
|
|
5058
|
-
className: getMergedClassNames([rootClassName$
|
|
5072
|
+
className: getMergedClassNames([rootClassName$1K + "-ball", atual === index ? rootClassName$1K + "-atual" : '']),
|
|
5059
5073
|
onClick: function onClick() {
|
|
5060
5074
|
if (!props.loading) {
|
|
5061
5075
|
changeBanner(index);
|
|
@@ -5189,19 +5203,19 @@ function useDraggableContainer(queryContainer, size) {
|
|
|
5189
5203
|
}, []);
|
|
5190
5204
|
}
|
|
5191
5205
|
|
|
5192
|
-
var rootClassName$
|
|
5206
|
+
var rootClassName$1L = 'carousel-behaviour';
|
|
5193
5207
|
function useCarouselBehaviour(props) {
|
|
5194
5208
|
var _props$slides, _props$slides4;
|
|
5195
5209
|
var _useState = useState(getUniqueKey()),
|
|
5196
5210
|
id = _useState[0];
|
|
5197
|
-
useDraggableContainer("#" + id + " ." + rootClassName$
|
|
5211
|
+
useDraggableContainer("#" + id + " ." + rootClassName$1L + "-content", (_props$slides = props.slides) === null || _props$slides === void 0 ? void 0 : _props$slides.length);
|
|
5198
5212
|
var handleChange = function handleChange(newAtual, onScroll) {
|
|
5199
5213
|
if (onScroll === void 0) {
|
|
5200
5214
|
onScroll = false;
|
|
5201
5215
|
}
|
|
5202
5216
|
if (!onScroll) {
|
|
5203
5217
|
var _props$slides2;
|
|
5204
|
-
var el = document.querySelector("#" + id + " ." + rootClassName$
|
|
5218
|
+
var el = document.querySelector("#" + id + " ." + rootClassName$1L + "-content");
|
|
5205
5219
|
var width = el.scrollWidth / (((_props$slides2 = props.slides) === null || _props$slides2 === void 0 ? void 0 : _props$slides2.length) || 1);
|
|
5206
5220
|
scrollSmooth({
|
|
5207
5221
|
top: 0,
|
|
@@ -5235,26 +5249,26 @@ function useCarouselBehaviour(props) {
|
|
|
5235
5249
|
}
|
|
5236
5250
|
}, [props.newAtual]);
|
|
5237
5251
|
return [React$1.createElement("div", {
|
|
5238
|
-
className: rootClassName$
|
|
5252
|
+
className: rootClassName$1L,
|
|
5239
5253
|
id: id
|
|
5240
5254
|
}, React$1.createElement("div", {
|
|
5241
|
-
className: getMergedClassNames([rootClassName$
|
|
5255
|
+
className: getMergedClassNames([rootClassName$1L + "-content", props.draggable ? 'draggable' : '']),
|
|
5242
5256
|
onScroll: function onScroll() {
|
|
5243
5257
|
var _props$slides3;
|
|
5244
|
-
var el = document.querySelector("#" + id + " ." + rootClassName$
|
|
5258
|
+
var el = document.querySelector("#" + id + " ." + rootClassName$1L + "-content");
|
|
5245
5259
|
var width = el.scrollWidth / (((_props$slides3 = props.slides) === null || _props$slides3 === void 0 ? void 0 : _props$slides3.length) || 1);
|
|
5246
5260
|
var newAtual = Math.round(el.scrollLeft / width);
|
|
5247
5261
|
handleChange(newAtual, true);
|
|
5248
5262
|
}
|
|
5249
5263
|
}, (_props$slides4 = props.slides) === null || _props$slides4 === void 0 ? void 0 : _props$slides4.map(function (slide, index) {
|
|
5250
5264
|
return React$1.createElement("div", {
|
|
5251
|
-
className: rootClassName$
|
|
5265
|
+
className: rootClassName$1L + "-slide",
|
|
5252
5266
|
key: index
|
|
5253
5267
|
}, slide);
|
|
5254
5268
|
}))), handleChange];
|
|
5255
5269
|
}
|
|
5256
5270
|
|
|
5257
|
-
var rootClassName$
|
|
5271
|
+
var rootClassName$1M = 'component-icon-button';
|
|
5258
5272
|
function IconButton(props) {
|
|
5259
5273
|
var handleClick = function handleClick(evt) {
|
|
5260
5274
|
if (typeof props.onClick === 'function' && !props.disabled) {
|
|
@@ -5264,7 +5278,7 @@ function IconButton(props) {
|
|
|
5264
5278
|
var getProps = function getProps() {
|
|
5265
5279
|
var p = _extends({}, props, {
|
|
5266
5280
|
onClick: handleClick,
|
|
5267
|
-
className: getMergedClassNames([rootClassName$
|
|
5281
|
+
className: getMergedClassNames([rootClassName$1M, props.className, rootClassName$1M + "-" + props.theme])
|
|
5268
5282
|
});
|
|
5269
5283
|
delete p.icon;
|
|
5270
5284
|
delete p.children;
|
|
@@ -5282,7 +5296,7 @@ IconButton.defaultProps = {
|
|
|
5282
5296
|
};
|
|
5283
5297
|
var IconButton$1 = memo(IconButton);
|
|
5284
5298
|
|
|
5285
|
-
var rootClassName$
|
|
5299
|
+
var rootClassName$1N = 'element-paginator';
|
|
5286
5300
|
function ElementPaginator(props) {
|
|
5287
5301
|
var handleChange = function handleChange(num) {
|
|
5288
5302
|
if (num > props.size) {
|
|
@@ -5294,16 +5308,16 @@ function ElementPaginator(props) {
|
|
|
5294
5308
|
}
|
|
5295
5309
|
};
|
|
5296
5310
|
return React$1.createElement("div", {
|
|
5297
|
-
className: rootClassName$
|
|
5311
|
+
className: rootClassName$1N
|
|
5298
5312
|
}, props.hideArrows ? undefined : React$1.createElement("div", null, React$1.createElement(IconButton$1, {
|
|
5299
|
-
className: rootClassName$
|
|
5313
|
+
className: rootClassName$1N + "-buttons",
|
|
5300
5314
|
icon: React$1.createElement(ArrowLeftIcon, null),
|
|
5301
5315
|
onClick: function onClick() {
|
|
5302
5316
|
return handleChange(props.atual - 1);
|
|
5303
5317
|
},
|
|
5304
5318
|
disabled: !props.infinite && props.atual === 1
|
|
5305
5319
|
})), React$1.createElement("div", {
|
|
5306
|
-
className: rootClassName$
|
|
5320
|
+
className: rootClassName$1N + "-indexes"
|
|
5307
5321
|
}, Array.from({
|
|
5308
5322
|
length: props.size
|
|
5309
5323
|
}).map(function (_, i) {
|
|
@@ -5315,7 +5329,7 @@ function ElementPaginator(props) {
|
|
|
5315
5329
|
}
|
|
5316
5330
|
}, React$1.createElement("span", null));
|
|
5317
5331
|
})), props.hideArrows ? undefined : React$1.createElement("div", null, React$1.createElement(IconButton$1, {
|
|
5318
|
-
className: rootClassName$
|
|
5332
|
+
className: rootClassName$1N + "-buttons",
|
|
5319
5333
|
icon: React$1.createElement(ArrowRightIcon, null),
|
|
5320
5334
|
onClick: function onClick() {
|
|
5321
5335
|
return handleChange(props.atual + 1);
|
|
@@ -5328,7 +5342,7 @@ ElementPaginator.defaultProps = {
|
|
|
5328
5342
|
};
|
|
5329
5343
|
var ElementPaginator$1 = memo(ElementPaginator);
|
|
5330
5344
|
|
|
5331
|
-
var rootClassName$
|
|
5345
|
+
var rootClassName$1O = 'carousel-persona';
|
|
5332
5346
|
function CarouselPersona(props) {
|
|
5333
5347
|
var _props$personas2;
|
|
5334
5348
|
var _useState = useState(0),
|
|
@@ -5338,17 +5352,17 @@ function CarouselPersona(props) {
|
|
|
5338
5352
|
var _props$personas;
|
|
5339
5353
|
return (_props$personas = props.personas) === null || _props$personas === void 0 ? void 0 : _props$personas.map(function (persona, index) {
|
|
5340
5354
|
return React$1.createElement("div", {
|
|
5341
|
-
className: rootClassName$
|
|
5355
|
+
className: rootClassName$1O + "-persona",
|
|
5342
5356
|
key: index
|
|
5343
5357
|
}, React$1.createElement("div", {
|
|
5344
|
-
className: rootClassName$
|
|
5358
|
+
className: rootClassName$1O + "-image",
|
|
5345
5359
|
style: {
|
|
5346
5360
|
backgroundImage: "url(" + persona.imgUrl + ")"
|
|
5347
5361
|
}
|
|
5348
5362
|
}), React$1.createElement("div", {
|
|
5349
|
-
className: rootClassName$
|
|
5363
|
+
className: rootClassName$1O + "-name"
|
|
5350
5364
|
}, persona.name), React$1.createElement("div", {
|
|
5351
|
-
className: rootClassName$
|
|
5365
|
+
className: rootClassName$1O + "-description nunito"
|
|
5352
5366
|
}, persona.description));
|
|
5353
5367
|
});
|
|
5354
5368
|
}, [props.personas]);
|
|
@@ -5360,13 +5374,13 @@ function CarouselPersona(props) {
|
|
|
5360
5374
|
CarouselBehaviour = _useCarouselBehaviour[0],
|
|
5361
5375
|
handleChange = _useCarouselBehaviour[1];
|
|
5362
5376
|
return React$1.createElement("div", {
|
|
5363
|
-
className: rootClassName$
|
|
5377
|
+
className: rootClassName$1O
|
|
5364
5378
|
}, React$1.createElement("div", {
|
|
5365
|
-
className: rootClassName$
|
|
5379
|
+
className: rootClassName$1O + "-personas"
|
|
5366
5380
|
}, personas), React$1.createElement("div", {
|
|
5367
|
-
className: rootClassName$
|
|
5381
|
+
className: rootClassName$1O + "-carousel"
|
|
5368
5382
|
}, CarouselBehaviour, React$1.createElement("div", {
|
|
5369
|
-
className: rootClassName$
|
|
5383
|
+
className: rootClassName$1O + "-paginator"
|
|
5370
5384
|
}, React$1.createElement(ElementPaginator$1, {
|
|
5371
5385
|
infinite: true,
|
|
5372
5386
|
size: ((_props$personas2 = props.personas) === null || _props$personas2 === void 0 ? void 0 : _props$personas2.length) || 0,
|
|
@@ -5452,7 +5466,7 @@ function useControlledTimer(props) {
|
|
|
5452
5466
|
return [dispatchAction, status];
|
|
5453
5467
|
}
|
|
5454
5468
|
|
|
5455
|
-
var rootClassName$
|
|
5469
|
+
var rootClassName$1P = 'component-carousel-touch-frendly';
|
|
5456
5470
|
function CarouselTouchFrendly(props) {
|
|
5457
5471
|
var _props$slides, _props$slides2;
|
|
5458
5472
|
var _useState = useState(getUniqueKey()),
|
|
@@ -5468,7 +5482,7 @@ function CarouselTouchFrendly(props) {
|
|
|
5468
5482
|
slides: (_props$slides = props.slides) === null || _props$slides === void 0 ? void 0 : _props$slides.map(function (slide, index) {
|
|
5469
5483
|
return React$1.createElement("div", {
|
|
5470
5484
|
key: index,
|
|
5471
|
-
className: rootClassName$
|
|
5485
|
+
className: rootClassName$1P + "-slide"
|
|
5472
5486
|
}, slide);
|
|
5473
5487
|
})
|
|
5474
5488
|
}),
|
|
@@ -5483,9 +5497,9 @@ function CarouselTouchFrendly(props) {
|
|
|
5483
5497
|
dispatchActionsToTimer = _useControlledTimer[0];
|
|
5484
5498
|
return React$1.createElement("div", {
|
|
5485
5499
|
id: id,
|
|
5486
|
-
className: getMergedClassNames([rootClassName$
|
|
5500
|
+
className: getMergedClassNames([rootClassName$1P, props.className])
|
|
5487
5501
|
}, React$1.createElement("div", {
|
|
5488
|
-
className: rootClassName$
|
|
5502
|
+
className: rootClassName$1P + "-outside-content",
|
|
5489
5503
|
onMouseEnter: function onMouseEnter() {
|
|
5490
5504
|
dispatchActionsToTimer('pause');
|
|
5491
5505
|
},
|
|
@@ -5493,27 +5507,27 @@ function CarouselTouchFrendly(props) {
|
|
|
5493
5507
|
dispatchActionsToTimer('play');
|
|
5494
5508
|
}
|
|
5495
5509
|
}, props.slides.length > 1 && React$1.createElement("div", {
|
|
5496
|
-
className: rootClassName$
|
|
5510
|
+
className: rootClassName$1P + "-control prev",
|
|
5497
5511
|
onClick: function onClick() {
|
|
5498
5512
|
dispatchActionsToTimer('stop');
|
|
5499
5513
|
handleChange(atual > 0 ? atual - 1 : props.slides.length - 1, false);
|
|
5500
5514
|
}
|
|
5501
5515
|
}, React$1.createElement("div", {
|
|
5502
|
-
className: rootClassName$
|
|
5516
|
+
className: rootClassName$1P + "-icon"
|
|
5503
5517
|
}, React$1.createElement(ChevronArrowLeftIcon, null)), React$1.createElement("div", {
|
|
5504
|
-
className: rootClassName$
|
|
5518
|
+
className: rootClassName$1P + "-shadow"
|
|
5505
5519
|
})), props.slides.length > 1 && React$1.createElement("div", {
|
|
5506
|
-
className: rootClassName$
|
|
5520
|
+
className: rootClassName$1P + "-control next",
|
|
5507
5521
|
onClick: function onClick() {
|
|
5508
5522
|
dispatchActionsToTimer('stop');
|
|
5509
5523
|
handleChange(atual < props.slides.length - 1 ? atual + 1 : 0, false);
|
|
5510
5524
|
}
|
|
5511
5525
|
}, React$1.createElement("div", {
|
|
5512
|
-
className: rootClassName$
|
|
5526
|
+
className: rootClassName$1P + "-icon"
|
|
5513
5527
|
}, React$1.createElement(ChevronArrowRightIcon, null)), React$1.createElement("div", {
|
|
5514
|
-
className: rootClassName$
|
|
5528
|
+
className: rootClassName$1P + "-shadow"
|
|
5515
5529
|
})), CarouselBehaviour), React$1.createElement("div", {
|
|
5516
|
-
className: rootClassName$
|
|
5530
|
+
className: rootClassName$1P + "-balls"
|
|
5517
5531
|
}, (_props$slides2 = props.slides) === null || _props$slides2 === void 0 ? void 0 : _props$slides2.map(function (_slide, index) {
|
|
5518
5532
|
return React$1.createElement("div", {
|
|
5519
5533
|
key: index,
|
|
@@ -5521,7 +5535,7 @@ function CarouselTouchFrendly(props) {
|
|
|
5521
5535
|
dispatchActionsToTimer('restart');
|
|
5522
5536
|
handleChange(index, false);
|
|
5523
5537
|
},
|
|
5524
|
-
className: getMergedClassNames([rootClassName$
|
|
5538
|
+
className: getMergedClassNames([rootClassName$1P + "-ball", index === atual ? 'atual' : ''])
|
|
5525
5539
|
});
|
|
5526
5540
|
})));
|
|
5527
5541
|
}
|
|
@@ -6929,7 +6943,7 @@ function useProgressiveCount(initialValue) {
|
|
|
6929
6943
|
return [value, changeNumber];
|
|
6930
6944
|
}
|
|
6931
6945
|
|
|
6932
|
-
var rootClassName$
|
|
6946
|
+
var rootClassName$1Q = 'component-doughnut-square';
|
|
6933
6947
|
function DoughnutSquare(props) {
|
|
6934
6948
|
var _useProgressiveCount = useProgressiveCount(0),
|
|
6935
6949
|
val = _useProgressiveCount[0],
|
|
@@ -6941,11 +6955,11 @@ function DoughnutSquare(props) {
|
|
|
6941
6955
|
setVal(parseInt(String(props.value)));
|
|
6942
6956
|
}, [props.value]);
|
|
6943
6957
|
return React$1.createElement("div", {
|
|
6944
|
-
className: rootClassName$
|
|
6958
|
+
className: rootClassName$1Q
|
|
6945
6959
|
}, React$1.createElement("div", {
|
|
6946
|
-
className: rootClassName$
|
|
6960
|
+
className: rootClassName$1Q + "-caption " + rootClassName$1Q + "-caption-left"
|
|
6947
6961
|
}, props.leftCaption), React$1.createElement("div", {
|
|
6948
|
-
className: rootClassName$
|
|
6962
|
+
className: rootClassName$1Q + "-chart"
|
|
6949
6963
|
}, React$1.createElement("svg", {
|
|
6950
6964
|
viewBox: '0 0 100 100'
|
|
6951
6965
|
}, React$1.createElement("circle", {
|
|
@@ -6958,24 +6972,24 @@ function DoughnutSquare(props) {
|
|
|
6958
6972
|
r: '42',
|
|
6959
6973
|
strokeDashoffset: getStrokeDashOffset(val)
|
|
6960
6974
|
}))), React$1.createElement("div", {
|
|
6961
|
-
className: rootClassName$
|
|
6975
|
+
className: rootClassName$1Q + "-center-caption"
|
|
6962
6976
|
}, val + "%"), React$1.createElement("div", {
|
|
6963
|
-
className: rootClassName$
|
|
6977
|
+
className: rootClassName$1Q + "-label-bottom"
|
|
6964
6978
|
}, React$1.createElement("div", {
|
|
6965
|
-
className: rootClassName$
|
|
6979
|
+
className: rootClassName$1Q + "-text"
|
|
6966
6980
|
}, props.bottomCaption)));
|
|
6967
6981
|
}
|
|
6968
6982
|
|
|
6969
|
-
var rootClassName$
|
|
6983
|
+
var rootClassName$1R = 'component-money-by-month';
|
|
6970
6984
|
function MoneyByMonth(props) {
|
|
6971
6985
|
return /*#__PURE__*/React.createElement("div", {
|
|
6972
|
-
className: rootClassName$
|
|
6986
|
+
className: rootClassName$1R
|
|
6973
6987
|
}, /*#__PURE__*/React.createElement("div", {
|
|
6974
|
-
className: rootClassName$
|
|
6988
|
+
className: rootClassName$1R + "-caption " + rootClassName$1R + "-caption-left"
|
|
6975
6989
|
}, props.leftCaption), /*#__PURE__*/React.createElement("div", {
|
|
6976
|
-
className: rootClassName$
|
|
6990
|
+
className: rootClassName$1R + "-caption " + rootClassName$1R + "-caption-right"
|
|
6977
6991
|
}, props.rightCaption), /*#__PURE__*/React.createElement("div", {
|
|
6978
|
-
className: rootClassName$
|
|
6992
|
+
className: rootClassName$1R + "-chart"
|
|
6979
6993
|
}, /*#__PURE__*/React.createElement(MoneyMonthLineChart, {
|
|
6980
6994
|
data: props.data,
|
|
6981
6995
|
labels: props.labels
|
|
@@ -6992,7 +7006,7 @@ MoneyByMonth.defaultProps = {
|
|
|
6992
7006
|
labels: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
|
|
6993
7007
|
};
|
|
6994
7008
|
|
|
6995
|
-
var rootClassName$
|
|
7009
|
+
var rootClassName$1S = 'component-checkbox';
|
|
6996
7010
|
function Checkbox(props) {
|
|
6997
7011
|
var fProps = useMemo(function () {
|
|
6998
7012
|
var handleClick = function handleClick(evt) {
|
|
@@ -7002,7 +7016,7 @@ function Checkbox(props) {
|
|
|
7002
7016
|
}
|
|
7003
7017
|
};
|
|
7004
7018
|
var p = _extends({}, props, {
|
|
7005
|
-
className: getMergedClassNames([rootClassName$
|
|
7019
|
+
className: getMergedClassNames([rootClassName$1S, rootClassName$1S + "-" + props.theme, rootClassName$1S + "-" + (props.value ? 'checked' : 'not')]),
|
|
7006
7020
|
'aria-disabled': props.disabled || props['aria-disabled'],
|
|
7007
7021
|
onClick: handleClick
|
|
7008
7022
|
});
|
|
@@ -7025,19 +7039,19 @@ Checkbox.defaultProps = {
|
|
|
7025
7039
|
};
|
|
7026
7040
|
var Checkbox$1 = memo(Checkbox);
|
|
7027
7041
|
|
|
7028
|
-
var rootClassName$
|
|
7042
|
+
var rootClassName$1T = 'component-col';
|
|
7029
7043
|
function Col(props) {
|
|
7030
7044
|
var p = useMemo(function () {
|
|
7031
7045
|
var cols = props.cols ? props.cols : [12, 12, 12, 12, 12];
|
|
7032
7046
|
var size = ['xs', 'sm', 'md', 'lg', 'xl'];
|
|
7033
7047
|
var getSizes = cols.map(function (n, index) {
|
|
7034
|
-
return rootClassName$
|
|
7048
|
+
return rootClassName$1T + "-" + size[index] + "-" + n;
|
|
7035
7049
|
});
|
|
7036
7050
|
var rp = _extends({}, props, {
|
|
7037
7051
|
style: _extends({}, props.style || {}, {
|
|
7038
7052
|
gap: props.gap
|
|
7039
7053
|
}),
|
|
7040
|
-
className: getMergedClassNames([props.className, rootClassName$
|
|
7054
|
+
className: getMergedClassNames([props.className, rootClassName$1T].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '', props.noPaddingTop ? 'no-padding-top' : '', props.buttonActionsCol ? 'button-actions-col' : '']))
|
|
7041
7055
|
});
|
|
7042
7056
|
delete rp.noPadding;
|
|
7043
7057
|
delete rp.centralized;
|
|
@@ -7058,13 +7072,13 @@ Col.defaultProps = {
|
|
|
7058
7072
|
};
|
|
7059
7073
|
var Col$1 = memo(Col);
|
|
7060
7074
|
|
|
7061
|
-
var rootClassName$
|
|
7075
|
+
var rootClassName$1U = 'component-control-label';
|
|
7062
7076
|
var keysToExclude = ['control', 'controlProps', 'labelPosition', 'labelGap', 'label'];
|
|
7063
7077
|
function ControlLabel(props) {
|
|
7064
7078
|
var _props$control$props;
|
|
7065
7079
|
var ref = useRef();
|
|
7066
7080
|
return React$1.createElement("label", Object.assign({
|
|
7067
|
-
className: getMergedClassNames([rootClassName$
|
|
7081
|
+
className: getMergedClassNames([rootClassName$1U, props.labelPosition ? props.labelPosition : '', (_props$control$props = props.control.props) !== null && _props$control$props !== void 0 && _props$control$props.disabled ? 'disabled' : '']),
|
|
7068
7082
|
ref: ref,
|
|
7069
7083
|
style: props.labelGap ? {
|
|
7070
7084
|
gap: props.labelGap + "px"
|
|
@@ -7075,11 +7089,11 @@ function ControlLabel(props) {
|
|
|
7075
7089
|
}
|
|
7076
7090
|
var ControlLabel$1 = memo(ControlLabel);
|
|
7077
7091
|
|
|
7078
|
-
var rootClassName$
|
|
7092
|
+
var rootClassName$1V = 'component-container';
|
|
7079
7093
|
function Container(props) {
|
|
7080
7094
|
var getProps = function getProps() {
|
|
7081
7095
|
var p = _extends({}, props, {
|
|
7082
|
-
className: getMergedClassNames([rootClassName$
|
|
7096
|
+
className: getMergedClassNames([rootClassName$1V, props.className, props.fluid ? 'fluid' : '', props.verticalPadding ? 'vertical-padding' : '', props.hasMobileButton ? 'has-mobile-button' : '', props.hasHeader ? 'has-header' : '', props.hasAdvancedHeader ? 'has-advanced-header' : '']),
|
|
7083
7097
|
style: _extends({}, props.style, {
|
|
7084
7098
|
position: props.position
|
|
7085
7099
|
})
|
|
@@ -7093,7 +7107,7 @@ function Container(props) {
|
|
|
7093
7107
|
return p;
|
|
7094
7108
|
};
|
|
7095
7109
|
return React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
|
|
7096
|
-
className: rootClassName$
|
|
7110
|
+
className: rootClassName$1V + "-insider"
|
|
7097
7111
|
}, props.children));
|
|
7098
7112
|
}
|
|
7099
7113
|
Container.defaultProps = {
|
|
@@ -7198,7 +7212,7 @@ var stringToReactElement = function stringToReactElement(str, props) {
|
|
|
7198
7212
|
return el;
|
|
7199
7213
|
};
|
|
7200
7214
|
|
|
7201
|
-
var rootClassName$
|
|
7215
|
+
var rootClassName$1W = 'component-date-picker-calendar';
|
|
7202
7216
|
function DatePickerCalendar(props) {
|
|
7203
7217
|
var _useState = useState(new Date()),
|
|
7204
7218
|
today = _useState[0];
|
|
@@ -7224,14 +7238,14 @@ function DatePickerCalendar(props) {
|
|
|
7224
7238
|
monthPage = _useState4[0],
|
|
7225
7239
|
setMonthPage = _useState4[1];
|
|
7226
7240
|
return React$1.createElement("div", {
|
|
7227
|
-
className: rootClassName$
|
|
7241
|
+
className: rootClassName$1W
|
|
7228
7242
|
}, React$1.createElement(CSSTransition, {
|
|
7229
7243
|
"in": monthPage,
|
|
7230
|
-
classNames: rootClassName$
|
|
7244
|
+
classNames: rootClassName$1W + "-month-picker",
|
|
7231
7245
|
timeout: 300,
|
|
7232
7246
|
unmountOnExit: true
|
|
7233
7247
|
}, React$1.createElement("div", {
|
|
7234
|
-
className: rootClassName$
|
|
7248
|
+
className: rootClassName$1W + "-month-picker"
|
|
7235
7249
|
}, React$1.createElement("div", {
|
|
7236
7250
|
className: 'header'
|
|
7237
7251
|
}, React$1.createElement("button", {
|
|
@@ -7248,7 +7262,7 @@ function DatePickerCalendar(props) {
|
|
|
7248
7262
|
setYear(year + 1);
|
|
7249
7263
|
}
|
|
7250
7264
|
}, React$1.createElement(ChevronArrowRightIcon, null))), React$1.createElement("div", {
|
|
7251
|
-
className: rootClassName$
|
|
7265
|
+
className: rootClassName$1W + "-months"
|
|
7252
7266
|
}, props.language.monthsAbrev.map(function (mes, index) {
|
|
7253
7267
|
return React$1.createElement("button", {
|
|
7254
7268
|
key: index,
|
|
@@ -7256,14 +7270,14 @@ function DatePickerCalendar(props) {
|
|
|
7256
7270
|
setMonth(index);
|
|
7257
7271
|
setMonthPage(false);
|
|
7258
7272
|
},
|
|
7259
|
-
className: getMergedClassNames([rootClassName$
|
|
7273
|
+
className: getMergedClassNames([rootClassName$1W + "-month", index === month ? 'selected' : ''])
|
|
7260
7274
|
}, mes);
|
|
7261
7275
|
})))), React$1.createElement(CSSTransition, {
|
|
7262
7276
|
"in": !monthPage,
|
|
7263
7277
|
timeout: 300,
|
|
7264
|
-
classNames: rootClassName$
|
|
7278
|
+
classNames: rootClassName$1W + "-bottom-page"
|
|
7265
7279
|
}, React$1.createElement("div", {
|
|
7266
|
-
className: rootClassName$
|
|
7280
|
+
className: rootClassName$1W + "-first-page"
|
|
7267
7281
|
}, React$1.createElement("div", {
|
|
7268
7282
|
className: 'header'
|
|
7269
7283
|
}, React$1.createElement("button", {
|
|
@@ -7316,7 +7330,7 @@ function DatePickerCalendar(props) {
|
|
|
7316
7330
|
}
|
|
7317
7331
|
var DatePickerCalendar$1 = memo(DatePickerCalendar);
|
|
7318
7332
|
|
|
7319
|
-
var rootClassName$
|
|
7333
|
+
var rootClassName$1X = 'component-date-picker';
|
|
7320
7334
|
function DatePicker(props) {
|
|
7321
7335
|
var id = useMemo(function () {
|
|
7322
7336
|
return "picker_" + getUniqueKey();
|
|
@@ -7326,7 +7340,7 @@ function DatePicker(props) {
|
|
|
7326
7340
|
setOpened = _useState[1];
|
|
7327
7341
|
useEffect(function () {
|
|
7328
7342
|
var func = function func(evt) {
|
|
7329
|
-
if (document.querySelector("#" + id + "." + rootClassName$
|
|
7343
|
+
if (document.querySelector("#" + id + "." + rootClassName$1X + "-panel." + rootClassName$1X + "-panel-enter-done") && !evt.composedPath().includes(document.querySelector("#" + id))) {
|
|
7330
7344
|
setOpened(false);
|
|
7331
7345
|
}
|
|
7332
7346
|
};
|
|
@@ -7362,7 +7376,7 @@ function DatePicker(props) {
|
|
|
7362
7376
|
}
|
|
7363
7377
|
var position = function position() {
|
|
7364
7378
|
var element = document.querySelector(props.queryToAppend);
|
|
7365
|
-
var panel = document.querySelector("#" + id + "." + rootClassName$
|
|
7379
|
+
var panel = document.querySelector("#" + id + "." + rootClassName$1X + "-panel");
|
|
7366
7380
|
if (!element || !panel) return;
|
|
7367
7381
|
var elementBound = element.getBoundingClientRect();
|
|
7368
7382
|
var windowHeight = parseFloat(String(window.innerHeight));
|
|
@@ -7409,10 +7423,10 @@ function DatePicker(props) {
|
|
|
7409
7423
|
vd();
|
|
7410
7424
|
}, [props.initialValue]);
|
|
7411
7425
|
return React$1.createElement("div", {
|
|
7412
|
-
className: rootClassName$
|
|
7426
|
+
className: rootClassName$1X
|
|
7413
7427
|
}, props.initialValue ? React$1.createElement(IconButton$1, {
|
|
7414
7428
|
disabled: props.disabled,
|
|
7415
|
-
className: rootClassName$
|
|
7429
|
+
className: rootClassName$1X + "-clear-button",
|
|
7416
7430
|
icon: React$1.createElement(CloseIcon, null),
|
|
7417
7431
|
onClick: function onClick() {
|
|
7418
7432
|
if (typeof props.onChange === 'function') {
|
|
@@ -7428,11 +7442,11 @@ function DatePicker(props) {
|
|
|
7428
7442
|
}), React$1.createElement(CSSTransition, {
|
|
7429
7443
|
"in": opened,
|
|
7430
7444
|
timeout: 300,
|
|
7431
|
-
classNames: rootClassName$
|
|
7445
|
+
classNames: rootClassName$1X + "-panel",
|
|
7432
7446
|
unmountOnExit: true
|
|
7433
7447
|
}, React$1.createElement("div", {
|
|
7434
7448
|
id: id,
|
|
7435
|
-
className: rootClassName$
|
|
7449
|
+
className: rootClassName$1X + "-panel"
|
|
7436
7450
|
}, React$1.createElement(DatePickerCalendar$1, {
|
|
7437
7451
|
language: props.language,
|
|
7438
7452
|
disabled: props.disabled,
|
|
@@ -7460,7 +7474,7 @@ DatePicker.defaultProps = {
|
|
|
7460
7474
|
};
|
|
7461
7475
|
var DatePicker$1 = memo(DatePicker);
|
|
7462
7476
|
|
|
7463
|
-
var rootClassName$
|
|
7477
|
+
var rootClassName$1Y = 'component-doughnut';
|
|
7464
7478
|
function Doughnut(props) {
|
|
7465
7479
|
var _useProgressiveCount = useProgressiveCount(0),
|
|
7466
7480
|
val = _useProgressiveCount[0],
|
|
@@ -7472,9 +7486,9 @@ function Doughnut(props) {
|
|
|
7472
7486
|
setVal(parseInt(String(props.value)));
|
|
7473
7487
|
}, [props.value]);
|
|
7474
7488
|
return React$1.createElement("div", {
|
|
7475
|
-
className: rootClassName$
|
|
7489
|
+
className: rootClassName$1Y
|
|
7476
7490
|
}, React$1.createElement("div", {
|
|
7477
|
-
className: getMergedClassNames([rootClassName$
|
|
7491
|
+
className: getMergedClassNames([rootClassName$1Y + "-chart", props.red ? 'red' : ''])
|
|
7478
7492
|
}, React$1.createElement("svg", {
|
|
7479
7493
|
viewBox: '0 0 100 100'
|
|
7480
7494
|
}, React$1.createElement("circle", {
|
|
@@ -7487,7 +7501,7 @@ function Doughnut(props) {
|
|
|
7487
7501
|
r: '42',
|
|
7488
7502
|
strokeDashoffset: getStrokeDashOffset(val)
|
|
7489
7503
|
}))), props.showLabel ? React$1.createElement("div", {
|
|
7490
|
-
className: rootClassName$
|
|
7504
|
+
className: rootClassName$1Y + "-label nunito"
|
|
7491
7505
|
}, val + "%") : undefined);
|
|
7492
7506
|
}
|
|
7493
7507
|
Doughnut.defaultProps = {
|
|
@@ -7495,10 +7509,10 @@ Doughnut.defaultProps = {
|
|
|
7495
7509
|
};
|
|
7496
7510
|
var Doughnut$1 = memo(Doughnut);
|
|
7497
7511
|
|
|
7498
|
-
var rootClassName$
|
|
7512
|
+
var rootClassName$1Z = 'component-dropdown-item';
|
|
7499
7513
|
function DropdownItem(props) {
|
|
7500
7514
|
var classNames = useMemo(function () {
|
|
7501
|
-
return getMergedClassNames([rootClassName$
|
|
7515
|
+
return getMergedClassNames([rootClassName$1Z, props.alignRight ? 'right' : '', props.loading ? 'loading' : '']);
|
|
7502
7516
|
}, [props.alignRight, props.loading]);
|
|
7503
7517
|
return React$1.createElement("button", {
|
|
7504
7518
|
id: props.id,
|
|
@@ -7511,20 +7525,20 @@ function DropdownItem(props) {
|
|
|
7511
7525
|
}
|
|
7512
7526
|
}
|
|
7513
7527
|
}, React$1.createElement("div", {
|
|
7514
|
-
className: rootClassName$
|
|
7528
|
+
className: rootClassName$1Z + "-content"
|
|
7515
7529
|
}, React$1.createElement(CSSTransition, {
|
|
7516
7530
|
"in": props.loading,
|
|
7517
7531
|
timeout: 300,
|
|
7518
7532
|
unmountOnExit: true,
|
|
7519
|
-
classNames: rootClassName$
|
|
7533
|
+
classNames: rootClassName$1Z + "-fade"
|
|
7520
7534
|
}, React$1.createElement("div", {
|
|
7521
|
-
className: rootClassName$
|
|
7535
|
+
className: rootClassName$1Z + "-loader"
|
|
7522
7536
|
}, React$1.createElement(PercentLoaderIcon, {
|
|
7523
7537
|
indefinido: true
|
|
7524
7538
|
}))), props.icon ? React$1.createElement("div", {
|
|
7525
|
-
className: rootClassName$
|
|
7539
|
+
className: rootClassName$1Z + "-icon"
|
|
7526
7540
|
}, props.icon) : undefined, React$1.createElement("div", {
|
|
7527
|
-
className: rootClassName$
|
|
7541
|
+
className: rootClassName$1Z + "-label"
|
|
7528
7542
|
}, props.label)));
|
|
7529
7543
|
}
|
|
7530
7544
|
var DropdownItem$1 = memo(DropdownItem);
|
|
@@ -7557,7 +7571,7 @@ function useOutsideClick(refs, handler, options) {
|
|
|
7557
7571
|
}
|
|
7558
7572
|
|
|
7559
7573
|
var _excluded = ["opened", "setOpened", "content", "closeOnEsc", "closeOnOutClick", "children", "panelProps"];
|
|
7560
|
-
var rootClassName$
|
|
7574
|
+
var rootClassName$1_ = 'component-dropdown-menu';
|
|
7561
7575
|
function DropdownMenu(_ref) {
|
|
7562
7576
|
var _panelProps$className;
|
|
7563
7577
|
var opened = _ref.opened,
|
|
@@ -7586,9 +7600,9 @@ function DropdownMenu(_ref) {
|
|
|
7586
7600
|
setInter(null);
|
|
7587
7601
|
}
|
|
7588
7602
|
var position = function position() {
|
|
7589
|
-
var painel = document.querySelector("#" + id + " ." + rootClassName$
|
|
7603
|
+
var painel = document.querySelector("#" + id + " ." + rootClassName$1_ + "-panel");
|
|
7590
7604
|
if (!painel) return;
|
|
7591
|
-
var trigger = document.querySelector("#" + id + " ." + rootClassName$
|
|
7605
|
+
var trigger = document.querySelector("#" + id + " ." + rootClassName$1_ + "-children > *");
|
|
7592
7606
|
var bound = trigger.getBoundingClientRect();
|
|
7593
7607
|
var pontoCentralX = bound.x + bound.width / 2;
|
|
7594
7608
|
var pontoCentralY = bound.y + bound.height / 2;
|
|
@@ -7644,22 +7658,21 @@ function DropdownMenu(_ref) {
|
|
|
7644
7658
|
document.removeEventListener('keyup', onEscPress);
|
|
7645
7659
|
};
|
|
7646
7660
|
}, [opened]);
|
|
7647
|
-
return React$1.createElement("div", Object.assign({
|
|
7648
|
-
ref: wrapperRef
|
|
7649
|
-
}, props, {
|
|
7661
|
+
return React$1.createElement("div", Object.assign({}, props, {
|
|
7662
|
+
ref: wrapperRef,
|
|
7650
7663
|
id: id,
|
|
7651
|
-
className: [rootClassName$
|
|
7664
|
+
className: [rootClassName$1_, props.className || ''].join(' ')
|
|
7652
7665
|
}), React$1.createElement("div", {
|
|
7653
|
-
className: rootClassName$
|
|
7666
|
+
className: rootClassName$1_ + "-children"
|
|
7654
7667
|
}, children), React$1.createElement(CSSTransition, {
|
|
7655
7668
|
"in": opened,
|
|
7656
7669
|
timeout: 300,
|
|
7657
|
-
classNames: rootClassName$
|
|
7670
|
+
classNames: rootClassName$1_ + "-panel-fade",
|
|
7658
7671
|
unmountOnExit: true
|
|
7659
7672
|
}, React$1.createElement("div", Object.assign({
|
|
7660
7673
|
ref: panelRef
|
|
7661
7674
|
}, panelProps, {
|
|
7662
|
-
className: [rootClassName$
|
|
7675
|
+
className: [rootClassName$1_ + "-panel scroll-white", (_panelProps$className = panelProps === null || panelProps === void 0 ? void 0 : panelProps.className) != null ? _panelProps$className : ''].join(' ')
|
|
7663
7676
|
}), content)));
|
|
7664
7677
|
}
|
|
7665
7678
|
DropdownMenu.defaultProps = {
|
|
@@ -7667,7 +7680,7 @@ DropdownMenu.defaultProps = {
|
|
|
7667
7680
|
closeOnEsc: true
|
|
7668
7681
|
};
|
|
7669
7682
|
|
|
7670
|
-
var rootClassName$
|
|
7683
|
+
var rootClassName$1$ = 'floating-panel';
|
|
7671
7684
|
function FloatingPanel(props) {
|
|
7672
7685
|
var id = useMemo(getUniqueKey, []);
|
|
7673
7686
|
var onClick = useCallback(function (evt) {
|
|
@@ -7689,7 +7702,7 @@ function FloatingPanel(props) {
|
|
|
7689
7702
|
var wrapper = document.getElementById(id);
|
|
7690
7703
|
if (!wrapper) return;
|
|
7691
7704
|
var computedStyle = wrapper.getBoundingClientRect();
|
|
7692
|
-
var panel = document.querySelector("#" + id + " ." + rootClassName$
|
|
7705
|
+
var panel = document.querySelector("#" + id + " ." + rootClassName$1$);
|
|
7693
7706
|
if (!panel) return;
|
|
7694
7707
|
panel.style.top = computedStyle.top + computedStyle.height + "px";
|
|
7695
7708
|
panel.style.left = computedStyle.left + "px";
|
|
@@ -7697,7 +7710,7 @@ function FloatingPanel(props) {
|
|
|
7697
7710
|
var updateSize = useCallback(function () {
|
|
7698
7711
|
var _document$getElementB;
|
|
7699
7712
|
var anchor = (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.parentElement;
|
|
7700
|
-
var panel = document.querySelector("#" + id + " ." + rootClassName$
|
|
7713
|
+
var panel = document.querySelector("#" + id + " ." + rootClassName$1$);
|
|
7701
7714
|
if (!panel || !anchor) return;
|
|
7702
7715
|
var computedStyle = window.getComputedStyle(anchor);
|
|
7703
7716
|
panel.style.width = computedStyle.width;
|
|
@@ -7745,17 +7758,17 @@ function FloatingPanel(props) {
|
|
|
7745
7758
|
}, [props.opened]);
|
|
7746
7759
|
return React$1.createElement("div", {
|
|
7747
7760
|
id: id,
|
|
7748
|
-
className: rootClassName$
|
|
7761
|
+
className: rootClassName$1$ + "-wrapper",
|
|
7749
7762
|
style: {
|
|
7750
7763
|
bottom: props.bottom
|
|
7751
7764
|
}
|
|
7752
7765
|
}, React$1.createElement(CSSTransition, {
|
|
7753
7766
|
"in": props.opened,
|
|
7754
|
-
classNames: rootClassName$
|
|
7767
|
+
classNames: rootClassName$1$,
|
|
7755
7768
|
timeout: 300,
|
|
7756
7769
|
unmountOnExit: true
|
|
7757
7770
|
}, React$1.createElement("div", {
|
|
7758
|
-
className: useMergedClassNames([rootClassName$
|
|
7771
|
+
className: useMergedClassNames([rootClassName$1$, props.className, props.boxShadow ? 'shadow' : '', props.radiusStyle])
|
|
7759
7772
|
}, props.children)));
|
|
7760
7773
|
}
|
|
7761
7774
|
FloatingPanel.defaultProps = {
|
|
@@ -7764,7 +7777,7 @@ FloatingPanel.defaultProps = {
|
|
|
7764
7777
|
};
|
|
7765
7778
|
var FloatingPanel$1 = memo(FloatingPanel);
|
|
7766
7779
|
|
|
7767
|
-
var rootClassName$
|
|
7780
|
+
var rootClassName$20 = 'dropdown-selector';
|
|
7768
7781
|
function DropdownSelector(props) {
|
|
7769
7782
|
var _useState = useState(false),
|
|
7770
7783
|
opened = _useState[0],
|
|
@@ -7789,25 +7802,25 @@ function DropdownSelector(props) {
|
|
|
7789
7802
|
}));
|
|
7790
7803
|
}, [props]);
|
|
7791
7804
|
return React$1.createElement("div", {
|
|
7792
|
-
className: useMergedClassNames([rootClassName$
|
|
7805
|
+
className: useMergedClassNames([rootClassName$20 + "-wrapper", props.w100 ? 'w-100' : '', opened ? 'opened' : ''])
|
|
7793
7806
|
}, React$1.createElement("button", {
|
|
7794
|
-
className: useMergedClassNames([rootClassName$
|
|
7807
|
+
className: useMergedClassNames([rootClassName$20, props.w100 ? 'w-100' : '', opened ? 'opened' : '']),
|
|
7795
7808
|
onClick: function onClick() {
|
|
7796
7809
|
setOpened(!opened);
|
|
7797
7810
|
}
|
|
7798
7811
|
}, React$1.createElement("div", {
|
|
7799
|
-
className: rootClassName$
|
|
7812
|
+
className: rootClassName$20 + "-label nunito"
|
|
7800
7813
|
}, label), React$1.createElement("div", {
|
|
7801
|
-
className: useMergedClassNames([rootClassName$
|
|
7814
|
+
className: useMergedClassNames([rootClassName$20 + "-icon", opened ? 'opened' : ''])
|
|
7802
7815
|
}, React$1.createElement(ChevronArrowDownIcon, null))), React$1.createElement(FloatingPanel$1, {
|
|
7803
7816
|
opened: opened,
|
|
7804
7817
|
setOpened: setOpened,
|
|
7805
|
-
className: rootClassName$
|
|
7818
|
+
className: rootClassName$20 + "-menu"
|
|
7806
7819
|
}, options));
|
|
7807
7820
|
}
|
|
7808
7821
|
var DropdownSelector$1 = memo(DropdownSelector);
|
|
7809
7822
|
|
|
7810
|
-
var rootClassName$
|
|
7823
|
+
var rootClassName$21 = 'component-etapas';
|
|
7811
7824
|
function Etapas(props) {
|
|
7812
7825
|
var _useState = useState(props.id || getUniqueKey()),
|
|
7813
7826
|
id = _useState[0];
|
|
@@ -7855,17 +7868,17 @@ function Etapas(props) {
|
|
|
7855
7868
|
}, []);
|
|
7856
7869
|
useEffect(function () {
|
|
7857
7870
|
var larguras = [];
|
|
7858
|
-
document.querySelectorAll("#" + id + " ." + rootClassName$
|
|
7871
|
+
document.querySelectorAll("#" + id + " ." + rootClassName$21 + "-etapa").forEach(function (etapa) {
|
|
7859
7872
|
larguras.push(parseInt(window.getComputedStyle(etapa).width));
|
|
7860
7873
|
});
|
|
7861
7874
|
var maior = Math.max.apply(Math, larguras);
|
|
7862
|
-
document.querySelectorAll("#" + id + " ." + rootClassName$
|
|
7875
|
+
document.querySelectorAll("#" + id + " ." + rootClassName$21 + "-etapa").forEach(function (etapa) {
|
|
7863
7876
|
etapa.style.width = maior + "px";
|
|
7864
7877
|
});
|
|
7865
7878
|
});
|
|
7866
7879
|
useEffect(function () {
|
|
7867
7880
|
var outerComponent = document.querySelector("#" + id);
|
|
7868
|
-
var atual = document.querySelector("#" + id + " ." + rootClassName$
|
|
7881
|
+
var atual = document.querySelector("#" + id + " ." + rootClassName$21 + "-etapa.atual");
|
|
7869
7882
|
if (props.scrollOnChange && outerComponent && atual) {
|
|
7870
7883
|
atual.scrollIntoView({
|
|
7871
7884
|
behavior: 'smooth',
|
|
@@ -7875,13 +7888,13 @@ function Etapas(props) {
|
|
|
7875
7888
|
}
|
|
7876
7889
|
}, [props.atual]);
|
|
7877
7890
|
return React$1.createElement("div", {
|
|
7878
|
-
className: rootClassName$
|
|
7891
|
+
className: rootClassName$21,
|
|
7879
7892
|
id: id
|
|
7880
7893
|
}, React$1.createElement("div", {
|
|
7881
|
-
className: rootClassName$
|
|
7894
|
+
className: rootClassName$21 + "-etapas"
|
|
7882
7895
|
}, props.etapas && props.etapas.length ? props.etapas.map(function (etapa, index) {
|
|
7883
7896
|
var p = _extends({}, etapa, {
|
|
7884
|
-
className: getMergedClassNames([rootClassName$
|
|
7897
|
+
className: getMergedClassNames([rootClassName$21 + "-etapa", props.atual === index ? 'atual' : '', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', etapa.disabled ? 'disabled' : ''])
|
|
7885
7898
|
});
|
|
7886
7899
|
delete p.disabled;
|
|
7887
7900
|
delete p.icon;
|
|
@@ -7897,18 +7910,18 @@ function Etapas(props) {
|
|
|
7897
7910
|
}
|
|
7898
7911
|
}), React$1.createElement("div", {
|
|
7899
7912
|
id: etapa.id || undefined,
|
|
7900
|
-
className: getMergedClassNames([rootClassName$
|
|
7913
|
+
className: getMergedClassNames([rootClassName$21 + "-icon", etapa.completed ? 'completed' : '', etapa.error ? 'error' : '', etapa.notification ? 'notification' : ''])
|
|
7901
7914
|
}, etapa.icon), React$1.createElement("div", {
|
|
7902
|
-
className: getMergedClassNames([rootClassName$
|
|
7915
|
+
className: getMergedClassNames([rootClassName$21 + "-label", 'nunito', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', props.hideNotActualLabel ? 'hide' : ''])
|
|
7903
7916
|
}, React$1.createElement(CSSTransition, {
|
|
7904
7917
|
"in": etapa.error,
|
|
7905
7918
|
timeout: 300,
|
|
7906
|
-
classNames: rootClassName$
|
|
7919
|
+
classNames: rootClassName$21 + "-appear",
|
|
7907
7920
|
unmountOnExit: true
|
|
7908
7921
|
}, React$1.createElement(ExclamationIcon, null)), React$1.createElement(CSSTransition, {
|
|
7909
7922
|
"in": etapa.completed,
|
|
7910
7923
|
timeout: 300,
|
|
7911
|
-
classNames: rootClassName$
|
|
7924
|
+
classNames: rootClassName$21 + "-appear",
|
|
7912
7925
|
unmountOnExit: true
|
|
7913
7926
|
}, React$1.createElement(CheckCircleIcon, null)), etapa.name));
|
|
7914
7927
|
}) : undefined));
|
|
@@ -7938,25 +7951,25 @@ var EtiquetasStyle;
|
|
|
7938
7951
|
EtiquetasStyle["Yellow"] = "yellow";
|
|
7939
7952
|
})(EtiquetasStyle || (EtiquetasStyle = {}));
|
|
7940
7953
|
|
|
7941
|
-
var rootClassName$
|
|
7954
|
+
var rootClassName$22 = 'component-etiqueta';
|
|
7942
7955
|
function Etiqueta(props) {
|
|
7943
7956
|
return React$1.createElement("div", {
|
|
7944
|
-
className: getMergedClassNames([rootClassName$
|
|
7957
|
+
className: getMergedClassNames([rootClassName$22, props.theme, props.fitContent ? 'fit-content' : undefined])
|
|
7945
7958
|
}, props.icon ? React$1.createElement("div", {
|
|
7946
|
-
className: rootClassName$
|
|
7959
|
+
className: rootClassName$22 + "-icon"
|
|
7947
7960
|
}, props.icon) : undefined, React$1.createElement("div", {
|
|
7948
|
-
className: rootClassName$
|
|
7961
|
+
className: rootClassName$22 + "-text"
|
|
7949
7962
|
}, props.label));
|
|
7950
7963
|
}
|
|
7951
7964
|
Etiqueta.defaultProps = {
|
|
7952
7965
|
theme: EtiquetasStyle.Programas
|
|
7953
7966
|
};
|
|
7954
7967
|
|
|
7955
|
-
var rootClassName$
|
|
7968
|
+
var rootClassName$23 = 'component-file-loader';
|
|
7956
7969
|
function FileLoader(props) {
|
|
7957
7970
|
var getProps = function getProps() {
|
|
7958
7971
|
var p = _extends({}, props, {
|
|
7959
|
-
className: getMergedClassNames([props.className || '', rootClassName$
|
|
7972
|
+
className: getMergedClassNames([props.className || '', rootClassName$23])
|
|
7960
7973
|
});
|
|
7961
7974
|
delete p.percent;
|
|
7962
7975
|
delete p.totalSize;
|
|
@@ -7976,24 +7989,24 @@ function FileLoader(props) {
|
|
|
7976
7989
|
return percent;
|
|
7977
7990
|
};
|
|
7978
7991
|
return React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
|
|
7979
|
-
className: rootClassName$
|
|
7992
|
+
className: rootClassName$23 + "-percent-line"
|
|
7980
7993
|
}, languageValues.components.fileLoader.carregando + ":", ' ', React$1.createElement("span", {
|
|
7981
|
-
className: rootClassName$
|
|
7994
|
+
className: rootClassName$23 + "-downloaded-percent"
|
|
7982
7995
|
}, getPercent(), "%")), React$1.createElement("div", {
|
|
7983
|
-
className: rootClassName$
|
|
7996
|
+
className: rootClassName$23 + "-loader-bar"
|
|
7984
7997
|
}, React$1.createElement("div", {
|
|
7985
|
-
className: rootClassName$
|
|
7998
|
+
className: rootClassName$23 + "-loader-progress",
|
|
7986
7999
|
style: {
|
|
7987
8000
|
width: getPercent() + "%"
|
|
7988
8001
|
}
|
|
7989
8002
|
})), props.totalSize && React$1.createElement("div", {
|
|
7990
|
-
className: rootClassName$
|
|
8003
|
+
className: rootClassName$23 + "-progress-info"
|
|
7991
8004
|
}, React$1.createElement("div", {
|
|
7992
|
-
className: rootClassName$
|
|
8005
|
+
className: rootClassName$23 + "-downloaded-size"
|
|
7993
8006
|
}, getSizeDownloaded()), React$1.createElement("div", {
|
|
7994
|
-
className: rootClassName$
|
|
8007
|
+
className: rootClassName$23 + "-bar"
|
|
7995
8008
|
}, "/"), React$1.createElement("div", {
|
|
7996
|
-
className: rootClassName$
|
|
8009
|
+
className: rootClassName$23 + "-total-size"
|
|
7997
8010
|
}, props.totalSize)));
|
|
7998
8011
|
}
|
|
7999
8012
|
FileLoader.defaultProps = {
|
|
@@ -8001,20 +8014,20 @@ FileLoader.defaultProps = {
|
|
|
8001
8014
|
percent: 0
|
|
8002
8015
|
};
|
|
8003
8016
|
|
|
8004
|
-
var rootClassName$
|
|
8017
|
+
var rootClassName$24 = 'component-file-upload';
|
|
8005
8018
|
var DRAG_ENTER_CLASS_NAME = 'drag-enter';
|
|
8006
8019
|
var DRAG_ENTER_DISABLED_CLASS_NAME = 'drag-disabled';
|
|
8007
8020
|
function FileUpload(props) {
|
|
8008
8021
|
var _useState = useState(getUniqueKey()),
|
|
8009
8022
|
id = _useState[0];
|
|
8010
8023
|
var addClass = function addClass(className) {
|
|
8011
|
-
var el = document.querySelector("#" + id + " ." + rootClassName$
|
|
8024
|
+
var el = document.querySelector("#" + id + " ." + rootClassName$24 + "-droppable");
|
|
8012
8025
|
if (el) {
|
|
8013
8026
|
el.classList.add(className);
|
|
8014
8027
|
}
|
|
8015
8028
|
};
|
|
8016
8029
|
var removeClass = function removeClass(className) {
|
|
8017
|
-
var el = document.querySelector("#" + id + " ." + rootClassName$
|
|
8030
|
+
var el = document.querySelector("#" + id + " ." + rootClassName$24 + "-droppable");
|
|
8018
8031
|
if (el) {
|
|
8019
8032
|
el.classList.remove(className);
|
|
8020
8033
|
}
|
|
@@ -8054,15 +8067,15 @@ function FileUpload(props) {
|
|
|
8054
8067
|
return true;
|
|
8055
8068
|
};
|
|
8056
8069
|
return React$1.createElement("div", {
|
|
8057
|
-
className: rootClassName$
|
|
8070
|
+
className: rootClassName$24 + "-outer"
|
|
8058
8071
|
}, !props.hideTopLabel && React$1.createElement("div", {
|
|
8059
|
-
className: getMergedClassNames([rootClassName$
|
|
8072
|
+
className: getMergedClassNames([rootClassName$24 + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : '', 'nunito'])
|
|
8060
8073
|
}, props.topLabel), React$1.createElement("div", {
|
|
8061
8074
|
id: id,
|
|
8062
|
-
className: getMergedClassNames([rootClassName$
|
|
8075
|
+
className: getMergedClassNames([rootClassName$24, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
|
|
8063
8076
|
}, React$1.createElement("div", {
|
|
8064
8077
|
onClick: handleClick,
|
|
8065
|
-
className: getMergedClassNames([rootClassName$
|
|
8078
|
+
className: getMergedClassNames([rootClassName$24 + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
|
|
8066
8079
|
onDragEnter: function onDragEnter(event) {
|
|
8067
8080
|
event.preventDefault();
|
|
8068
8081
|
event.stopPropagation();
|
|
@@ -8088,11 +8101,11 @@ function FileUpload(props) {
|
|
|
8088
8101
|
addClass(props.disabled ? DRAG_ENTER_DISABLED_CLASS_NAME : DRAG_ENTER_CLASS_NAME);
|
|
8089
8102
|
}
|
|
8090
8103
|
}), React$1.createElement("div", {
|
|
8091
|
-
className: rootClassName$
|
|
8104
|
+
className: rootClassName$24 + "-row"
|
|
8092
8105
|
}, React$1.createElement("div", {
|
|
8093
|
-
className: rootClassName$
|
|
8106
|
+
className: rootClassName$24 + "-upload-icon"
|
|
8094
8107
|
}, React$1.createElement(CloudUploadIcon, null)), React$1.createElement("div", {
|
|
8095
|
-
className: rootClassName$
|
|
8108
|
+
className: rootClassName$24 + "-label"
|
|
8096
8109
|
}, props.label)), React$1.createElement("input", Object.assign({
|
|
8097
8110
|
type: 'file',
|
|
8098
8111
|
accept: props.allowedFileTypes ? Array(props.allowedFileTypes).join(', ') : undefined
|
|
@@ -8115,7 +8128,7 @@ function FileUpload(props) {
|
|
|
8115
8128
|
multiple: props.multiple,
|
|
8116
8129
|
disabled: props.disabled
|
|
8117
8130
|
}))), !props.hideHelperText && React$1.createElement("div", {
|
|
8118
|
-
className: getMergedClassNames([rootClassName$
|
|
8131
|
+
className: getMergedClassNames([rootClassName$24 + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
|
|
8119
8132
|
}, props.helperText));
|
|
8120
8133
|
}
|
|
8121
8134
|
FileUpload.defaultProps = {
|
|
@@ -8129,11 +8142,11 @@ FileUpload.defaultProps = {
|
|
|
8129
8142
|
error: false
|
|
8130
8143
|
};
|
|
8131
8144
|
|
|
8132
|
-
var rootClassName$
|
|
8145
|
+
var rootClassName$25 = 'component-row';
|
|
8133
8146
|
function Row(props) {
|
|
8134
8147
|
var getProps = function getProps() {
|
|
8135
8148
|
var p = _extends({}, props, {
|
|
8136
|
-
className: getMergedClassNames([rootClassName$
|
|
8149
|
+
className: getMergedClassNames([rootClassName$25, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
|
|
8137
8150
|
});
|
|
8138
8151
|
delete p.centralized;
|
|
8139
8152
|
delete p.columnDirection;
|
|
@@ -8146,7 +8159,7 @@ Row.defaultProps = {
|
|
|
8146
8159
|
};
|
|
8147
8160
|
var Row$1 = memo(Row);
|
|
8148
8161
|
|
|
8149
|
-
var rootClassName$
|
|
8162
|
+
var rootClassName$26 = 'footer-sicredi';
|
|
8150
8163
|
function FooterSicredi(props) {
|
|
8151
8164
|
var colSize = [12, 12, 3, 3, 3];
|
|
8152
8165
|
var qrCodeColor = useMemo(function () {
|
|
@@ -8166,136 +8179,136 @@ function FooterSicredi(props) {
|
|
|
8166
8179
|
}
|
|
8167
8180
|
}, [props.theme]);
|
|
8168
8181
|
return React$1.createElement("footer", {
|
|
8169
|
-
className: getMergedClassNames([rootClassName$
|
|
8182
|
+
className: getMergedClassNames([rootClassName$26, props.theme])
|
|
8170
8183
|
}, React$1.createElement(Row$1, {
|
|
8171
|
-
className: rootClassName$
|
|
8184
|
+
className: rootClassName$26 + "-section",
|
|
8172
8185
|
style: {
|
|
8173
8186
|
maxWidth: props.maxWidth ? props.maxWidth + "px" : 'none'
|
|
8174
8187
|
}
|
|
8175
8188
|
}, React$1.createElement(Col$1, {
|
|
8176
8189
|
cols: colSize,
|
|
8177
|
-
className: rootClassName$
|
|
8190
|
+
className: rootClassName$26 + "-cell"
|
|
8178
8191
|
}, React$1.createElement("div", {
|
|
8179
|
-
className: rootClassName$
|
|
8192
|
+
className: rootClassName$26 + "-title"
|
|
8180
8193
|
}, "WhatsApp Corporativo"), React$1.createElement("div", {
|
|
8181
|
-
className: rootClassName$
|
|
8194
|
+
className: rootClassName$26 + "-subtitle nunito"
|
|
8182
8195
|
}, "Todas as regi\xF5es"), React$1.createElement("div", {
|
|
8183
|
-
className: rootClassName$
|
|
8196
|
+
className: rootClassName$26 + "-number"
|
|
8184
8197
|
}, React$1.createElement(AnimatedLink$1, {
|
|
8185
8198
|
href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
|
|
8186
8199
|
target: '_blank',
|
|
8187
8200
|
rel: 'noopener noreferrer'
|
|
8188
8201
|
}, "51 3358 4770")), React$1.createElement("div", {
|
|
8189
|
-
className: rootClassName$
|
|
8202
|
+
className: rootClassName$26 + "-asterisco nunito"
|
|
8190
8203
|
}, "* Servi\xE7o dispon\xEDvel conforme ades\xE3o das cooperativas"), React$1.createElement("div", {
|
|
8191
|
-
className: rootClassName$
|
|
8204
|
+
className: rootClassName$26 + "-space"
|
|
8192
8205
|
}), React$1.createElement("div", {
|
|
8193
|
-
className: rootClassName$
|
|
8206
|
+
className: rootClassName$26 + "-qr-code"
|
|
8194
8207
|
}, React$1.createElement("a", {
|
|
8195
8208
|
href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
|
|
8196
8209
|
target: '_blank',
|
|
8197
8210
|
rel: 'noopener noreferrer'
|
|
8198
8211
|
}, React$1.createElement(QRCodeWhatsapp, Object.assign({}, qrCodeColor))))), React$1.createElement(Col$1, {
|
|
8199
8212
|
cols: colSize,
|
|
8200
|
-
className: rootClassName$
|
|
8213
|
+
className: rootClassName$26 + "-cell"
|
|
8201
8214
|
}, React$1.createElement("div", {
|
|
8202
|
-
className: rootClassName$
|
|
8215
|
+
className: rootClassName$26 + "-title"
|
|
8203
8216
|
}, "Servi\xE7os por telefone"), React$1.createElement("div", {
|
|
8204
|
-
className: rootClassName$
|
|
8217
|
+
className: rootClassName$26 + "-subtitle nunito"
|
|
8205
8218
|
}, "Capitais e regi\xF5es metropolitanas"), React$1.createElement("div", {
|
|
8206
|
-
className: rootClassName$
|
|
8219
|
+
className: rootClassName$26 + "-number"
|
|
8207
8220
|
}, React$1.createElement(AnimatedLink$1, {
|
|
8208
8221
|
href: 'tel:+555130034770'
|
|
8209
8222
|
}, "3003 4770")), React$1.createElement("div", {
|
|
8210
|
-
className: rootClassName$
|
|
8223
|
+
className: rootClassName$26 + "-asterisco nunito"
|
|
8211
8224
|
}, "* Custo de uma liga\xE7\xE3o local"), React$1.createElement("div", {
|
|
8212
|
-
className: rootClassName$
|
|
8225
|
+
className: rootClassName$26 + "-space"
|
|
8213
8226
|
}), React$1.createElement("div", {
|
|
8214
|
-
className: rootClassName$
|
|
8227
|
+
className: rootClassName$26 + "-title"
|
|
8215
8228
|
}, "Demais regi\xF5es"), React$1.createElement("div", {
|
|
8216
|
-
className: rootClassName$
|
|
8229
|
+
className: rootClassName$26 + "-number"
|
|
8217
8230
|
}, React$1.createElement(AnimatedLink$1, {
|
|
8218
8231
|
href: 'tel:08007244770'
|
|
8219
8232
|
}, "0800 724 4770")), React$1.createElement("div", {
|
|
8220
|
-
className: rootClassName$
|
|
8233
|
+
className: rootClassName$26 + "-asterisco nunito"
|
|
8221
8234
|
}, "* Sem custo")), React$1.createElement(Col$1, {
|
|
8222
8235
|
cols: colSize,
|
|
8223
|
-
className: rootClassName$
|
|
8236
|
+
className: rootClassName$26 + "-cell"
|
|
8224
8237
|
}, React$1.createElement("div", {
|
|
8225
|
-
className: rootClassName$
|
|
8238
|
+
className: rootClassName$26 + "-title"
|
|
8226
8239
|
}, "SAC"), React$1.createElement("div", {
|
|
8227
|
-
className: rootClassName$
|
|
8240
|
+
className: rootClassName$26 + "-subtitle nunito"
|
|
8228
8241
|
}, "Informa\xE7\xF5es, elogios e reclama\xE7\xF5es"), React$1.createElement("div", {
|
|
8229
|
-
className: rootClassName$
|
|
8242
|
+
className: rootClassName$26 + "-number"
|
|
8230
8243
|
}, React$1.createElement(AnimatedLink$1, {
|
|
8231
8244
|
href: 'tel:08007247220'
|
|
8232
8245
|
}, "0800 724 7220")), React$1.createElement("div", {
|
|
8233
|
-
className: rootClassName$
|
|
8246
|
+
className: rootClassName$26 + "-space"
|
|
8234
8247
|
}), React$1.createElement("div", {
|
|
8235
|
-
className: rootClassName$
|
|
8248
|
+
className: rootClassName$26 + "-space"
|
|
8236
8249
|
}), React$1.createElement("div", {
|
|
8237
|
-
className: rootClassName$
|
|
8250
|
+
className: rootClassName$26 + "-title"
|
|
8238
8251
|
}, "Ouvidoria"), React$1.createElement("div", {
|
|
8239
|
-
className: rootClassName$
|
|
8252
|
+
className: rootClassName$26 + "-subtitle nunito"
|
|
8240
8253
|
}, "Reclama\xE7\xF5es e den\xFAncias"), React$1.createElement("div", {
|
|
8241
|
-
className: rootClassName$
|
|
8254
|
+
className: rootClassName$26 + "-number"
|
|
8242
8255
|
}, React$1.createElement(AnimatedLink$1, {
|
|
8243
8256
|
href: 'tel:08006462519'
|
|
8244
8257
|
}, "0800 646 2519"))), React$1.createElement(Col$1, {
|
|
8245
8258
|
cols: colSize,
|
|
8246
|
-
className: rootClassName$
|
|
8259
|
+
className: rootClassName$26 + "-cell"
|
|
8247
8260
|
}, React$1.createElement("div", {
|
|
8248
|
-
className: rootClassName$
|
|
8261
|
+
className: rootClassName$26 + "-title"
|
|
8249
8262
|
}, "Chamadas internacionais"), React$1.createElement("div", {
|
|
8250
|
-
className: rootClassName$
|
|
8263
|
+
className: rootClassName$26 + "-subtitle nunito"
|
|
8251
8264
|
}, "(a cobrar)"), React$1.createElement("div", {
|
|
8252
|
-
className: rootClassName$
|
|
8265
|
+
className: rootClassName$26 + "-number"
|
|
8253
8266
|
}, React$1.createElement(AnimatedLink$1, {
|
|
8254
8267
|
href: 'tel:+555133784472'
|
|
8255
8268
|
}, "+55 51 3378 4472")), React$1.createElement("div", {
|
|
8256
|
-
className: rootClassName$
|
|
8269
|
+
className: rootClassName$26 + "-space"
|
|
8257
8270
|
}), React$1.createElement("div", {
|
|
8258
|
-
className: rootClassName$
|
|
8271
|
+
className: rootClassName$26 + "-space"
|
|
8259
8272
|
}), React$1.createElement("div", {
|
|
8260
|
-
className: rootClassName$
|
|
8273
|
+
className: rootClassName$26 + "-title"
|
|
8261
8274
|
}, "Atendimento \xE0 pessoas com defici\xEAncia"), React$1.createElement("div", {
|
|
8262
|
-
className: rootClassName$
|
|
8275
|
+
className: rootClassName$26 + "-subtitle nunito"
|
|
8263
8276
|
}, "Auditivos ou de fala"), React$1.createElement("div", {
|
|
8264
|
-
className: rootClassName$
|
|
8277
|
+
className: rootClassName$26 + "-number"
|
|
8265
8278
|
}, React$1.createElement(AnimatedLink$1, {
|
|
8266
8279
|
href: 'tel:08007240525'
|
|
8267
8280
|
}, "0800 724 0525")))), props.midiasSociais ? React$1.createElement(Row$1, {
|
|
8268
|
-
className: rootClassName$
|
|
8281
|
+
className: rootClassName$26 + "-section",
|
|
8269
8282
|
style: {
|
|
8270
8283
|
maxWidth: props.maxWidth + "px"
|
|
8271
8284
|
}
|
|
8272
8285
|
}, React$1.createElement(Row$1, null, React$1.createElement(AnimatedLink$1, {
|
|
8273
|
-
className: rootClassName$
|
|
8286
|
+
className: rootClassName$26 + "-social-media nunito",
|
|
8274
8287
|
href: 'https://www.youtube.com/user/sicredioficial',
|
|
8275
8288
|
target: '_blank',
|
|
8276
8289
|
rel: 'noopener noreferrer'
|
|
8277
8290
|
}, "youtube"), React$1.createElement(AnimatedLink$1, {
|
|
8278
|
-
className: rootClassName$
|
|
8291
|
+
className: rootClassName$26 + "-social-media nunito",
|
|
8279
8292
|
href: 'https://twitter.com/sicredi',
|
|
8280
8293
|
target: '_blank',
|
|
8281
8294
|
rel: 'noopener noreferrer'
|
|
8282
8295
|
}, "twitter"), React$1.createElement(AnimatedLink$1, {
|
|
8283
|
-
className: rootClassName$
|
|
8296
|
+
className: rootClassName$26 + "-social-media nunito",
|
|
8284
8297
|
href: 'https://www.linkedin.com/company/sicredi',
|
|
8285
8298
|
target: '_blank',
|
|
8286
8299
|
rel: 'noopener noreferrer'
|
|
8287
8300
|
}, "linkedin"), React$1.createElement(AnimatedLink$1, {
|
|
8288
|
-
className: rootClassName$
|
|
8301
|
+
className: rootClassName$26 + "-social-media nunito",
|
|
8289
8302
|
href: 'https://www.instagram.com/sicredi/',
|
|
8290
8303
|
target: '_blank',
|
|
8291
8304
|
rel: 'noopener noreferrer'
|
|
8292
8305
|
}, "instagram"), React$1.createElement(AnimatedLink$1, {
|
|
8293
|
-
className: rootClassName$
|
|
8306
|
+
className: rootClassName$26 + "-social-media nunito",
|
|
8294
8307
|
href: 'https://www.facebook.com/Sicredi',
|
|
8295
8308
|
target: '_blank',
|
|
8296
8309
|
rel: 'noopener noreferrer'
|
|
8297
8310
|
}, "facebook")), React$1.createElement(Row$1, {
|
|
8298
|
-
className: rootClassName$
|
|
8311
|
+
className: rootClassName$26 + "-endereco"
|
|
8299
8312
|
}, React$1.createElement(Row$1, {
|
|
8300
8313
|
className: 'nunito'
|
|
8301
8314
|
}, "Confedera\xE7\xE3o das Cooperativas do Sicredi"), React$1.createElement(Row$1, {
|
|
@@ -8308,16 +8321,16 @@ function FooterSicredi(props) {
|
|
|
8308
8321
|
}
|
|
8309
8322
|
var FooterSicredi$1 = memo(FooterSicredi);
|
|
8310
8323
|
|
|
8311
|
-
var rootClassName$
|
|
8324
|
+
var rootClassName$27 = 'full-height-container';
|
|
8312
8325
|
function FullHeightContainer(props) {
|
|
8313
8326
|
return React$1.createElement("div", {
|
|
8314
|
-
className: rootClassName$
|
|
8327
|
+
className: rootClassName$27
|
|
8315
8328
|
}, React$1.createElement("div", {
|
|
8316
|
-
className: rootClassName$
|
|
8329
|
+
className: rootClassName$27 + "-row-header"
|
|
8317
8330
|
}, props.header), React$1.createElement("div", {
|
|
8318
|
-
className: getMergedClassNames([rootClassName$
|
|
8331
|
+
className: getMergedClassNames([rootClassName$27 + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
|
|
8319
8332
|
}, props.children), props.fixedFooter ? React$1.createElement("div", {
|
|
8320
|
-
className: rootClassName$
|
|
8333
|
+
className: rootClassName$27 + "-row-footer"
|
|
8321
8334
|
}, props.fixedFooter) : undefined);
|
|
8322
8335
|
}
|
|
8323
8336
|
FullHeightContainer.defaultProps = {
|
|
@@ -8329,10 +8342,10 @@ var FullHeightContainer$1 = memo(FullHeightContainer);
|
|
|
8329
8342
|
var HEADER_SEPARATOR_PRIMARY = 'primary';
|
|
8330
8343
|
var HEADER_SEPARATOR_SECONDARY = 'secondary';
|
|
8331
8344
|
|
|
8332
|
-
var rootClassName$
|
|
8345
|
+
var rootClassName$28 = 'component-header-separator';
|
|
8333
8346
|
function HeaderSeparator(props) {
|
|
8334
8347
|
return React$1.createElement("div", {
|
|
8335
|
-
className: getMergedClassNames([rootClassName$
|
|
8348
|
+
className: getMergedClassNames([rootClassName$28, rootClassName$28 + "-" + props.theme])
|
|
8336
8349
|
});
|
|
8337
8350
|
}
|
|
8338
8351
|
HeaderSeparator.defaultProps = {
|
|
@@ -8347,7 +8360,7 @@ var HeaderType;
|
|
|
8347
8360
|
HeaderType["Assembleia"] = "assembleia";
|
|
8348
8361
|
})(HeaderType || (HeaderType = {}));
|
|
8349
8362
|
|
|
8350
|
-
var rootClassName$
|
|
8363
|
+
var rootClassName$29 = 'component-header';
|
|
8351
8364
|
function Header(props) {
|
|
8352
8365
|
var _props$blackBar;
|
|
8353
8366
|
var handleClick = function handleClick() {
|
|
@@ -8358,32 +8371,32 @@ function Header(props) {
|
|
|
8358
8371
|
var getProps = function getProps() {
|
|
8359
8372
|
var p = {
|
|
8360
8373
|
onClick: handleClick,
|
|
8361
|
-
className: getMergedClassNames([rootClassName$
|
|
8374
|
+
className: getMergedClassNames([rootClassName$29, props.className, rootClassName$29 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
|
|
8362
8375
|
};
|
|
8363
8376
|
return p;
|
|
8364
8377
|
};
|
|
8365
|
-
var clearfixClassNames = getMergedClassNames([rootClassName$
|
|
8378
|
+
var clearfixClassNames = getMergedClassNames([rootClassName$29 + "-clearfix", rootClassName$29 + "-" + props.theme]);
|
|
8366
8379
|
return React$1.createElement(React$1.Fragment, null, React$1.createElement("header", Object.assign({}, getProps(), {
|
|
8367
8380
|
style: {
|
|
8368
8381
|
position: props.position
|
|
8369
8382
|
}
|
|
8370
8383
|
}), props.blackBar && props.blackBar.show ? React$1.createElement("div", {
|
|
8371
|
-
className: rootClassName$
|
|
8384
|
+
className: rootClassName$29 + "-black-bar"
|
|
8372
8385
|
}, React$1.createElement("a", {
|
|
8373
8386
|
href: props.blackBar.link,
|
|
8374
8387
|
target: (_props$blackBar = props.blackBar) === null || _props$blackBar === void 0 ? void 0 : _props$blackBar.target
|
|
8375
8388
|
}, props.blackBar.icon, React$1.createElement("span", {
|
|
8376
8389
|
className: 'nunito'
|
|
8377
8390
|
}, props.blackBar.label))) : undefined, React$1.createElement("div", {
|
|
8378
|
-
className: rootClassName$
|
|
8391
|
+
className: rootClassName$29 + "-header-item"
|
|
8379
8392
|
}, props.leftContent, props.separator && props.separator.show ? React$1.createElement("div", {
|
|
8380
|
-
className: rootClassName$
|
|
8393
|
+
className: rootClassName$29 + "-separator-logo"
|
|
8381
8394
|
}, props.separator.label) : undefined), React$1.createElement("div", {
|
|
8382
|
-
className: rootClassName$
|
|
8395
|
+
className: rootClassName$29 + "-header-item"
|
|
8383
8396
|
}, props.centerContent), React$1.createElement("div", {
|
|
8384
|
-
className: rootClassName$
|
|
8397
|
+
className: rootClassName$29 + "-header-item"
|
|
8385
8398
|
}, props.rightContent)), props.theme === HeaderType.Semi && React$1.createElement("div", {
|
|
8386
|
-
className: rootClassName$
|
|
8399
|
+
className: rootClassName$29 + "-semi-clear"
|
|
8387
8400
|
}), props.clearfix && React$1.createElement("div", {
|
|
8388
8401
|
className: clearfixClassNames
|
|
8389
8402
|
}));
|
|
@@ -8395,11 +8408,11 @@ Header.defaultProps = {
|
|
|
8395
8408
|
};
|
|
8396
8409
|
var Header$1 = memo(Header);
|
|
8397
8410
|
|
|
8398
|
-
var rootClassName$
|
|
8411
|
+
var rootClassName$2a = 'component-information-icon';
|
|
8399
8412
|
function Information(props) {
|
|
8400
8413
|
var getProps = function getProps() {
|
|
8401
8414
|
var p = _extends({}, props, {
|
|
8402
|
-
className: getMergedClassNames([rootClassName$
|
|
8415
|
+
className: getMergedClassNames([rootClassName$2a, props.className || ''])
|
|
8403
8416
|
});
|
|
8404
8417
|
delete p.icon;
|
|
8405
8418
|
delete p['tooltip-text'];
|
|
@@ -8407,7 +8420,7 @@ function Information(props) {
|
|
|
8407
8420
|
return p;
|
|
8408
8421
|
};
|
|
8409
8422
|
return React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
|
|
8410
|
-
className: rootClassName$
|
|
8423
|
+
className: rootClassName$2a + "-icon",
|
|
8411
8424
|
"tooltip-text": props['tooltip-text'],
|
|
8412
8425
|
"tooltip-position": props['tooltip-position']
|
|
8413
8426
|
}, props.icon));
|
|
@@ -8416,12 +8429,12 @@ Information.defaultProps = {
|
|
|
8416
8429
|
icon: React$1.createElement(InformationIcon, null)
|
|
8417
8430
|
};
|
|
8418
8431
|
|
|
8419
|
-
var rootClassName$
|
|
8432
|
+
var rootClassName$2b = 'component-input';
|
|
8420
8433
|
function Input(props) {
|
|
8421
8434
|
var getProps = function getProps() {
|
|
8422
8435
|
var p = _extends({}, props, {
|
|
8423
8436
|
id: props.id ? props.id + "-input" : undefined,
|
|
8424
|
-
className: getMergedClassNames(['nunito', rootClassName$
|
|
8437
|
+
className: getMergedClassNames(['nunito', rootClassName$2b + "-input", props.className || ''])
|
|
8425
8438
|
});
|
|
8426
8439
|
delete p.loading;
|
|
8427
8440
|
delete p.error;
|
|
@@ -8434,23 +8447,23 @@ function Input(props) {
|
|
|
8434
8447
|
return p;
|
|
8435
8448
|
};
|
|
8436
8449
|
var getContainerClassNames = function getContainerClassNames() {
|
|
8437
|
-
return getMergedClassNames([rootClassName$
|
|
8450
|
+
return getMergedClassNames([rootClassName$2b, props.error ? rootClassName$2b + "-error" : '', props.loading ? rootClassName$2b + "-loading" : '', props.disabled ? rootClassName$2b + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
|
|
8438
8451
|
};
|
|
8439
8452
|
return React$1.createElement("div", {
|
|
8440
8453
|
id: props.id,
|
|
8441
8454
|
className: getContainerClassNames()
|
|
8442
8455
|
}, !props.hideLabelAndHelperText && React$1.createElement("div", {
|
|
8443
|
-
className: rootClassName$
|
|
8456
|
+
className: rootClassName$2b + "-label nunito"
|
|
8444
8457
|
}, props.label || ''), React$1.createElement("div", {
|
|
8445
|
-
className: rootClassName$
|
|
8458
|
+
className: rootClassName$2b + "-input-container"
|
|
8446
8459
|
}, React$1.createElement("input", Object.assign({}, getProps())), props.rightObject && React$1.createElement("div", {
|
|
8447
|
-
className: rootClassName$
|
|
8460
|
+
className: rootClassName$2b + "-right-object"
|
|
8448
8461
|
}, props.rightObject)), !props.hideLabelAndHelperText && React$1.createElement("div", {
|
|
8449
|
-
className: rootClassName$
|
|
8462
|
+
className: rootClassName$2b + "-helper-and-counter"
|
|
8450
8463
|
}, React$1.createElement("div", {
|
|
8451
|
-
className: rootClassName$
|
|
8464
|
+
className: rootClassName$2b + "-helper-text nunito"
|
|
8452
8465
|
}, props.helperText || ''), props.counter && React$1.createElement("div", {
|
|
8453
|
-
className: rootClassName$
|
|
8466
|
+
className: rootClassName$2b + "-counter"
|
|
8454
8467
|
}, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
|
|
8455
8468
|
}
|
|
8456
8469
|
Input.defaultProps = {
|
|
@@ -8465,7 +8478,7 @@ Input.defaultProps = {
|
|
|
8465
8478
|
};
|
|
8466
8479
|
var Input$1 = memo(Input);
|
|
8467
8480
|
|
|
8468
|
-
var rootClassName$
|
|
8481
|
+
var rootClassName$2c = 'component-input-area';
|
|
8469
8482
|
function InputArea(props) {
|
|
8470
8483
|
var _useState = useState(props.id ? props.id : getUniqueKey()),
|
|
8471
8484
|
id = _useState[0];
|
|
@@ -8473,7 +8486,7 @@ function InputArea(props) {
|
|
|
8473
8486
|
var p = _extends({}, props, {
|
|
8474
8487
|
rows: 1,
|
|
8475
8488
|
id: id ? id + "-input" : undefined,
|
|
8476
|
-
className: getMergedClassNames(['nunito', rootClassName$
|
|
8489
|
+
className: getMergedClassNames(['nunito', rootClassName$2c + "-input-area", props.className || ''])
|
|
8477
8490
|
});
|
|
8478
8491
|
delete p.loading;
|
|
8479
8492
|
delete p.error;
|
|
@@ -8493,23 +8506,23 @@ function InputArea(props) {
|
|
|
8493
8506
|
}
|
|
8494
8507
|
}, [props.value]);
|
|
8495
8508
|
var getContainerClassNames = function getContainerClassNames() {
|
|
8496
|
-
return getMergedClassNames([rootClassName$
|
|
8509
|
+
return getMergedClassNames([rootClassName$2c, props.error ? rootClassName$2c + "-error" : '', props.loading ? rootClassName$2c + "-loading" : '', props.disabled ? rootClassName$2c + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
|
|
8497
8510
|
};
|
|
8498
8511
|
return React$1.createElement("div", {
|
|
8499
8512
|
id: id,
|
|
8500
8513
|
className: getContainerClassNames()
|
|
8501
8514
|
}, !props.hideLabelAndHelperText && React$1.createElement("div", {
|
|
8502
|
-
className: rootClassName$
|
|
8515
|
+
className: rootClassName$2c + "-label nunito"
|
|
8503
8516
|
}, props.label || ''), React$1.createElement("div", {
|
|
8504
|
-
className: rootClassName$
|
|
8517
|
+
className: rootClassName$2c + "-input-container"
|
|
8505
8518
|
}, React$1.createElement("textarea", Object.assign({}, getProps())), props.rightObject && React$1.createElement("div", {
|
|
8506
|
-
className: rootClassName$
|
|
8519
|
+
className: rootClassName$2c + "-right-object"
|
|
8507
8520
|
}, props.rightObject)), !props.hideLabelAndHelperText && React$1.createElement("div", {
|
|
8508
|
-
className: rootClassName$
|
|
8521
|
+
className: rootClassName$2c + "-helper-and-counter"
|
|
8509
8522
|
}, React$1.createElement("div", {
|
|
8510
|
-
className: rootClassName$
|
|
8523
|
+
className: rootClassName$2c + "-helper-text nunito"
|
|
8511
8524
|
}, props.helperText || ''), props.counter && React$1.createElement("div", {
|
|
8512
|
-
className: rootClassName$
|
|
8525
|
+
className: rootClassName$2c + "-counter"
|
|
8513
8526
|
}, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
|
|
8514
8527
|
}
|
|
8515
8528
|
InputArea.defaultProps = {
|
|
@@ -8525,14 +8538,14 @@ InputArea.defaultProps = {
|
|
|
8525
8538
|
};
|
|
8526
8539
|
var InputArea$1 = memo(InputArea);
|
|
8527
8540
|
|
|
8528
|
-
var rootClassName$
|
|
8541
|
+
var rootClassName$2d = 'component-item-dropdown-download';
|
|
8529
8542
|
function ItemDropdownDownload(props) {
|
|
8530
8543
|
var id = useMemo(function () {
|
|
8531
8544
|
return props.id ? props.id : getUniqueKey();
|
|
8532
8545
|
}, [props.id]);
|
|
8533
8546
|
var filteredProps = useMemo(function () {
|
|
8534
8547
|
var p = _extends({}, props, {
|
|
8535
|
-
className: getMergedClassNames([rootClassName$
|
|
8548
|
+
className: getMergedClassNames([rootClassName$2d, props.className || '', props.opened ? 'opened' : 'closed']),
|
|
8536
8549
|
onClick: function onClick(event) {
|
|
8537
8550
|
if (typeof props.onClick === 'function') {
|
|
8538
8551
|
props.onClick(event);
|
|
@@ -8553,12 +8566,12 @@ function ItemDropdownDownload(props) {
|
|
|
8553
8566
|
useEffect(function () {
|
|
8554
8567
|
var onHandleClick = function onHandleClick(evt) {
|
|
8555
8568
|
if (evt.path) {
|
|
8556
|
-
if (document.querySelector("#" + id + " ." + rootClassName$
|
|
8569
|
+
if (document.querySelector("#" + id + " ." + rootClassName$2d + "-panel.panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
|
|
8557
8570
|
} else {
|
|
8558
8571
|
var aux = evt.target;
|
|
8559
8572
|
var deveFechar = true;
|
|
8560
8573
|
while (aux && aux.id !== 'root') {
|
|
8561
|
-
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$
|
|
8574
|
+
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2d + "-outer")) {
|
|
8562
8575
|
deveFechar = false;
|
|
8563
8576
|
break;
|
|
8564
8577
|
}
|
|
@@ -8595,23 +8608,23 @@ function ItemDropdownDownload(props) {
|
|
|
8595
8608
|
};
|
|
8596
8609
|
}, [props.opened]);
|
|
8597
8610
|
return React$1.createElement("div", {
|
|
8598
|
-
className: rootClassName$
|
|
8611
|
+
className: rootClassName$2d + "-outer",
|
|
8599
8612
|
id: id
|
|
8600
8613
|
}, React$1.createElement("button", Object.assign({}, filteredProps), React$1.createElement("div", {
|
|
8601
|
-
className: rootClassName$
|
|
8614
|
+
className: rootClassName$2d + "-label"
|
|
8602
8615
|
}, props.label), React$1.createElement("div", {
|
|
8603
|
-
className: getMergedClassNames([rootClassName$
|
|
8616
|
+
className: getMergedClassNames([rootClassName$2d + "-arrow", props.opened ? 'up' : 'down'])
|
|
8604
8617
|
}, React$1.createElement(ChevronArrowDownIcon, null))), React$1.createElement(CSSTransition, {
|
|
8605
8618
|
"in": props.opened,
|
|
8606
8619
|
timeout: 300,
|
|
8607
8620
|
classNames: 'panel-fade',
|
|
8608
8621
|
unmountOnExit: true
|
|
8609
8622
|
}, React$1.createElement("div", {
|
|
8610
|
-
className: rootClassName$
|
|
8623
|
+
className: rootClassName$2d + "-panel"
|
|
8611
8624
|
}, props.downloads && props.downloads.length ? props.downloads.map(function (download, index) {
|
|
8612
8625
|
return React$1.createElement("button", {
|
|
8613
8626
|
id: download.id || undefined,
|
|
8614
|
-
className: rootClassName$
|
|
8627
|
+
className: rootClassName$2d + "-item " + (download.loading ? 'loading' : ''),
|
|
8615
8628
|
onClick: function onClick(evt) {
|
|
8616
8629
|
if (!download.loading && typeof download.onClick === 'function') {
|
|
8617
8630
|
download.onClick(evt);
|
|
@@ -8619,9 +8632,9 @@ function ItemDropdownDownload(props) {
|
|
|
8619
8632
|
},
|
|
8620
8633
|
key: index
|
|
8621
8634
|
}, React$1.createElement("div", {
|
|
8622
|
-
className: rootClassName$
|
|
8635
|
+
className: rootClassName$2d + "-item-label"
|
|
8623
8636
|
}, download.label), React$1.createElement("div", {
|
|
8624
|
-
className: rootClassName$
|
|
8637
|
+
className: rootClassName$2d + "-download-icon"
|
|
8625
8638
|
}, download.loading ? React$1.createElement(PercentLoaderIcon, {
|
|
8626
8639
|
indefinido: true
|
|
8627
8640
|
}) : React$1.createElement(CloudDownloadIcon, null)));
|
|
@@ -8633,7 +8646,7 @@ ItemDropdownDownload.defaultProps = {
|
|
|
8633
8646
|
};
|
|
8634
8647
|
var ItemDropdownDownload$1 = memo(ItemDropdownDownload);
|
|
8635
8648
|
|
|
8636
|
-
var rootClassName$
|
|
8649
|
+
var rootClassName$2e = 'component-menu-item';
|
|
8637
8650
|
function MenuItem(props) {
|
|
8638
8651
|
var handleClick = function handleClick() {
|
|
8639
8652
|
if (!props.disabled) {
|
|
@@ -8643,7 +8656,7 @@ function MenuItem(props) {
|
|
|
8643
8656
|
var getProps = function getProps() {
|
|
8644
8657
|
var p = _extends({}, props, {
|
|
8645
8658
|
onClick: handleClick,
|
|
8646
|
-
className: getMergedClassNames([rootClassName$
|
|
8659
|
+
className: getMergedClassNames([rootClassName$2e, props.className, props.active ? rootClassName$2e + "-active" : ''])
|
|
8647
8660
|
});
|
|
8648
8661
|
delete p.icon;
|
|
8649
8662
|
delete p.active;
|
|
@@ -8656,15 +8669,15 @@ function MenuItem(props) {
|
|
|
8656
8669
|
return p;
|
|
8657
8670
|
};
|
|
8658
8671
|
return React$1.createElement(React$1.Fragment, null, React$1.createElement("button", Object.assign({}, getProps()), React$1.createElement("div", {
|
|
8659
|
-
className: rootClassName$
|
|
8672
|
+
className: rootClassName$2e + "-icon"
|
|
8660
8673
|
}, props.icon), React$1.createElement("div", {
|
|
8661
|
-
className: rootClassName$
|
|
8674
|
+
className: rootClassName$2e + "-label"
|
|
8662
8675
|
}, props.label)), props.subList && props.subList.length ? React$1.createElement(Collapse$1, {
|
|
8663
8676
|
opened: Boolean(props.buscar && props.buscarValue || props.subListOpened)
|
|
8664
8677
|
}, React$1.createElement("div", {
|
|
8665
|
-
className: rootClassName$
|
|
8678
|
+
className: rootClassName$2e + "-sub-list"
|
|
8666
8679
|
}, props.subList.map(function (subItem) {
|
|
8667
|
-
var itemClassNames = getMergedClassNames([rootClassName$
|
|
8680
|
+
var itemClassNames = getMergedClassNames([rootClassName$2e + "-sub-item", subItem.active ? rootClassName$2e + "-active" : '']);
|
|
8668
8681
|
var idAndKey = subItem.id ? subItem.id : getUniqueKey();
|
|
8669
8682
|
return React$1.createElement("div", {
|
|
8670
8683
|
id: idAndKey,
|
|
@@ -8672,9 +8685,9 @@ function MenuItem(props) {
|
|
|
8672
8685
|
key: idAndKey,
|
|
8673
8686
|
onClick: subItem.onClick
|
|
8674
8687
|
}, React$1.createElement("div", {
|
|
8675
|
-
className: rootClassName$
|
|
8688
|
+
className: rootClassName$2e + "-sub-item-icon"
|
|
8676
8689
|
}, subItem.icon), React$1.createElement("div", {
|
|
8677
|
-
className: rootClassName$
|
|
8690
|
+
className: rootClassName$2e + "-sub-item-label"
|
|
8678
8691
|
}, subItem.label));
|
|
8679
8692
|
}))) : undefined);
|
|
8680
8693
|
}
|
|
@@ -8685,7 +8698,7 @@ MenuItem.defaultProps = {
|
|
|
8685
8698
|
label: ''
|
|
8686
8699
|
};
|
|
8687
8700
|
|
|
8688
|
-
var rootClassName$
|
|
8701
|
+
var rootClassName$2f = 'component-menu';
|
|
8689
8702
|
var timeout;
|
|
8690
8703
|
var format = function format(s) {
|
|
8691
8704
|
return getStringWithoutSpecialChar(s).trim().toLowerCase();
|
|
@@ -8727,11 +8740,11 @@ function Menu(props) {
|
|
|
8727
8740
|
}, [props.openOnClick]);
|
|
8728
8741
|
var getProps = function getProps() {
|
|
8729
8742
|
var openedOrNot = function openedOrNot(condition) {
|
|
8730
|
-
if (condition) return rootClassName$
|
|
8743
|
+
if (condition) return rootClassName$2f + "-opened";
|
|
8731
8744
|
return '';
|
|
8732
8745
|
};
|
|
8733
8746
|
var p = _extends({}, props, {
|
|
8734
|
-
className: getMergedClassNames([rootClassName$
|
|
8747
|
+
className: getMergedClassNames([rootClassName$2f, 'scroll-white', props.className, props.shortOnMD ? rootClassName$2f + "-short-on-md" : '', props.openOnClick ? rootClassName$2f + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$2f + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
|
|
8735
8748
|
});
|
|
8736
8749
|
delete p.loading;
|
|
8737
8750
|
delete p.openOnClick;
|
|
@@ -8767,14 +8780,14 @@ function Menu(props) {
|
|
|
8767
8780
|
});
|
|
8768
8781
|
}, [buscarValue, props.items]);
|
|
8769
8782
|
return React$1.createElement(React$1.Fragment, null, React$1.createElement("div", Object.assign({}, getProps()), props.hamburgerMenu && React$1.createElement(IconButton$1, {
|
|
8770
|
-
className: rootClassName$
|
|
8783
|
+
className: rootClassName$2f + "-close-button",
|
|
8771
8784
|
icon: React$1.createElement(CloseIcon, null),
|
|
8772
8785
|
onClick: function onClick() {
|
|
8773
8786
|
setOpened(false);
|
|
8774
8787
|
if (typeof props.setOpened === 'function') props.setOpened(false);
|
|
8775
8788
|
}
|
|
8776
8789
|
}), React$1.createElement("div", {
|
|
8777
|
-
className: rootClassName$
|
|
8790
|
+
className: rootClassName$2f + "-logo"
|
|
8778
8791
|
}, props.logo), React$1.createElement(Collapse$1, {
|
|
8779
8792
|
animateOpacity: true,
|
|
8780
8793
|
opened: props.loading
|
|
@@ -8786,7 +8799,7 @@ function Menu(props) {
|
|
|
8786
8799
|
animateOpacity: true,
|
|
8787
8800
|
opened: props.buscar && !props.loading
|
|
8788
8801
|
}, React$1.createElement("div", {
|
|
8789
|
-
className: rootClassName$
|
|
8802
|
+
className: rootClassName$2f + "-buscar"
|
|
8790
8803
|
}, React$1.createElement(Input$1, {
|
|
8791
8804
|
disabled: props.loading || !props.buscar,
|
|
8792
8805
|
id: 'buscar-menu',
|
|
@@ -8802,29 +8815,29 @@ function Menu(props) {
|
|
|
8802
8815
|
animateOpacity: true,
|
|
8803
8816
|
opened: itens.length > 0
|
|
8804
8817
|
}, React$1.createElement("div", {
|
|
8805
|
-
className: rootClassName$
|
|
8818
|
+
className: rootClassName$2f + "-items"
|
|
8806
8819
|
}, itens.map(function (it, index) {
|
|
8807
8820
|
return React$1.createElement("div", {
|
|
8808
|
-
className: rootClassName$
|
|
8821
|
+
className: rootClassName$2f + "-it",
|
|
8809
8822
|
key: index
|
|
8810
8823
|
}, React$1.createElement(MenuItem, Object.assign({}, it, {
|
|
8811
8824
|
buscar: props.buscar,
|
|
8812
8825
|
buscarValue: buscarValue
|
|
8813
8826
|
})));
|
|
8814
8827
|
})))), React$1.createElement(React$1.Fragment, null, props.openOnClick && React$1.createElement("button", {
|
|
8815
|
-
className: rootClassName$
|
|
8828
|
+
className: rootClassName$2f + "-toggle " + (opened ? rootClassName$2f + "-opened" : ''),
|
|
8816
8829
|
onClick: function onClick() {
|
|
8817
8830
|
setOpened(!opened);
|
|
8818
8831
|
if (typeof props.setOpened === 'function') props.setOpened(false);
|
|
8819
8832
|
}
|
|
8820
8833
|
}, React$1.createElement(ChevronArrowRightIcon, null))), React$1.createElement(React$1.Fragment, null, (props.openOnClick || props.hamburgerMenu) && React$1.createElement(CSSTransition, {
|
|
8821
8834
|
timeout: 300,
|
|
8822
|
-
classNames: rootClassName$
|
|
8835
|
+
classNames: rootClassName$2f + "-background",
|
|
8823
8836
|
"in": (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? props.opened : opened),
|
|
8824
8837
|
mountOnEnter: true,
|
|
8825
8838
|
unmountOnExit: true
|
|
8826
8839
|
}, React$1.createElement("div", {
|
|
8827
|
-
className: rootClassName$
|
|
8840
|
+
className: rootClassName$2f + "-background",
|
|
8828
8841
|
onClick: function onClick() {
|
|
8829
8842
|
setOpened(false);
|
|
8830
8843
|
if (typeof props.setOpened === 'function') props.setOpened(false);
|
|
@@ -8844,12 +8857,12 @@ Menu.defaultProps = {
|
|
|
8844
8857
|
};
|
|
8845
8858
|
var Menu$1 = memo(Menu);
|
|
8846
8859
|
|
|
8847
|
-
var rootClassName$
|
|
8860
|
+
var rootClassName$2g = 'component-modal';
|
|
8848
8861
|
function Modal(props) {
|
|
8849
8862
|
var filteredProps = useMemo(function () {
|
|
8850
8863
|
var p = _extends({}, props, {
|
|
8851
8864
|
id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
|
|
8852
|
-
className: getMergedClassNames([props.className || '', rootClassName$
|
|
8865
|
+
className: getMergedClassNames([props.className || '', rootClassName$2g, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2g + "-" + String(props.size).toLowerCase()])
|
|
8853
8866
|
});
|
|
8854
8867
|
delete p.footer;
|
|
8855
8868
|
delete p.title;
|
|
@@ -8879,18 +8892,18 @@ function Modal(props) {
|
|
|
8879
8892
|
if (typeof props.onClose === 'function') props.onClose(props.modalKey);
|
|
8880
8893
|
};
|
|
8881
8894
|
return React$1.createElement("div", Object.assign({}, filteredProps), React$1.createElement("div", {
|
|
8882
|
-
className: rootClassName$
|
|
8895
|
+
className: rootClassName$2g + "-header"
|
|
8883
8896
|
}, React$1.createElement("div", {
|
|
8884
|
-
className: rootClassName$
|
|
8897
|
+
className: rootClassName$2g + "-title"
|
|
8885
8898
|
}, props.title), React$1.createElement("div", {
|
|
8886
|
-
className: rootClassName$
|
|
8899
|
+
className: rootClassName$2g + "-close-button"
|
|
8887
8900
|
}, React$1.createElement(IconButton$1, {
|
|
8888
8901
|
onClick: handleClose,
|
|
8889
8902
|
icon: React$1.createElement(CloseIcon, null)
|
|
8890
8903
|
}))), React$1.createElement("div", {
|
|
8891
|
-
className: getMergedClassNames([rootClassName$
|
|
8904
|
+
className: getMergedClassNames([rootClassName$2g + "-content", props.compenseColPaddingContent ? 'compense' : ''])
|
|
8892
8905
|
}, props.children), props.footer ? React$1.createElement("div", {
|
|
8893
|
-
className: rootClassName$
|
|
8906
|
+
className: rootClassName$2g + "-footer"
|
|
8894
8907
|
}, footer) : undefined);
|
|
8895
8908
|
}
|
|
8896
8909
|
Modal.defaultProps = {
|
|
@@ -8899,11 +8912,11 @@ Modal.defaultProps = {
|
|
|
8899
8912
|
size: 'large'
|
|
8900
8913
|
};
|
|
8901
8914
|
|
|
8902
|
-
var rootClassName$
|
|
8915
|
+
var rootClassName$2h = 'component-modal-mask';
|
|
8903
8916
|
var ModalMask = function ModalMask(props) {
|
|
8904
8917
|
var getProps = function getProps() {
|
|
8905
8918
|
var p = _extends({}, props, {
|
|
8906
|
-
className: getMergedClassNames([rootClassName$
|
|
8919
|
+
className: getMergedClassNames([rootClassName$2h, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
|
|
8907
8920
|
});
|
|
8908
8921
|
delete p.mobileOnXS;
|
|
8909
8922
|
return p;
|
|
@@ -8911,7 +8924,7 @@ var ModalMask = function ModalMask(props) {
|
|
|
8911
8924
|
return React$1.createElement("div", Object.assign({}, getProps()), props.children);
|
|
8912
8925
|
};
|
|
8913
8926
|
|
|
8914
|
-
var rootClassName$
|
|
8927
|
+
var rootClassName$2i = 'comp-modal-manager';
|
|
8915
8928
|
var maskRootClassName = 'component-modal-mask';
|
|
8916
8929
|
var hackFocus = function hackFocus() {
|
|
8917
8930
|
var tmp = document.createElement('input');
|
|
@@ -8986,7 +8999,7 @@ var ModalManager = forwardRef(function (_props, ref) {
|
|
|
8986
8999
|
};
|
|
8987
9000
|
});
|
|
8988
9001
|
var getClassNames = function getClassNames() {
|
|
8989
|
-
return getMergedClassNames([rootClassName$
|
|
9002
|
+
return getMergedClassNames([rootClassName$2i + "-modals"]);
|
|
8990
9003
|
};
|
|
8991
9004
|
return React$1.createElement(React$1.Fragment, null, React$1.createElement(TransitionGroup, {
|
|
8992
9005
|
className: getClassNames()
|
|
@@ -8995,7 +9008,7 @@ var ModalManager = forwardRef(function (_props, ref) {
|
|
|
8995
9008
|
var ModalComponent = React$1.createElement(obj.component, obj.props);
|
|
8996
9009
|
return React$1.createElement(CSSTransition, {
|
|
8997
9010
|
timeout: 300,
|
|
8998
|
-
classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$
|
|
9011
|
+
classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2i + "-mask-mobile-on-xs" : rootClassName$2i + "-mask",
|
|
8999
9012
|
key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
|
|
9000
9013
|
unmountOnExit: true
|
|
9001
9014
|
}, React$1.createElement(ModalMask, {
|
|
@@ -9033,7 +9046,7 @@ PageSubTitle.defaultProps = {
|
|
|
9033
9046
|
text: ''
|
|
9034
9047
|
};
|
|
9035
9048
|
|
|
9036
|
-
var rootClassName$
|
|
9049
|
+
var rootClassName$2j = 'component-paginator';
|
|
9037
9050
|
function Paginator(props) {
|
|
9038
9051
|
var _useState = useState([]),
|
|
9039
9052
|
arrOfNumbers = _useState[0],
|
|
@@ -9059,13 +9072,13 @@ function Paginator(props) {
|
|
|
9059
9072
|
}, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
|
|
9060
9073
|
return React$1.createElement("div", {
|
|
9061
9074
|
id: props.id ? props.id : undefined,
|
|
9062
|
-
className: getMergedClassNames([rootClassName$
|
|
9075
|
+
className: getMergedClassNames([rootClassName$2j, props.className || ''])
|
|
9063
9076
|
}, React$1.createElement("div", {
|
|
9064
|
-
className: rootClassName$
|
|
9077
|
+
className: rootClassName$2j + "-center-content"
|
|
9065
9078
|
}, React$1.createElement("div", {
|
|
9066
9079
|
className: props.loading ? "hidden" : ''
|
|
9067
9080
|
}, props.quantidadeDePaginas > 1 ? React$1.createElement("div", {
|
|
9068
|
-
className: rootClassName$
|
|
9081
|
+
className: rootClassName$2j + "-left-arrow"
|
|
9069
9082
|
}, React$1.createElement(IconButton$1, {
|
|
9070
9083
|
disabled: props.paginaAtual === 1,
|
|
9071
9084
|
icon: React$1.createElement(ChevronArrowLeftIcon, null),
|
|
@@ -9075,11 +9088,11 @@ function Paginator(props) {
|
|
|
9075
9088
|
}
|
|
9076
9089
|
}
|
|
9077
9090
|
})) : undefined, React$1.createElement("div", {
|
|
9078
|
-
className: rootClassName$
|
|
9091
|
+
className: rootClassName$2j + "-numbers"
|
|
9079
9092
|
}, arrOfNumbers.map(function (num) {
|
|
9080
9093
|
return React$1.createElement("button", {
|
|
9081
9094
|
key: num,
|
|
9082
|
-
className: getMergedClassNames([rootClassName$
|
|
9095
|
+
className: getMergedClassNames([rootClassName$2j + "-number", num === props.paginaAtual ? 'active' : '']),
|
|
9083
9096
|
onClick: function onClick() {
|
|
9084
9097
|
if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
|
|
9085
9098
|
props.onChange(num);
|
|
@@ -9087,7 +9100,7 @@ function Paginator(props) {
|
|
|
9087
9100
|
}
|
|
9088
9101
|
}, num);
|
|
9089
9102
|
})), props.quantidadeDePaginas > 1 ? React$1.createElement("div", {
|
|
9090
|
-
className: rootClassName$
|
|
9103
|
+
className: rootClassName$2j + "-right-arrow"
|
|
9091
9104
|
}, React$1.createElement(IconButton$1, {
|
|
9092
9105
|
icon: React$1.createElement(ChevronArrowRightIcon, null),
|
|
9093
9106
|
onClick: function onClick() {
|
|
@@ -9097,12 +9110,12 @@ function Paginator(props) {
|
|
|
9097
9110
|
},
|
|
9098
9111
|
disabled: props.paginaAtual >= props.quantidadeDePaginas
|
|
9099
9112
|
})) : undefined), React$1.createElement(CSSTransition, {
|
|
9100
|
-
classNames: rootClassName$
|
|
9113
|
+
classNames: rootClassName$2j + "-loader",
|
|
9101
9114
|
"in": props.loading,
|
|
9102
9115
|
timeout: 300,
|
|
9103
9116
|
unmountOnExit: true
|
|
9104
9117
|
}, React$1.createElement("div", {
|
|
9105
|
-
className: rootClassName$
|
|
9118
|
+
className: rootClassName$2j + "-loader"
|
|
9106
9119
|
}, React$1.createElement(ThreeDotsLoader, {
|
|
9107
9120
|
size: 2
|
|
9108
9121
|
})))));
|
|
@@ -9211,10 +9224,10 @@ function usePagination(props) {
|
|
|
9211
9224
|
}, other);
|
|
9212
9225
|
}
|
|
9213
9226
|
|
|
9214
|
-
var rootClassName$
|
|
9227
|
+
var rootClassName$2k = 'icon-component';
|
|
9215
9228
|
var ThreeDots = function ThreeDots() {
|
|
9216
9229
|
return React$1.createElement("svg", {
|
|
9217
|
-
className: rootClassName$
|
|
9230
|
+
className: rootClassName$2k,
|
|
9218
9231
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
9219
9232
|
fill: 'none',
|
|
9220
9233
|
viewBox: '0.8 0.71 10.32 2.37'
|
|
@@ -9272,7 +9285,7 @@ function useScreenSize() {
|
|
|
9272
9285
|
}
|
|
9273
9286
|
|
|
9274
9287
|
var _excluded$2 = ["page", "type", "selected"];
|
|
9275
|
-
var rootClassName$
|
|
9288
|
+
var rootClassName$2l = 'pagination-component';
|
|
9276
9289
|
var Pagination = function Pagination(props) {
|
|
9277
9290
|
var screenSize = useScreenSize();
|
|
9278
9291
|
var _useState = useState(false),
|
|
@@ -9342,7 +9355,7 @@ var Pagination = function Pagination(props) {
|
|
|
9342
9355
|
return false;
|
|
9343
9356
|
}, [rowsPerPage, countPages, screenSize]);
|
|
9344
9357
|
return React$1.createElement(Row$1, {
|
|
9345
|
-
className: getMergedClassNames([rootClassName$
|
|
9358
|
+
className: getMergedClassNames([rootClassName$2l, countPages ? 'hasLeftItem' : '', countPages || rowsPerPage ? 'oneOf' : ''])
|
|
9346
9359
|
}, countPages || rowsPerPage ? React$1.createElement(Col$1, {
|
|
9347
9360
|
noPadding: true,
|
|
9348
9361
|
cols: rowsPerPage && countPages ? [12, 12, 6, 6, 6] : rowsPerPage || countPages ? [12, 6, 6, 6, 6] : [12, 12, 12, 12, 12]
|
|
@@ -9447,7 +9460,7 @@ var Pagination = function Pagination(props) {
|
|
|
9447
9460
|
}))))));
|
|
9448
9461
|
};
|
|
9449
9462
|
|
|
9450
|
-
var rootClassName$
|
|
9463
|
+
var rootClassName$2m = 'component-video-player';
|
|
9451
9464
|
function VideoPlayer(props) {
|
|
9452
9465
|
var youtubeRegex = /youtu(\.){0,1}be/;
|
|
9453
9466
|
var alreadyPlayed = false;
|
|
@@ -9488,7 +9501,7 @@ function VideoPlayer(props) {
|
|
|
9488
9501
|
}, []);
|
|
9489
9502
|
var getProps = function getProps() {
|
|
9490
9503
|
var p = _extends({}, props, {
|
|
9491
|
-
className: getMergedClassNames([rootClassName$
|
|
9504
|
+
className: getMergedClassNames([rootClassName$2m, props.className, props.blackGround ? 'blackground' : ''])
|
|
9492
9505
|
});
|
|
9493
9506
|
delete p.id;
|
|
9494
9507
|
delete p.url;
|
|
@@ -9584,7 +9597,7 @@ VideoPlayer.defaultProps = {
|
|
|
9584
9597
|
formatUrl: true
|
|
9585
9598
|
};
|
|
9586
9599
|
|
|
9587
|
-
var rootClassName$
|
|
9600
|
+
var rootClassName$2n = 'previa-video';
|
|
9588
9601
|
function PreviaVideo(props) {
|
|
9589
9602
|
var _useState = useState(getUniqueKey()),
|
|
9590
9603
|
id = _useState[0];
|
|
@@ -9620,21 +9633,21 @@ function PreviaVideo(props) {
|
|
|
9620
9633
|
}, [props.videoPlayerProps]);
|
|
9621
9634
|
return React$1.createElement("div", {
|
|
9622
9635
|
id: id,
|
|
9623
|
-
className: rootClassName$
|
|
9636
|
+
className: rootClassName$2n,
|
|
9624
9637
|
onClick: function onClick() {
|
|
9625
9638
|
if (!clicou) setClicou(true);
|
|
9626
9639
|
}
|
|
9627
9640
|
}, React$1.createElement("div", {
|
|
9628
|
-
className: rootClassName$
|
|
9641
|
+
className: rootClassName$2n + "-img",
|
|
9629
9642
|
style: {
|
|
9630
9643
|
backgroundImage: "url(" + props.imgUrl + ")"
|
|
9631
9644
|
}
|
|
9632
9645
|
}), React$1.createElement("div", {
|
|
9633
|
-
className: rootClassName$
|
|
9646
|
+
className: rootClassName$2n + "-icon"
|
|
9634
9647
|
}, React$1.createElement(BigPlayIcon, {
|
|
9635
9648
|
hideBackground: true
|
|
9636
9649
|
})), React$1.createElement("div", {
|
|
9637
|
-
className: rootClassName$
|
|
9650
|
+
className: rootClassName$2n + "-label"
|
|
9638
9651
|
}, props.label), React$1.createElement(CSSTransition, {
|
|
9639
9652
|
"in": clicou,
|
|
9640
9653
|
timeout: 300,
|
|
@@ -9645,7 +9658,7 @@ function PreviaVideo(props) {
|
|
|
9645
9658
|
el.style.height = firstHeight.current;
|
|
9646
9659
|
}
|
|
9647
9660
|
}, React$1.createElement("div", {
|
|
9648
|
-
className: rootClassName$
|
|
9661
|
+
className: rootClassName$2n + "-video"
|
|
9649
9662
|
}, React$1.createElement(VideoPlayer, Object.assign({
|
|
9650
9663
|
blackGround: true
|
|
9651
9664
|
}, videoPlayerProps, {
|
|
@@ -9660,11 +9673,11 @@ var RadioButtonType;
|
|
|
9660
9673
|
RadioButtonType["New"] = "new";
|
|
9661
9674
|
})(RadioButtonType || (RadioButtonType = {}));
|
|
9662
9675
|
|
|
9663
|
-
var rootClassName$
|
|
9676
|
+
var rootClassName$2o = 'component-radio-button';
|
|
9664
9677
|
function RadioButton(props) {
|
|
9665
9678
|
var buttonProps = useMemo(function () {
|
|
9666
9679
|
var p = _extends({}, props, {
|
|
9667
|
-
className: getMergedClassNames([rootClassName$
|
|
9680
|
+
className: getMergedClassNames([rootClassName$2o, props.theme, props.className, rootClassName$2o + "-" + (props.value ? 'checked' : 'not')]),
|
|
9668
9681
|
onClick: function onClick() {
|
|
9669
9682
|
if (!props.disabled) {
|
|
9670
9683
|
props.onChange(!props.value);
|
|
@@ -9685,11 +9698,11 @@ RadioButton.defaultProps = {
|
|
|
9685
9698
|
};
|
|
9686
9699
|
var RadioButton$1 = memo(RadioButton);
|
|
9687
9700
|
|
|
9688
|
-
var rootClassName$
|
|
9701
|
+
var rootClassName$2p = 'component-chip';
|
|
9689
9702
|
function Chip(props) {
|
|
9690
9703
|
var _props$theme;
|
|
9691
9704
|
return React$1.createElement("div", {
|
|
9692
|
-
className: useMergedClassNames([rootClassName$
|
|
9705
|
+
className: useMergedClassNames([rootClassName$2p, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '', (_props$theme = props.theme) != null ? _props$theme : 'primary-outline']),
|
|
9693
9706
|
onClick: function onClick() {
|
|
9694
9707
|
if (!props.disabled && props.allClickable && typeof props.onClick === 'function') {
|
|
9695
9708
|
props.onClick();
|
|
@@ -9698,7 +9711,7 @@ function Chip(props) {
|
|
|
9698
9711
|
}, React$1.createElement("span", {
|
|
9699
9712
|
className: 'nunito'
|
|
9700
9713
|
}, props.label), React$1.createElement("div", {
|
|
9701
|
-
className: rootClassName$
|
|
9714
|
+
className: rootClassName$2p + "-button",
|
|
9702
9715
|
onClick: function onClick() {
|
|
9703
9716
|
if (!props.disabled && typeof props.onClick === 'function') {
|
|
9704
9717
|
props.onClick();
|
|
@@ -9708,7 +9721,7 @@ function Chip(props) {
|
|
|
9708
9721
|
}
|
|
9709
9722
|
var Chip$1 = memo(Chip);
|
|
9710
9723
|
|
|
9711
|
-
var rootClassName$
|
|
9724
|
+
var rootClassName$2q = 'component-search';
|
|
9712
9725
|
function Search(props) {
|
|
9713
9726
|
var _wrapperRef$current;
|
|
9714
9727
|
var _useState = useState(),
|
|
@@ -9817,7 +9830,7 @@ function Search(props) {
|
|
|
9817
9830
|
return React$1.createElement("div", {
|
|
9818
9831
|
tabIndex: 1,
|
|
9819
9832
|
id: id,
|
|
9820
|
-
className: rootClassName$
|
|
9833
|
+
className: rootClassName$2q,
|
|
9821
9834
|
ref: wrapperRef
|
|
9822
9835
|
}, React$1.createElement(Input$1, {
|
|
9823
9836
|
id: getUniqueKey(),
|
|
@@ -9827,7 +9840,7 @@ function Search(props) {
|
|
|
9827
9840
|
placeholder: props.placeholder,
|
|
9828
9841
|
onKeyDown: function onKeyDown(evt) {
|
|
9829
9842
|
if (evt.key === 'Tab' && !evt.shiftKey || evt.key === 'ArrowDown') {
|
|
9830
|
-
var query = "#" + panelId + " ." + rootClassName$
|
|
9843
|
+
var query = "#" + panelId + " ." + rootClassName$2q + "-options:nth-child(1)";
|
|
9831
9844
|
var optionToFocus = document.querySelector(query);
|
|
9832
9845
|
if (optionToFocus) {
|
|
9833
9846
|
optionToFocus.focus();
|
|
@@ -9836,7 +9849,7 @@ function Search(props) {
|
|
|
9836
9849
|
}
|
|
9837
9850
|
},
|
|
9838
9851
|
rightObject: React$1.createElement("div", {
|
|
9839
|
-
className: rootClassName$
|
|
9852
|
+
className: rootClassName$2q + "-right-container"
|
|
9840
9853
|
}, props.showSelected && selected ? React$1.createElement(Chip$1, {
|
|
9841
9854
|
label: selected,
|
|
9842
9855
|
allClickable: false,
|
|
@@ -9889,7 +9902,7 @@ function Search(props) {
|
|
|
9889
9902
|
unmountOnExit: true
|
|
9890
9903
|
}, React$1.createElement("div", {
|
|
9891
9904
|
id: panelId,
|
|
9892
|
-
className: rootClassName$
|
|
9905
|
+
className: rootClassName$2q + "-panel scroll-white",
|
|
9893
9906
|
style: {
|
|
9894
9907
|
width: ((_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.offsetWidth) + "px"
|
|
9895
9908
|
}
|
|
@@ -9897,7 +9910,7 @@ function Search(props) {
|
|
|
9897
9910
|
return React$1.createElement("div", {
|
|
9898
9911
|
key: i,
|
|
9899
9912
|
tabIndex: 1,
|
|
9900
|
-
className: rootClassName$
|
|
9913
|
+
className: rootClassName$2q + "-options",
|
|
9901
9914
|
onClick: function onClick() {
|
|
9902
9915
|
handleSelectItem(e);
|
|
9903
9916
|
},
|
|
@@ -9953,7 +9966,7 @@ function Search(props) {
|
|
|
9953
9966
|
return React$1.createElement("div", {
|
|
9954
9967
|
key: i,
|
|
9955
9968
|
tabIndex: 1,
|
|
9956
|
-
className: rootClassName$
|
|
9969
|
+
className: rootClassName$2q + "-options",
|
|
9957
9970
|
onClick: function onClick() {
|
|
9958
9971
|
handleSelectItem(results);
|
|
9959
9972
|
},
|
|
@@ -10010,7 +10023,7 @@ Search.defaultProps = {
|
|
|
10010
10023
|
};
|
|
10011
10024
|
var Search$1 = memo(Search);
|
|
10012
10025
|
|
|
10013
|
-
var rootClassName$
|
|
10026
|
+
var rootClassName$2r = 'component-select';
|
|
10014
10027
|
function Select(props) {
|
|
10015
10028
|
var _props$options3;
|
|
10016
10029
|
var _useState = useState(getUniqueKey()),
|
|
@@ -10043,7 +10056,7 @@ function Select(props) {
|
|
|
10043
10056
|
var aux = evt.target;
|
|
10044
10057
|
var deveFechar = true;
|
|
10045
10058
|
while (aux && aux.id !== 'root') {
|
|
10046
|
-
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$
|
|
10059
|
+
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2r + "-outer")) {
|
|
10047
10060
|
deveFechar = false;
|
|
10048
10061
|
break;
|
|
10049
10062
|
}
|
|
@@ -10141,11 +10154,11 @@ function Select(props) {
|
|
|
10141
10154
|
}, [opcoes]);
|
|
10142
10155
|
var getRightObject = function getRightObject() {
|
|
10143
10156
|
return React$1.createElement("div", {
|
|
10144
|
-
className: rootClassName$
|
|
10157
|
+
className: rootClassName$2r + "-objects"
|
|
10145
10158
|
}, props.clearButton && !props.readOnly && (props.multiple && props.value && Array.isArray(props.value) && props.value.length || !props.multiple && (props.value || props.value === 0 || props.value === false)) ? React$1.createElement(IconButton$1, {
|
|
10146
10159
|
disabled: props.disabled || false,
|
|
10147
10160
|
tabIndex: -1,
|
|
10148
|
-
className: rootClassName$
|
|
10161
|
+
className: rootClassName$2r + "-clear-button",
|
|
10149
10162
|
icon: React$1.createElement(CloseIcon, null),
|
|
10150
10163
|
onClick: function onClick() {
|
|
10151
10164
|
if (props.multiple) {
|
|
@@ -10161,7 +10174,7 @@ function Select(props) {
|
|
|
10161
10174
|
}) : undefined, React$1.createElement(IconButton$1, {
|
|
10162
10175
|
disabled: props.disabled || false,
|
|
10163
10176
|
tabIndex: -1,
|
|
10164
|
-
className: rootClassName$
|
|
10177
|
+
className: rootClassName$2r + "-arrow " + rootClassName$2r + "-arrow-" + (panelOpened ? 'up' : 'down'),
|
|
10165
10178
|
onClick: function onClick() {
|
|
10166
10179
|
return setPanelOpened(!panelOpened);
|
|
10167
10180
|
},
|
|
@@ -10171,12 +10184,12 @@ function Select(props) {
|
|
|
10171
10184
|
var getInputProps = function getInputProps() {
|
|
10172
10185
|
var _props$options;
|
|
10173
10186
|
var p = _extends({}, props, {
|
|
10174
|
-
className: getMergedClassNames([rootClassName$
|
|
10187
|
+
className: getMergedClassNames([rootClassName$2r, props.className]),
|
|
10175
10188
|
forceFocus: fakeSelectFocused,
|
|
10176
10189
|
readOnly: true,
|
|
10177
10190
|
rightObject: getRightObject(),
|
|
10178
10191
|
onClick: function onClick() {
|
|
10179
|
-
var selectFake = document.querySelector("#" + id + " ." + rootClassName$
|
|
10192
|
+
var selectFake = document.querySelector("#" + id + " ." + rootClassName$2r + "-select-fake");
|
|
10180
10193
|
if (!props.multiple && isiPhone() && selectFake) {
|
|
10181
10194
|
selectFake.focus();
|
|
10182
10195
|
} else {
|
|
@@ -10184,7 +10197,7 @@ function Select(props) {
|
|
|
10184
10197
|
}
|
|
10185
10198
|
},
|
|
10186
10199
|
onFocus: function onFocus(evt) {
|
|
10187
|
-
var selectFake = document.querySelector("#" + id + " ." + rootClassName$
|
|
10200
|
+
var selectFake = document.querySelector("#" + id + " ." + rootClassName$2r + "-select-fake");
|
|
10188
10201
|
if (!props.multiple && isiPhone() && selectFake) {
|
|
10189
10202
|
selectFake.focus();
|
|
10190
10203
|
} else {
|
|
@@ -10197,12 +10210,12 @@ function Select(props) {
|
|
|
10197
10210
|
evt.preventDefault();
|
|
10198
10211
|
}
|
|
10199
10212
|
if (evt.keyCode === 9 && panelOpened) {
|
|
10200
|
-
var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10213
|
+
var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
|
|
10201
10214
|
if (inputFilter) {
|
|
10202
10215
|
inputFilter.focus();
|
|
10203
10216
|
evt.preventDefault();
|
|
10204
10217
|
} else {
|
|
10205
|
-
var firstOption = document.querySelector("#" + id + " ." + rootClassName$
|
|
10218
|
+
var firstOption = document.querySelector("#" + id + " ." + rootClassName$2r + "-options div");
|
|
10206
10219
|
if (firstOption) {
|
|
10207
10220
|
firstOption.focus();
|
|
10208
10221
|
evt.preventDefault();
|
|
@@ -10251,7 +10264,7 @@ function Select(props) {
|
|
|
10251
10264
|
return React$1.createElement("div", {
|
|
10252
10265
|
tabIndex: 1,
|
|
10253
10266
|
key: getKey(option),
|
|
10254
|
-
className: rootClassName$
|
|
10267
|
+
className: rootClassName$2r + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
|
|
10255
10268
|
onKeyDown: function onKeyDown(evt) {
|
|
10256
10269
|
var child = evt.currentTarget;
|
|
10257
10270
|
var parent = child.parentNode;
|
|
@@ -10261,14 +10274,14 @@ function Select(props) {
|
|
|
10261
10274
|
case 'Tab':
|
|
10262
10275
|
if (evt.shiftKey) {
|
|
10263
10276
|
if (index === 0) {
|
|
10264
|
-
var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10277
|
+
var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
|
|
10265
10278
|
if (inputFilter) {
|
|
10266
10279
|
inputFilter.focus();
|
|
10267
10280
|
evt.preventDefault();
|
|
10268
10281
|
}
|
|
10269
10282
|
}
|
|
10270
10283
|
} else if (index === total - 1) {
|
|
10271
|
-
var selectAll = document.querySelector("#" + panelId + " " + rootClassName$
|
|
10284
|
+
var selectAll = document.querySelector("#" + panelId + " " + rootClassName$2r + "-footer-button." + rootClassName$2r + "-selectAll");
|
|
10272
10285
|
if (selectAll) {
|
|
10273
10286
|
selectAll.focus();
|
|
10274
10287
|
}
|
|
@@ -10289,7 +10302,7 @@ function Select(props) {
|
|
|
10289
10302
|
if (index > 0) {
|
|
10290
10303
|
parent.children[index - 1].focus();
|
|
10291
10304
|
} else {
|
|
10292
|
-
var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10305
|
+
var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
|
|
10293
10306
|
if (_inputFilter) _inputFilter.focus();
|
|
10294
10307
|
}
|
|
10295
10308
|
evt.preventDefault();
|
|
@@ -10310,7 +10323,7 @@ function Select(props) {
|
|
|
10310
10323
|
handleChange();
|
|
10311
10324
|
}
|
|
10312
10325
|
}), React$1.createElement("div", {
|
|
10313
|
-
className: rootClassName$
|
|
10326
|
+
className: rootClassName$2r + "-multiple-option-label"
|
|
10314
10327
|
}, option.label));
|
|
10315
10328
|
};
|
|
10316
10329
|
var getSingleOption = function getSingleOption(option) {
|
|
@@ -10326,7 +10339,7 @@ function Select(props) {
|
|
|
10326
10339
|
return React$1.createElement("div", {
|
|
10327
10340
|
key: getKey(option),
|
|
10328
10341
|
tabIndex: 1,
|
|
10329
|
-
className: rootClassName$
|
|
10342
|
+
className: rootClassName$2r + "-single-option " + (props.readOnly ? 'read-only' : ''),
|
|
10330
10343
|
onClick: handleChange,
|
|
10331
10344
|
onKeyDown: function onKeyDown(evt) {
|
|
10332
10345
|
var child = evt.currentTarget;
|
|
@@ -10337,7 +10350,7 @@ function Select(props) {
|
|
|
10337
10350
|
case 'Tab':
|
|
10338
10351
|
if (evt.shiftKey) {
|
|
10339
10352
|
if (index === 0) {
|
|
10340
|
-
var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10353
|
+
var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
|
|
10341
10354
|
if (inputPanel) {
|
|
10342
10355
|
inputPanel.focus();
|
|
10343
10356
|
evt.preventDefault();
|
|
@@ -10358,7 +10371,7 @@ function Select(props) {
|
|
|
10358
10371
|
if (index > 0) {
|
|
10359
10372
|
parent.children[index - 1].focus();
|
|
10360
10373
|
} else {
|
|
10361
|
-
var el = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10374
|
+
var el = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
|
|
10362
10375
|
if (el) el.focus();
|
|
10363
10376
|
}
|
|
10364
10377
|
evt.preventDefault();
|
|
@@ -10375,7 +10388,7 @@ function Select(props) {
|
|
|
10375
10388
|
};
|
|
10376
10389
|
var noOptionsMessage = useMemo(function () {
|
|
10377
10390
|
return React$1.createElement("div", {
|
|
10378
|
-
className: rootClassName$
|
|
10391
|
+
className: rootClassName$2r + "-no-result"
|
|
10379
10392
|
}, props.noOptionMessage);
|
|
10380
10393
|
}, [props.noOptionMessage]);
|
|
10381
10394
|
var optionsFiltered = useMemo(function () {
|
|
@@ -10386,9 +10399,9 @@ function Select(props) {
|
|
|
10386
10399
|
}, [props.options, filterInput]);
|
|
10387
10400
|
return React$1.createElement("div", {
|
|
10388
10401
|
id: id,
|
|
10389
|
-
className: rootClassName$
|
|
10402
|
+
className: rootClassName$2r + "-outer"
|
|
10390
10403
|
}, !props.multiple && isiPhone() && React$1.createElement("select", {
|
|
10391
|
-
className: rootClassName$
|
|
10404
|
+
className: rootClassName$2r + "-select-fake",
|
|
10392
10405
|
value: props.value ? String(props.value) : '',
|
|
10393
10406
|
onChange: function onChange(evt) {
|
|
10394
10407
|
return props.onChange(evt.target.value, {
|
|
@@ -10421,14 +10434,14 @@ function Select(props) {
|
|
|
10421
10434
|
panel.style.top = 'unset';
|
|
10422
10435
|
panel.style.bottom = '0';
|
|
10423
10436
|
}
|
|
10424
|
-
var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10437
|
+
var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
|
|
10425
10438
|
if (firstInput && !isiPhone()) {
|
|
10426
10439
|
setTimeout(function () {
|
|
10427
10440
|
firstInput.focus();
|
|
10428
10441
|
}, 50);
|
|
10429
10442
|
} else {
|
|
10430
10443
|
if (props.multiple) {
|
|
10431
|
-
var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10444
|
+
var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-options div");
|
|
10432
10445
|
if (optionToFocus) {
|
|
10433
10446
|
setTimeout(function () {
|
|
10434
10447
|
optionToFocus.focus();
|
|
@@ -10444,7 +10457,7 @@ function Select(props) {
|
|
|
10444
10457
|
return opt.value === props.value;
|
|
10445
10458
|
});
|
|
10446
10459
|
var index = elProps ? elProps.ind + 1 : 1;
|
|
10447
|
-
var query = "#" + panelId + " ." + rootClassName$
|
|
10460
|
+
var query = "#" + panelId + " ." + rootClassName$2r + "-options div:nth-child(" + index + ")";
|
|
10448
10461
|
var _optionToFocus = document.querySelector(query);
|
|
10449
10462
|
if (_optionToFocus) {
|
|
10450
10463
|
setTimeout(function () {
|
|
@@ -10462,9 +10475,9 @@ function Select(props) {
|
|
|
10462
10475
|
}
|
|
10463
10476
|
}, React$1.createElement("div", {
|
|
10464
10477
|
id: panelId,
|
|
10465
|
-
className: rootClassName$
|
|
10478
|
+
className: rootClassName$2r + "-panel " + (props.multiple ? 'multiple' : '')
|
|
10466
10479
|
}, props.panelFilter && props.options && !!props.options.length && React$1.createElement("div", {
|
|
10467
|
-
className: rootClassName$
|
|
10480
|
+
className: rootClassName$2r + "-panel-input"
|
|
10468
10481
|
}, React$1.createElement(Input$1, {
|
|
10469
10482
|
value: filterInput,
|
|
10470
10483
|
onChange: function onChange(evt) {
|
|
@@ -10474,7 +10487,7 @@ function Select(props) {
|
|
|
10474
10487
|
hideLabelAndHelperText: true,
|
|
10475
10488
|
onKeyDown: function onKeyDown(evt) {
|
|
10476
10489
|
if (evt.key === 'Tab' && !evt.shiftKey || evt.key === 'ArrowDown') {
|
|
10477
|
-
var el = document.querySelector("#" + id + " ." + rootClassName$
|
|
10490
|
+
var el = document.querySelector("#" + id + " ." + rootClassName$2r + "-options div");
|
|
10478
10491
|
if (el) {
|
|
10479
10492
|
el.focus();
|
|
10480
10493
|
evt.preventDefault();
|
|
@@ -10482,20 +10495,20 @@ function Select(props) {
|
|
|
10482
10495
|
}
|
|
10483
10496
|
}
|
|
10484
10497
|
})), React$1.createElement("div", {
|
|
10485
|
-
className: rootClassName$
|
|
10498
|
+
className: rootClassName$2r + "-options scroll-white"
|
|
10486
10499
|
}, props.options && props.options.length ? optionsFiltered.map(function (option) {
|
|
10487
10500
|
if (props.multiple) {
|
|
10488
10501
|
return getMultipleOption(option);
|
|
10489
10502
|
}
|
|
10490
10503
|
return getSingleOption(option);
|
|
10491
10504
|
}) : noOptionsMessage), props.multiple && props.showPanelFooter && props.options && !!props.options.length && React$1.createElement(React$1.Fragment, null, React$1.createElement("div", {
|
|
10492
|
-
className: rootClassName$
|
|
10505
|
+
className: rootClassName$2r + "-panel-footer-clearfix"
|
|
10493
10506
|
}), React$1.createElement("div", {
|
|
10494
|
-
className: rootClassName$
|
|
10507
|
+
className: rootClassName$2r + "-panel-footer"
|
|
10495
10508
|
}, React$1.createElement(Button$1, {
|
|
10496
10509
|
theme: ButtonThemes.DefaultPrimary,
|
|
10497
10510
|
disabled: props.readOnly,
|
|
10498
|
-
className: rootClassName$
|
|
10511
|
+
className: rootClassName$2r + "-footer-button",
|
|
10499
10512
|
onClick: function onClick() {
|
|
10500
10513
|
return props.onChange(optionsFiltered.map(function (op) {
|
|
10501
10514
|
return op.value;
|
|
@@ -10508,7 +10521,7 @@ function Select(props) {
|
|
|
10508
10521
|
tabIndex: 1,
|
|
10509
10522
|
theme: ButtonThemes.DefaultPrimary,
|
|
10510
10523
|
disabled: props.readOnly,
|
|
10511
|
-
className: rootClassName$
|
|
10524
|
+
className: rootClassName$2r + "-footer-button",
|
|
10512
10525
|
onClick: function onClick() {
|
|
10513
10526
|
return props.onChange([], {
|
|
10514
10527
|
setPanelOpened: setPanelOpened
|
|
@@ -10530,7 +10543,7 @@ Select.defaultProps = {
|
|
|
10530
10543
|
};
|
|
10531
10544
|
var Select$1 = memo(Select);
|
|
10532
10545
|
|
|
10533
|
-
var rootClassName$
|
|
10546
|
+
var rootClassName$2s = 'component-switch';
|
|
10534
10547
|
function Switch(props) {
|
|
10535
10548
|
var handleClick = function handleClick() {
|
|
10536
10549
|
if (typeof props.onChange === 'function' && !props.disabled) {
|
|
@@ -10539,7 +10552,7 @@ function Switch(props) {
|
|
|
10539
10552
|
};
|
|
10540
10553
|
var getProps = function getProps() {
|
|
10541
10554
|
var p = _extends({}, props, {
|
|
10542
|
-
className: getMergedClassNames([rootClassName$
|
|
10555
|
+
className: getMergedClassNames([rootClassName$2s, props.className || '', rootClassName$2s + "-" + (props.value ? 'on' : 'off')]),
|
|
10543
10556
|
onClick: handleClick,
|
|
10544
10557
|
style: _extends({
|
|
10545
10558
|
transform: "scale(" + props.scale + ")"
|
|
@@ -10551,9 +10564,9 @@ function Switch(props) {
|
|
|
10551
10564
|
return p;
|
|
10552
10565
|
};
|
|
10553
10566
|
return React$1.createElement("button", Object.assign({}, getProps()), React$1.createElement("div", {
|
|
10554
|
-
className: rootClassName$
|
|
10567
|
+
className: rootClassName$2s + "-track"
|
|
10555
10568
|
}), React$1.createElement("div", {
|
|
10556
|
-
className: rootClassName$
|
|
10569
|
+
className: rootClassName$2s + "-thumb"
|
|
10557
10570
|
}));
|
|
10558
10571
|
}
|
|
10559
10572
|
Switch.defaultProps = {
|
|
@@ -10563,10 +10576,10 @@ Switch.defaultProps = {
|
|
|
10563
10576
|
scale: 1
|
|
10564
10577
|
};
|
|
10565
10578
|
|
|
10566
|
-
var rootClassName$
|
|
10579
|
+
var rootClassName$2t = 'component-table-actions-column';
|
|
10567
10580
|
var ActionsColumn = function ActionsColumn(props) {
|
|
10568
10581
|
return React$1.createElement("div", {
|
|
10569
|
-
className: rootClassName$
|
|
10582
|
+
className: rootClassName$2t
|
|
10570
10583
|
}, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
|
|
10571
10584
|
return React$1.createElement(IconButton$1, Object.assign({
|
|
10572
10585
|
key: index
|
|
@@ -10577,7 +10590,7 @@ ActionsColumn.defaultProps = {
|
|
|
10577
10590
|
buttons: []
|
|
10578
10591
|
};
|
|
10579
10592
|
|
|
10580
|
-
var rootClassName$
|
|
10593
|
+
var rootClassName$2u = 'component-table';
|
|
10581
10594
|
function TypedTable(props) {
|
|
10582
10595
|
return React$1.createElement(Table, Object.assign({}, props));
|
|
10583
10596
|
}
|
|
@@ -10589,8 +10602,8 @@ function Table(props) {
|
|
|
10589
10602
|
var el = document.getElementById(itemsId);
|
|
10590
10603
|
var sortable = new Sortable(el, {
|
|
10591
10604
|
animation: 300,
|
|
10592
|
-
ghostClass: rootClassName$
|
|
10593
|
-
dragClass: rootClassName$
|
|
10605
|
+
ghostClass: rootClassName$2u + "-item-ghost",
|
|
10606
|
+
dragClass: rootClassName$2u + "-item-dragging",
|
|
10594
10607
|
onStart: function onStart() {
|
|
10595
10608
|
document.body.classList.add('document-grabbing');
|
|
10596
10609
|
},
|
|
@@ -10623,7 +10636,7 @@ function Table(props) {
|
|
|
10623
10636
|
}, []);
|
|
10624
10637
|
var getProps = function getProps() {
|
|
10625
10638
|
var p = _extends({}, props, {
|
|
10626
|
-
className: getMergedClassNames([rootClassName$
|
|
10639
|
+
className: getMergedClassNames([rootClassName$2u, props.className || '', props.upperHeader ? 'has-upper-header' : ''])
|
|
10627
10640
|
});
|
|
10628
10641
|
delete p.columns;
|
|
10629
10642
|
delete p.lines;
|
|
@@ -10634,9 +10647,9 @@ function Table(props) {
|
|
|
10634
10647
|
return p;
|
|
10635
10648
|
};
|
|
10636
10649
|
return React$1.createElement("div", {
|
|
10637
|
-
className: rootClassName$
|
|
10650
|
+
className: rootClassName$2u + "-outer"
|
|
10638
10651
|
}, props.upperHeader ? React$1.createElement(React$1.Fragment, null, React$1.createElement("div", {
|
|
10639
|
-
className: getMergedClassNames([rootClassName$
|
|
10652
|
+
className: getMergedClassNames([rootClassName$2u + "-upper-header", props.upperHeader.active ? 'active' : ''])
|
|
10640
10653
|
}, props.upperHeader.buttons && props.upperHeader.buttons.length ? props.upperHeader.buttons.map(function (btn, index) {
|
|
10641
10654
|
var _props$upperHeader;
|
|
10642
10655
|
return React$1.createElement("button", {
|
|
@@ -10646,7 +10659,7 @@ function Table(props) {
|
|
|
10646
10659
|
disabled: !((_props$upperHeader = props.upperHeader) !== null && _props$upperHeader !== void 0 && _props$upperHeader.active) || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false
|
|
10647
10660
|
}, React$1.createElement("span", null, btn.icon), btn.label);
|
|
10648
10661
|
}) : undefined)) : undefined, React$1.createElement("div", {
|
|
10649
|
-
className: rootClassName$
|
|
10662
|
+
className: rootClassName$2u + "-outer-table"
|
|
10650
10663
|
}, React$1.createElement("table", Object.assign({}, getProps()), React$1.createElement("thead", null, React$1.createElement("tr", null, React$1.createElement("th", null), props.columns && props.columns.length ? Array.from(props.columns).map(function (column, columnIndex) {
|
|
10651
10664
|
return React$1.createElement("th", Object.assign({}, column.props, {
|
|
10652
10665
|
key: column.key ? column.key : columnIndex
|
|
@@ -10692,15 +10705,15 @@ TableActions.defaultProps = {
|
|
|
10692
10705
|
actions: []
|
|
10693
10706
|
};
|
|
10694
10707
|
|
|
10695
|
-
var rootClassName$
|
|
10708
|
+
var rootClassName$2v = 'component-table-file-name-and-action';
|
|
10696
10709
|
function TableFileNameAndAction(props) {
|
|
10697
10710
|
return React$1.createElement("div", {
|
|
10698
|
-
className: rootClassName$
|
|
10711
|
+
className: rootClassName$2v
|
|
10699
10712
|
}, props.files && props.files.length ? props.files.map(function (line, index) {
|
|
10700
10713
|
var obj = line.file ? line.file : line;
|
|
10701
10714
|
return React$1.createElement("div", {
|
|
10702
10715
|
key: index,
|
|
10703
|
-
className: getMergedClassNames([rootClassName$
|
|
10716
|
+
className: getMergedClassNames([rootClassName$2v + "-file", props.white ? 'white' : '', line.disabled ? 'disabled' : '', line.error ? 'error' : ''])
|
|
10704
10717
|
}, React$1.createElement("span", null, obj.name), React$1.createElement(IconButton$1, {
|
|
10705
10718
|
icon: line.uploading ? React$1.createElement(PercentLoaderIcon, {
|
|
10706
10719
|
indefinido: line.indefinido,
|
|
@@ -10758,20 +10771,20 @@ function useDraggableScroll(reference, options) {
|
|
|
10758
10771
|
}, [reference]);
|
|
10759
10772
|
}
|
|
10760
10773
|
|
|
10761
|
-
var rootClassName$
|
|
10774
|
+
var rootClassName$2w = 'component-upper-header-table';
|
|
10762
10775
|
function TableUpperHeader(props) {
|
|
10763
10776
|
var _props$leftContent, _props$rightContent;
|
|
10764
10777
|
return React$1.createElement("div", {
|
|
10765
|
-
className: getMergedClassNames([rootClassName$
|
|
10778
|
+
className: getMergedClassNames([rootClassName$2w, props.active ? 'active' : ''])
|
|
10766
10779
|
}, React$1.createElement("div", {
|
|
10767
|
-
className: rootClassName$
|
|
10780
|
+
className: rootClassName$2w + "-left"
|
|
10768
10781
|
}, (_props$leftContent = props.leftContent) === null || _props$leftContent === void 0 ? void 0 : _props$leftContent.map(function (btn, i) {
|
|
10769
10782
|
return btn.type === 'Button' ? React$1.createElement("button", {
|
|
10770
10783
|
key: i,
|
|
10771
10784
|
id: btn.id,
|
|
10772
10785
|
onClick: btn.onClick,
|
|
10773
10786
|
disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false,
|
|
10774
|
-
className: rootClassName$
|
|
10787
|
+
className: rootClassName$2w + "-btn",
|
|
10775
10788
|
type: 'button'
|
|
10776
10789
|
}, btn.leftIcon && React$1.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React$1.createElement("span", null, btn.rightIcon)) : React$1.createElement(DropdownMenu, Object.assign({}, btn, {
|
|
10777
10790
|
key: i
|
|
@@ -10779,19 +10792,19 @@ function TableUpperHeader(props) {
|
|
|
10779
10792
|
key: i,
|
|
10780
10793
|
id: btn.children.id,
|
|
10781
10794
|
onClick: btn.children.onClick,
|
|
10782
|
-
className: rootClassName$
|
|
10795
|
+
className: rootClassName$2w + "-btn",
|
|
10783
10796
|
disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.children.disabled) || false,
|
|
10784
10797
|
type: 'button'
|
|
10785
10798
|
}, btn.children.leftIcon && React$1.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React$1.createElement("span", null, btn.children.rightIcon)));
|
|
10786
10799
|
})), React$1.createElement("div", {
|
|
10787
|
-
className: rootClassName$
|
|
10800
|
+
className: rootClassName$2w + "-right"
|
|
10788
10801
|
}, (_props$rightContent = props.rightContent) === null || _props$rightContent === void 0 ? void 0 : _props$rightContent.map(function (btn, i) {
|
|
10789
10802
|
return btn.type === 'Button' ? React$1.createElement("button", {
|
|
10790
10803
|
key: i,
|
|
10791
10804
|
id: btn.id,
|
|
10792
10805
|
onClick: btn.onClick,
|
|
10793
10806
|
disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false,
|
|
10794
|
-
className: rootClassName$
|
|
10807
|
+
className: rootClassName$2w + "-btn",
|
|
10795
10808
|
type: 'button'
|
|
10796
10809
|
}, btn.leftIcon && React$1.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React$1.createElement("span", null, btn.rightIcon)) : React$1.createElement(DropdownMenu, Object.assign({}, btn, {
|
|
10797
10810
|
key: "children_" + i
|
|
@@ -10800,23 +10813,23 @@ function TableUpperHeader(props) {
|
|
|
10800
10813
|
id: btn.children.id,
|
|
10801
10814
|
onClick: btn.children.onClick,
|
|
10802
10815
|
disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.children.disabled) || false,
|
|
10803
|
-
className: rootClassName$
|
|
10816
|
+
className: rootClassName$2w + "-btn",
|
|
10804
10817
|
type: 'button'
|
|
10805
10818
|
}, btn.children.leftIcon && React$1.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React$1.createElement("span", null, btn.children.rightIcon)));
|
|
10806
10819
|
})), props.collapsedContent ? React$1.createElement(Collapse$1, {
|
|
10807
10820
|
opened: props.opened,
|
|
10808
10821
|
animateOpacity: true
|
|
10809
10822
|
}, React$1.createElement(Row$1, {
|
|
10810
|
-
className: rootClassName$
|
|
10823
|
+
className: rootClassName$2w + "-collapsed"
|
|
10811
10824
|
}, props.collapsedContent)) : undefined);
|
|
10812
10825
|
}
|
|
10813
10826
|
var TableUpperHeader$1 = memo(TableUpperHeader);
|
|
10814
10827
|
|
|
10815
|
-
var rootClassName$
|
|
10828
|
+
var rootClassName$2x = 'component-table-with-overflow';
|
|
10816
10829
|
function TableWithOverflow(props) {
|
|
10817
10830
|
var mediaQuery = useScreenSize();
|
|
10818
10831
|
var wrapperClassName = useMemo(function () {
|
|
10819
|
-
return getMergedClassNames([rootClassName$
|
|
10832
|
+
return getMergedClassNames([rootClassName$2x + "-wrapper", props.upperHeader ? 'has-upper-header' : '', props.noResultMessage && !props.lines.length ? 'no-result' : '', 'left-columns-padding']);
|
|
10820
10833
|
}, [props.upperHeader, props.lines, props.noResultMessage]);
|
|
10821
10834
|
var outerTableRef = createRef();
|
|
10822
10835
|
useDraggableScroll(outerTableRef, {
|
|
@@ -10904,9 +10917,9 @@ function TableWithOverflow(props) {
|
|
|
10904
10917
|
});
|
|
10905
10918
|
}, [props.lines, props.columns, atLeastOneStaticColumn, someAbsoluteColumn]);
|
|
10906
10919
|
return React$1.createElement("div", {
|
|
10907
|
-
className: rootClassName$
|
|
10920
|
+
className: rootClassName$2x
|
|
10908
10921
|
}, props.upperHeader ? React$1.createElement("div", {
|
|
10909
|
-
className: rootClassName$
|
|
10922
|
+
className: rootClassName$2x + "-upper-header"
|
|
10910
10923
|
}, React$1.createElement(TableUpperHeader$1, Object.assign({}, props.upperHeader))) : undefined, React$1.createElement("div", {
|
|
10911
10924
|
className: wrapperClassName,
|
|
10912
10925
|
style: {
|
|
@@ -10914,7 +10927,7 @@ function TableWithOverflow(props) {
|
|
|
10914
10927
|
paddingRight: paddingRight
|
|
10915
10928
|
}
|
|
10916
10929
|
}, props.showTopNavigator && React$1.createElement("div", {
|
|
10917
|
-
className: rootClassName$
|
|
10930
|
+
className: rootClassName$2x + "-table-arrows"
|
|
10918
10931
|
}, React$1.createElement(IconButton$1, {
|
|
10919
10932
|
icon: React$1.createElement(CircleArrowLeft, null),
|
|
10920
10933
|
onClick: function onClick() {
|
|
@@ -10926,14 +10939,14 @@ function TableWithOverflow(props) {
|
|
|
10926
10939
|
handleArrowClick(150);
|
|
10927
10940
|
}
|
|
10928
10941
|
})), React$1.createElement("div", {
|
|
10929
|
-
className: rootClassName$
|
|
10942
|
+
className: rootClassName$2x + "-outer-table",
|
|
10930
10943
|
ref: outerTableRef
|
|
10931
10944
|
}, React$1.createElement("table", null, React$1.createElement("thead", null, React$1.createElement("tr", null, React$1.createElement("th", {
|
|
10932
10945
|
className: 'absolute left-0'
|
|
10933
10946
|
}), columnsHeader, React$1.createElement("th", {
|
|
10934
10947
|
className: 'absolute right-0'
|
|
10935
10948
|
})), React$1.createElement("tr", null)), React$1.createElement("tbody", null, lines))), props.noResultMessage && !props.lines.length ? React$1.createElement("div", {
|
|
10936
|
-
className: rootClassName$
|
|
10949
|
+
className: rootClassName$2x + "-no-result"
|
|
10937
10950
|
}, props.noResultMessage) : undefined));
|
|
10938
10951
|
}
|
|
10939
10952
|
TableWithOverflow.defaultProps = {
|
|
@@ -10941,7 +10954,7 @@ TableWithOverflow.defaultProps = {
|
|
|
10941
10954
|
};
|
|
10942
10955
|
var TableWithOverflow$1 = memo(TableWithOverflow);
|
|
10943
10956
|
|
|
10944
|
-
var rootClassName$
|
|
10957
|
+
var rootClassName$2y = 'component-tabs';
|
|
10945
10958
|
function Tabs(props) {
|
|
10946
10959
|
var _props$tabs;
|
|
10947
10960
|
var navRef = createRef();
|
|
@@ -10967,14 +10980,14 @@ function Tabs(props) {
|
|
|
10967
10980
|
};
|
|
10968
10981
|
}, [startBar]);
|
|
10969
10982
|
return React$1.createElement("nav", {
|
|
10970
|
-
className: rootClassName$
|
|
10983
|
+
className: rootClassName$2y,
|
|
10971
10984
|
style: {
|
|
10972
10985
|
justifyContent: props.justify
|
|
10973
10986
|
},
|
|
10974
10987
|
ref: navRef
|
|
10975
10988
|
}, (_props$tabs = props.tabs) === null || _props$tabs === void 0 ? void 0 : _props$tabs.map(function (tab, index) {
|
|
10976
10989
|
return React$1.createElement("button", {
|
|
10977
|
-
className: getMergedClassNames([rootClassName$
|
|
10990
|
+
className: getMergedClassNames([rootClassName$2y + "-tab", props.atual === index ? 'atual' : '', props.atual && props.changeTitleColor ? 'change' : '']),
|
|
10978
10991
|
onClick: function onClick() {
|
|
10979
10992
|
props.onChange(index);
|
|
10980
10993
|
},
|
|
@@ -10984,12 +10997,12 @@ function Tabs(props) {
|
|
|
10984
10997
|
}, React$1.createElement("span", null, tab.title));
|
|
10985
10998
|
}), React$1.createElement("div", {
|
|
10986
10999
|
ref: actualRef,
|
|
10987
|
-
className: rootClassName$
|
|
11000
|
+
className: rootClassName$2y + "-bar"
|
|
10988
11001
|
}));
|
|
10989
11002
|
}
|
|
10990
11003
|
var Tabs$1 = memo(Tabs);
|
|
10991
11004
|
|
|
10992
|
-
var rootClassName$
|
|
11005
|
+
var rootClassName$2z = 'text-editor-header-input';
|
|
10993
11006
|
function TextEditorHeaderInput(props) {
|
|
10994
11007
|
var _useState = useState(getUniqueKey()),
|
|
10995
11008
|
inputLabelId = _useState[0];
|
|
@@ -11011,7 +11024,7 @@ function TextEditorHeaderInput(props) {
|
|
|
11011
11024
|
(_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, evt);
|
|
11012
11025
|
evt.stopPropagation();
|
|
11013
11026
|
},
|
|
11014
|
-
className: getMergedClassNames([rootClassName$
|
|
11027
|
+
className: getMergedClassNames([rootClassName$2z + "-input", props.className || '']),
|
|
11015
11028
|
value: props.value,
|
|
11016
11029
|
onKeyUp: function onKeyUp(evt) {
|
|
11017
11030
|
if (evt.key === 'Enter' && typeof props.onEnter === 'function') {
|
|
@@ -11021,25 +11034,25 @@ function TextEditorHeaderInput(props) {
|
|
|
11021
11034
|
};
|
|
11022
11035
|
};
|
|
11023
11036
|
return React$1.createElement("div", {
|
|
11024
|
-
className: rootClassName$
|
|
11037
|
+
className: rootClassName$2z
|
|
11025
11038
|
}, React$1.createElement("div", {
|
|
11026
11039
|
id: inputLabelId,
|
|
11027
|
-
className: getMergedClassNames([rootClassName$
|
|
11040
|
+
className: getMergedClassNames([rootClassName$2z + "-label", props.value ? 'top' : ''])
|
|
11028
11041
|
}, props.label), React$1.createElement("input", Object.assign({}, getInputProps())));
|
|
11029
11042
|
}
|
|
11030
11043
|
TextEditorHeaderInput.defaultProps = {
|
|
11031
11044
|
onChange: function onChange() {}
|
|
11032
11045
|
};
|
|
11033
11046
|
|
|
11034
|
-
var rootClassName$
|
|
11047
|
+
var rootClassName$2A = 'text-editor-menu-button';
|
|
11035
11048
|
function TextEditorMenuButton(props) {
|
|
11036
11049
|
return React$1.createElement("button", Object.assign({}, props, {
|
|
11037
|
-
className: getMergedClassNames([props.className || '', rootClassName$
|
|
11050
|
+
className: getMergedClassNames([props.className || '', rootClassName$2A])
|
|
11038
11051
|
}));
|
|
11039
11052
|
}
|
|
11040
11053
|
|
|
11041
|
-
var rootClassName$
|
|
11042
|
-
var colorClassName = rootClassName$
|
|
11054
|
+
var rootClassName$2B = 'text-editor-color-picker';
|
|
11055
|
+
var colorClassName = rootClassName$2B + "-color-button";
|
|
11043
11056
|
var defaultColors = ['#121212', '#323c32', '#5a645a', '#828a82', '#33820d', '#3fa110'];
|
|
11044
11057
|
function ColorButton(props) {
|
|
11045
11058
|
return React$1.createElement("button", {
|
|
@@ -11055,7 +11068,6 @@ function ColorButton(props) {
|
|
|
11055
11068
|
}
|
|
11056
11069
|
var timeOutID = null;
|
|
11057
11070
|
function TextEditorColorPicker(props) {
|
|
11058
|
-
var _window$localStorage$;
|
|
11059
11071
|
var _useState = useState(''),
|
|
11060
11072
|
hexa = _useState[0],
|
|
11061
11073
|
setHexa = _useState[1];
|
|
@@ -11092,7 +11104,8 @@ function TextEditorColorPicker(props) {
|
|
|
11092
11104
|
}
|
|
11093
11105
|
}
|
|
11094
11106
|
}, [props.opened]);
|
|
11095
|
-
var
|
|
11107
|
+
var luc = window.localStorage.getItem('lastUsedColors');
|
|
11108
|
+
var lastUsedColors = luc ? JSON.parse(luc) : ['', '', '', '', '', ''];
|
|
11096
11109
|
var submitColor = function submitColor(color) {
|
|
11097
11110
|
var _window$getSelection;
|
|
11098
11111
|
(_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.setBaseAndExtent(previousSelection.anchorNode, previousSelection.anchorOffset, previousSelection.focusNode, previousSelection.focusOffset);
|
|
@@ -11110,9 +11123,9 @@ function TextEditorColorPicker(props) {
|
|
|
11110
11123
|
};
|
|
11111
11124
|
return React$1.createElement("div", {
|
|
11112
11125
|
id: id,
|
|
11113
|
-
className: rootClassName$
|
|
11126
|
+
className: rootClassName$2B
|
|
11114
11127
|
}, React$1.createElement("div", {
|
|
11115
|
-
className: rootClassName$
|
|
11128
|
+
className: rootClassName$2B + "-colors"
|
|
11116
11129
|
}, defaultColors.map(function (color, index) {
|
|
11117
11130
|
return React$1.createElement(ColorButton, {
|
|
11118
11131
|
key: index,
|
|
@@ -11122,7 +11135,7 @@ function TextEditorColorPicker(props) {
|
|
|
11122
11135
|
}
|
|
11123
11136
|
});
|
|
11124
11137
|
})), React$1.createElement("div", {
|
|
11125
|
-
className: rootClassName$
|
|
11138
|
+
className: rootClassName$2B + "-colors"
|
|
11126
11139
|
}, lastUsedColors.map(function (color, index) {
|
|
11127
11140
|
return React$1.createElement(ColorButton, {
|
|
11128
11141
|
key: index,
|
|
@@ -11133,9 +11146,9 @@ function TextEditorColorPicker(props) {
|
|
|
11133
11146
|
}
|
|
11134
11147
|
});
|
|
11135
11148
|
})), React$1.createElement("div", {
|
|
11136
|
-
className: rootClassName$
|
|
11149
|
+
className: rootClassName$2B + "-hexa-row"
|
|
11137
11150
|
}, React$1.createElement("div", {
|
|
11138
|
-
className: rootClassName$
|
|
11151
|
+
className: rootClassName$2B + "-picker-col"
|
|
11139
11152
|
}, React$1.createElement("input", {
|
|
11140
11153
|
value: hexa,
|
|
11141
11154
|
onChange: function onChange(evt) {
|
|
@@ -11146,7 +11159,7 @@ function TextEditorColorPicker(props) {
|
|
|
11146
11159
|
setHexa(val);
|
|
11147
11160
|
}, 200);
|
|
11148
11161
|
},
|
|
11149
|
-
className: rootClassName$
|
|
11162
|
+
className: rootClassName$2B + "-color-picker",
|
|
11150
11163
|
type: 'color'
|
|
11151
11164
|
})), React$1.createElement(TextEditorHeaderInput, {
|
|
11152
11165
|
label: 'Hexadecimal',
|
|
@@ -11168,18 +11181,18 @@ TextEditorColorPicker.defaultProps = {
|
|
|
11168
11181
|
};
|
|
11169
11182
|
|
|
11170
11183
|
var _excluded$3 = ["icon", "active"];
|
|
11171
|
-
var rootClassName$
|
|
11184
|
+
var rootClassName$2C = 'text-editor-header-button';
|
|
11172
11185
|
function TextEditorHeaderButton(_ref) {
|
|
11173
11186
|
var _props$className;
|
|
11174
11187
|
var icon = _ref.icon,
|
|
11175
11188
|
active = _ref.active,
|
|
11176
11189
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
11177
11190
|
return React$1.createElement("button", Object.assign({
|
|
11178
|
-
className: getMergedClassNames([rootClassName$
|
|
11191
|
+
className: getMergedClassNames([rootClassName$2C, active ? 'active' : '', (_props$className = props.className) != null ? _props$className : ''])
|
|
11179
11192
|
}, props), icon);
|
|
11180
11193
|
}
|
|
11181
11194
|
|
|
11182
|
-
var rootClassName$
|
|
11195
|
+
var rootClassName$2D = 'text-editor-title-choser';
|
|
11183
11196
|
function TextEditorTitleChoser(props) {
|
|
11184
11197
|
var _useState = useState(getUniqueKey()),
|
|
11185
11198
|
id = _useState[0];
|
|
@@ -11218,7 +11231,7 @@ function TextEditorTitleChoser(props) {
|
|
|
11218
11231
|
}
|
|
11219
11232
|
};
|
|
11220
11233
|
return React$1.createElement("div", {
|
|
11221
|
-
className: rootClassName$
|
|
11234
|
+
className: rootClassName$2D,
|
|
11222
11235
|
id: id
|
|
11223
11236
|
}, React$1.createElement("button", {
|
|
11224
11237
|
onClick: function onClick() {
|
|
@@ -11234,7 +11247,7 @@ TextEditorTitleChoser.defaultProps = {
|
|
|
11234
11247
|
onChange: function onChange() {}
|
|
11235
11248
|
};
|
|
11236
11249
|
|
|
11237
|
-
var rootClassName$
|
|
11250
|
+
var rootClassName$2E = 'text-editor-url-creator';
|
|
11238
11251
|
function TextEditorUrlCreator(props) {
|
|
11239
11252
|
var _useState = useState(getUniqueKey()),
|
|
11240
11253
|
id = _useState[0];
|
|
@@ -11299,9 +11312,9 @@ function TextEditorUrlCreator(props) {
|
|
|
11299
11312
|
};
|
|
11300
11313
|
return React$1.createElement("div", {
|
|
11301
11314
|
id: id,
|
|
11302
|
-
className: rootClassName$
|
|
11315
|
+
className: rootClassName$2E
|
|
11303
11316
|
}, React$1.createElement(Row$1, {
|
|
11304
|
-
className: rootClassName$
|
|
11317
|
+
className: rootClassName$2E + "-url-row"
|
|
11305
11318
|
}, React$1.createElement(TextEditorHeaderInput, {
|
|
11306
11319
|
label: 'Url',
|
|
11307
11320
|
value: urlValue,
|
|
@@ -11310,7 +11323,7 @@ function TextEditorUrlCreator(props) {
|
|
|
11310
11323
|
},
|
|
11311
11324
|
onEnter: handleSubmit
|
|
11312
11325
|
})), React$1.createElement(Row$1, {
|
|
11313
|
-
className: rootClassName$
|
|
11326
|
+
className: rootClassName$2E + "-text-row"
|
|
11314
11327
|
}, React$1.createElement(TextEditorHeaderInput, {
|
|
11315
11328
|
label: 'Texto',
|
|
11316
11329
|
value: textValue,
|
|
@@ -11319,7 +11332,7 @@ function TextEditorUrlCreator(props) {
|
|
|
11319
11332
|
},
|
|
11320
11333
|
onEnter: handleSubmit
|
|
11321
11334
|
})), React$1.createElement(Row$1, {
|
|
11322
|
-
className: rootClassName$
|
|
11335
|
+
className: rootClassName$2E + "-new-tab-row"
|
|
11323
11336
|
}, React$1.createElement(Checkbox$1, {
|
|
11324
11337
|
value: newTab,
|
|
11325
11338
|
onChange: function onChange(value) {
|
|
@@ -11330,7 +11343,7 @@ function TextEditorUrlCreator(props) {
|
|
|
11330
11343
|
return setNewTab(!newTab);
|
|
11331
11344
|
}
|
|
11332
11345
|
}, "Nova Guia")), React$1.createElement(Row$1, {
|
|
11333
|
-
className: rootClassName$
|
|
11346
|
+
className: rootClassName$2E + "-ok-row"
|
|
11334
11347
|
}, React$1.createElement(TextEditorMenuButton, {
|
|
11335
11348
|
disabled: !urlValue || !textValue,
|
|
11336
11349
|
onClick: handleSubmit
|
|
@@ -11340,7 +11353,7 @@ TextEditorUrlCreator.defaultProps = {
|
|
|
11340
11353
|
onChange: function onChange() {}
|
|
11341
11354
|
};
|
|
11342
11355
|
|
|
11343
|
-
var rootClassName$
|
|
11356
|
+
var rootClassName$2F = 'component-text-editor';
|
|
11344
11357
|
function TextEditor(props) {
|
|
11345
11358
|
var _cursor$foreColor;
|
|
11346
11359
|
var _useState = useState(getUniqueKey()),
|
|
@@ -11359,7 +11372,7 @@ function TextEditor(props) {
|
|
|
11359
11372
|
setCursor = _useState5[1];
|
|
11360
11373
|
var getProps = function getProps() {
|
|
11361
11374
|
var p = _extends({}, props, {
|
|
11362
|
-
className: getMergedClassNames([rootClassName$
|
|
11375
|
+
className: getMergedClassNames([rootClassName$2F, props.className || '', props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
|
|
11363
11376
|
});
|
|
11364
11377
|
delete p.topLabel;
|
|
11365
11378
|
delete p.helperText;
|
|
@@ -11444,13 +11457,13 @@ function TextEditor(props) {
|
|
|
11444
11457
|
}
|
|
11445
11458
|
}, [props.value]);
|
|
11446
11459
|
return React$1.createElement("div", {
|
|
11447
|
-
className: rootClassName$
|
|
11460
|
+
className: rootClassName$2F + "-outer"
|
|
11448
11461
|
}, !props.hideTopLabel && React$1.createElement("div", {
|
|
11449
|
-
className: getMergedClassNames([rootClassName$
|
|
11462
|
+
className: getMergedClassNames([rootClassName$2F + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
|
|
11450
11463
|
}, props.topLabel), React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
|
|
11451
|
-
className: rootClassName$
|
|
11464
|
+
className: rootClassName$2F + "-header"
|
|
11452
11465
|
}, React$1.createElement("div", {
|
|
11453
|
-
className: rootClassName$
|
|
11466
|
+
className: rootClassName$2F + "-left-content"
|
|
11454
11467
|
}, React$1.createElement(DropdownMenu, {
|
|
11455
11468
|
opened: fontOpened,
|
|
11456
11469
|
setOpened: setFontOpened,
|
|
@@ -11581,7 +11594,7 @@ function TextEditor(props) {
|
|
|
11581
11594
|
(_document$querySelect12 = document.querySelector("#" + id)) === null || _document$querySelect12 === void 0 ? void 0 : _document$querySelect12.focus();
|
|
11582
11595
|
}
|
|
11583
11596
|
})), React$1.createElement("div", {
|
|
11584
|
-
className: rootClassName$
|
|
11597
|
+
className: rootClassName$2F + "-right-content"
|
|
11585
11598
|
}, React$1.createElement(TextEditorHeaderButton, {
|
|
11586
11599
|
disabled: props.disabled,
|
|
11587
11600
|
icon: React$1.createElement(UndoIcon, null),
|
|
@@ -11596,12 +11609,12 @@ function TextEditor(props) {
|
|
|
11596
11609
|
}
|
|
11597
11610
|
}))), React$1.createElement("div", {
|
|
11598
11611
|
id: id,
|
|
11599
|
-
className: rootClassName$
|
|
11612
|
+
className: rootClassName$2F + "-editor",
|
|
11600
11613
|
contentEditable: !props.disabled,
|
|
11601
11614
|
onClick: verifyCursor,
|
|
11602
11615
|
onKeyUp: verifyCursor
|
|
11603
11616
|
})), !props.hideHelperText && React$1.createElement("div", {
|
|
11604
|
-
className: getMergedClassNames([rootClassName$
|
|
11617
|
+
className: getMergedClassNames([rootClassName$2F + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
|
|
11605
11618
|
}, props.helperText));
|
|
11606
11619
|
}
|
|
11607
11620
|
TextEditor.defaultProps = {
|
|
@@ -11610,25 +11623,25 @@ TextEditor.defaultProps = {
|
|
|
11610
11623
|
onChange: function onChange() {}
|
|
11611
11624
|
};
|
|
11612
11625
|
|
|
11613
|
-
var rootClassName$
|
|
11626
|
+
var rootClassName$2G = 'component-title';
|
|
11614
11627
|
function Title(props) {
|
|
11615
11628
|
return React$1.createElement("div", {
|
|
11616
|
-
className: getMergedClassNames([rootClassName$
|
|
11629
|
+
className: getMergedClassNames([rootClassName$2G, props.hideRightElementXS ? 'hide-right-xs' : '']),
|
|
11617
11630
|
style: {
|
|
11618
11631
|
alignItems: props.align,
|
|
11619
11632
|
flexWrap: props.flexWrap
|
|
11620
11633
|
}
|
|
11621
11634
|
}, React$1.createElement("div", {
|
|
11622
|
-
className: rootClassName$
|
|
11635
|
+
className: rootClassName$2G + "-wrapper"
|
|
11623
11636
|
}, props.showBackButton ? React$1.createElement("div", {
|
|
11624
|
-
className: rootClassName$
|
|
11637
|
+
className: rootClassName$2G + "-icon"
|
|
11625
11638
|
}, React$1.createElement(IconButton$1, {
|
|
11626
11639
|
icon: React$1.createElement(ArrowLeftIcon, null),
|
|
11627
11640
|
onClick: props.onBackClick
|
|
11628
11641
|
})) : undefined, React$1.createElement("div", {
|
|
11629
|
-
className: getMergedClassNames([rootClassName$
|
|
11642
|
+
className: getMergedClassNames([rootClassName$2G + "-text", props.oneLineTitle ? 'one-line-title' : ''])
|
|
11630
11643
|
}, props.children)), props.rightElement ? React$1.createElement("div", {
|
|
11631
|
-
className: rootClassName$
|
|
11644
|
+
className: rootClassName$2G + "-right-element"
|
|
11632
11645
|
}, props.rightElement) : undefined);
|
|
11633
11646
|
}
|
|
11634
11647
|
Title.defaultProps = {};
|
|
@@ -11641,15 +11654,15 @@ var ToastTypes;
|
|
|
11641
11654
|
ToastTypes["Warning"] = "warning";
|
|
11642
11655
|
})(ToastTypes || (ToastTypes = {}));
|
|
11643
11656
|
|
|
11644
|
-
var rootClassName$
|
|
11657
|
+
var rootClassName$2H = 'component-toast';
|
|
11645
11658
|
function Toast(props) {
|
|
11646
11659
|
var _useState = useState(props.id || getUniqueKey()),
|
|
11647
11660
|
id = _useState[0];
|
|
11648
11661
|
var getClassNames = function getClassNames() {
|
|
11649
|
-
return getMergedClassNames([rootClassName$
|
|
11662
|
+
return getMergedClassNames([rootClassName$2H, rootClassName$2H + "-" + props.theme]);
|
|
11650
11663
|
};
|
|
11651
11664
|
useEffect(function () {
|
|
11652
|
-
var el = document.querySelector("#" + id + " ." + rootClassName$
|
|
11665
|
+
var el = document.querySelector("#" + id + " ." + rootClassName$2H + "-fill");
|
|
11653
11666
|
if (el) {
|
|
11654
11667
|
el.style.animation = "fillToZero " + props.timeout + "ms linear forwards";
|
|
11655
11668
|
}
|
|
@@ -11688,22 +11701,22 @@ function Toast(props) {
|
|
|
11688
11701
|
id: id,
|
|
11689
11702
|
className: getClassNames()
|
|
11690
11703
|
}, React$1.createElement("div", {
|
|
11691
|
-
className: rootClassName$
|
|
11704
|
+
className: rootClassName$2H + "-left-content"
|
|
11692
11705
|
}, props.label), React$1.createElement("div", {
|
|
11693
|
-
className: rootClassName$
|
|
11706
|
+
className: rootClassName$2H + "-right-content"
|
|
11694
11707
|
}, props.showActionButton && React$1.createElement("div", {
|
|
11695
|
-
className: rootClassName$
|
|
11708
|
+
className: rootClassName$2H + "-action-button"
|
|
11696
11709
|
}, props.actionButtonText), React$1.createElement("div", {
|
|
11697
|
-
className: rootClassName$
|
|
11710
|
+
className: rootClassName$2H + "-close-button"
|
|
11698
11711
|
}, React$1.createElement(IconButton$1, {
|
|
11699
11712
|
icon: React$1.createElement(CloseIcon, null),
|
|
11700
11713
|
onClick: function onClick() {
|
|
11701
11714
|
if (typeof props.onClose === 'function') props.onClose();
|
|
11702
11715
|
}
|
|
11703
11716
|
}))), props.timeout ? React$1.createElement("div", {
|
|
11704
|
-
className: getMergedClassNames([rootClassName$
|
|
11717
|
+
className: getMergedClassNames([rootClassName$2H + "-bar", props.showStatusBar ? '' : 'hide'])
|
|
11705
11718
|
}, React$1.createElement("div", {
|
|
11706
|
-
className: rootClassName$
|
|
11719
|
+
className: rootClassName$2H + "-fill",
|
|
11707
11720
|
onAnimationEnd: function onAnimationEnd() {
|
|
11708
11721
|
if (typeof props.onClose === 'function') props.onClose();
|
|
11709
11722
|
}
|
|
@@ -11718,7 +11731,7 @@ Toast.defaultProps = {
|
|
|
11718
11731
|
onClose: function onClose() {}
|
|
11719
11732
|
};
|
|
11720
11733
|
|
|
11721
|
-
var rootClassName$
|
|
11734
|
+
var rootClassName$2I = 'comp-toast-manager';
|
|
11722
11735
|
var count = 0;
|
|
11723
11736
|
var ToastManager = forwardRef(function (props, ref) {
|
|
11724
11737
|
var _useState = useState([]),
|
|
@@ -11782,17 +11795,17 @@ var ToastManager = forwardRef(function (props, ref) {
|
|
|
11782
11795
|
};
|
|
11783
11796
|
});
|
|
11784
11797
|
var getClassNames = function getClassNames() {
|
|
11785
|
-
return getMergedClassNames([rootClassName$
|
|
11798
|
+
return getMergedClassNames([rootClassName$2I + "-toasts", rootClassName$2I + "-" + props.verticalPosition, rootClassName$2I + "-" + props.horizontalPosition, props.reverse ? rootClassName$2I + "-reverse" : '', props.animateSize ? rootClassName$2I + "-animate-size" : '']);
|
|
11786
11799
|
};
|
|
11787
11800
|
useLayoutEffect(function () {
|
|
11788
|
-
var wrapper = document.querySelector("." + rootClassName$
|
|
11801
|
+
var wrapper = document.querySelector("." + rootClassName$2I + "-toasts");
|
|
11789
11802
|
if (wrapper && wrapper.childElementCount > 0) {
|
|
11790
11803
|
var somaDasAlturas = 0;
|
|
11791
11804
|
if (props.verticalPosition === 'top' && !props.reverse) {
|
|
11792
11805
|
somaDasAlturas = 12;
|
|
11793
11806
|
for (var i = 0; i < wrapper.children.length; i++) {
|
|
11794
11807
|
var el = wrapper.children[i];
|
|
11795
|
-
if (!el.classList.contains(rootClassName$
|
|
11808
|
+
if (!el.classList.contains(rootClassName$2I + "-toast-exit")) {
|
|
11796
11809
|
el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
11797
11810
|
somaDasAlturas += el.getBoundingClientRect().height + 12;
|
|
11798
11811
|
}
|
|
@@ -11800,7 +11813,7 @@ var ToastManager = forwardRef(function (props, ref) {
|
|
|
11800
11813
|
} else if (props.verticalPosition === 'top') {
|
|
11801
11814
|
for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
|
|
11802
11815
|
var _el = wrapper.children[_i];
|
|
11803
|
-
if (!_el.classList.contains(rootClassName$
|
|
11816
|
+
if (!_el.classList.contains(rootClassName$2I + "-toast-exit")) {
|
|
11804
11817
|
somaDasAlturas += _el.getBoundingClientRect().height + 12;
|
|
11805
11818
|
_el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
11806
11819
|
}
|
|
@@ -11808,7 +11821,7 @@ var ToastManager = forwardRef(function (props, ref) {
|
|
|
11808
11821
|
} else if (props.verticalPosition === 'bottom' && !props.reverse) {
|
|
11809
11822
|
for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
|
|
11810
11823
|
var _el2 = wrapper.children[_i2];
|
|
11811
|
-
if (!_el2.classList.contains(rootClassName$
|
|
11824
|
+
if (!_el2.classList.contains(rootClassName$2I + "-toast-exit")) {
|
|
11812
11825
|
somaDasAlturas += _el2.getBoundingClientRect().height + 12;
|
|
11813
11826
|
_el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
11814
11827
|
}
|
|
@@ -11817,7 +11830,7 @@ var ToastManager = forwardRef(function (props, ref) {
|
|
|
11817
11830
|
somaDasAlturas = 12;
|
|
11818
11831
|
for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
|
|
11819
11832
|
var _el3 = wrapper.children[_i3];
|
|
11820
|
-
if (!_el3.classList.contains(rootClassName$
|
|
11833
|
+
if (!_el3.classList.contains(rootClassName$2I + "-toast-exit")) {
|
|
11821
11834
|
_el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
11822
11835
|
somaDasAlturas += _el3.getBoundingClientRect().height + 12;
|
|
11823
11836
|
}
|
|
@@ -11830,11 +11843,11 @@ var ToastManager = forwardRef(function (props, ref) {
|
|
|
11830
11843
|
}, arrayOfToast.map(function (toast) {
|
|
11831
11844
|
return React$1.createElement(CSSTransition, {
|
|
11832
11845
|
timeout: 300,
|
|
11833
|
-
classNames: rootClassName$
|
|
11846
|
+
classNames: rootClassName$2I + "-toast",
|
|
11834
11847
|
key: toast.id,
|
|
11835
11848
|
unmountOnExit: true
|
|
11836
11849
|
}, React$1.createElement("div", {
|
|
11837
|
-
className: rootClassName$
|
|
11850
|
+
className: rootClassName$2I + "-toastzin"
|
|
11838
11851
|
}, React$1.createElement(Toast, {
|
|
11839
11852
|
theme: toast.type,
|
|
11840
11853
|
label: toast.label,
|
|
@@ -11863,19 +11876,19 @@ var TooltipPosition;
|
|
|
11863
11876
|
TooltipPosition["Bottom"] = "bottom";
|
|
11864
11877
|
})(TooltipPosition || (TooltipPosition = {}));
|
|
11865
11878
|
|
|
11866
|
-
var rootClassName$
|
|
11879
|
+
var rootClassName$2J = 'component-tooltip';
|
|
11867
11880
|
function Tooltip(props) {
|
|
11868
11881
|
var _useState = useState(props.id || getUniqueKey()),
|
|
11869
11882
|
id = _useState[0];
|
|
11870
11883
|
var getProps = function getProps() {
|
|
11871
11884
|
return _extends({}, props, {
|
|
11872
11885
|
id: id,
|
|
11873
|
-
className: getMergedClassNames([rootClassName$
|
|
11886
|
+
className: getMergedClassNames([rootClassName$2J, props.className, rootClassName$2J + "-" + props.position])
|
|
11874
11887
|
});
|
|
11875
11888
|
};
|
|
11876
11889
|
useEffect(function () {
|
|
11877
11890
|
var element = document.querySelector("#" + id);
|
|
11878
|
-
var triangle = element.querySelector("." + rootClassName$
|
|
11891
|
+
var triangle = element.querySelector("." + rootClassName$2J + "-triangle");
|
|
11879
11892
|
var bounding = element.getBoundingClientRect();
|
|
11880
11893
|
var ScreenWidth = window.innerWidth;
|
|
11881
11894
|
if (props.position === TooltipPosition.Top || props.position === TooltipPosition.Bottom) {
|
|
@@ -11893,16 +11906,16 @@ function Tooltip(props) {
|
|
|
11893
11906
|
}
|
|
11894
11907
|
}, [id, props.position]);
|
|
11895
11908
|
return React$1.createElement("div", {
|
|
11896
|
-
className: rootClassName$
|
|
11909
|
+
className: rootClassName$2J + "-outer"
|
|
11897
11910
|
}, React$1.createElement("div", Object.assign({}, getProps()), props.children, React$1.createElement("div", {
|
|
11898
|
-
className: rootClassName$
|
|
11911
|
+
className: rootClassName$2J + "-triangle"
|
|
11899
11912
|
})));
|
|
11900
11913
|
}
|
|
11901
11914
|
Tooltip.defaultProps = {
|
|
11902
11915
|
position: TooltipPosition.Top
|
|
11903
11916
|
};
|
|
11904
11917
|
|
|
11905
|
-
var rootClassName$
|
|
11918
|
+
var rootClassName$2K = 'tooltip-manager';
|
|
11906
11919
|
function TooltipManager() {
|
|
11907
11920
|
var _useState = useState([]),
|
|
11908
11921
|
arrayOfTooltips = _useState[0],
|
|
@@ -11989,17 +12002,17 @@ function TooltipManager() {
|
|
|
11989
12002
|
};
|
|
11990
12003
|
}, []);
|
|
11991
12004
|
return React$1.createElement(React$1.Fragment, null, React$1.createElement(TransitionGroup, {
|
|
11992
|
-
className: rootClassName$
|
|
12005
|
+
className: rootClassName$2K
|
|
11993
12006
|
}, arrayOfTooltips.map(function (tooltip) {
|
|
11994
12007
|
return React$1.createElement(CSSTransition, {
|
|
11995
12008
|
timeout: 300,
|
|
11996
|
-
classNames: rootClassName$
|
|
12009
|
+
classNames: rootClassName$2K + "-tooltip",
|
|
11997
12010
|
key: tooltip.id,
|
|
11998
12011
|
unmountOnExit: true
|
|
11999
12012
|
}, React$1.createElement(Tooltip, {
|
|
12000
12013
|
id: tooltip.id,
|
|
12001
12014
|
position: tooltip.position,
|
|
12002
|
-
className: rootClassName$
|
|
12015
|
+
className: rootClassName$2K + "-tooltip",
|
|
12003
12016
|
style: _extends({}, tooltip.style),
|
|
12004
12017
|
onMouseLeave: function onMouseLeave() {
|
|
12005
12018
|
if (!document.querySelectorAll("[tooltip-id=" + tooltip.id + "]").length) {
|
|
@@ -12016,7 +12029,7 @@ function TooltipManager() {
|
|
|
12016
12029
|
TooltipManager.propTypes = {};
|
|
12017
12030
|
TooltipManager.defaultProps = {};
|
|
12018
12031
|
|
|
12019
|
-
var rootClassName$
|
|
12032
|
+
var rootClassName$2L = 'component-top-loader';
|
|
12020
12033
|
function TopLoader(props) {
|
|
12021
12034
|
return React$1.createElement(CSSTransition, {
|
|
12022
12035
|
classNames: 'fade',
|
|
@@ -12024,11 +12037,11 @@ function TopLoader(props) {
|
|
|
12024
12037
|
"in": props.opened,
|
|
12025
12038
|
unmountOnExit: true
|
|
12026
12039
|
}, React$1.createElement("div", {
|
|
12027
|
-
className: rootClassName$
|
|
12040
|
+
className: rootClassName$2L
|
|
12028
12041
|
}, React$1.createElement("div", {
|
|
12029
|
-
className: rootClassName$
|
|
12042
|
+
className: rootClassName$2L + "-logo"
|
|
12030
12043
|
}, props.logo), props.status && React$1.createElement("div", {
|
|
12031
|
-
className: rootClassName$
|
|
12044
|
+
className: rootClassName$2L + "-status"
|
|
12032
12045
|
}, props.status)));
|
|
12033
12046
|
}
|
|
12034
12047
|
TopLoader.defaultProps = {
|
|
@@ -12037,7 +12050,7 @@ TopLoader.defaultProps = {
|
|
|
12037
12050
|
})
|
|
12038
12051
|
};
|
|
12039
12052
|
|
|
12040
|
-
var rootClassName$
|
|
12053
|
+
var rootClassName$2M = 'video-modal';
|
|
12041
12054
|
function VideoModal(props) {
|
|
12042
12055
|
var handleClose = useCallback(function () {
|
|
12043
12056
|
props.onClose(props.modalKey);
|
|
@@ -12045,7 +12058,7 @@ function VideoModal(props) {
|
|
|
12045
12058
|
var filteredProps = useMemo(function () {
|
|
12046
12059
|
var p = _extends({}, props, {
|
|
12047
12060
|
id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
|
|
12048
|
-
className: getMergedClassNames([rootClassName$
|
|
12061
|
+
className: getMergedClassNames([rootClassName$2M, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2M + "-" + String(props.size).toLowerCase()])
|
|
12049
12062
|
});
|
|
12050
12063
|
delete p.urlVideo;
|
|
12051
12064
|
delete p.footer;
|
|
@@ -12063,12 +12076,12 @@ function VideoModal(props) {
|
|
|
12063
12076
|
return p;
|
|
12064
12077
|
}, [props]);
|
|
12065
12078
|
return React$1.createElement("div", Object.assign({}, filteredProps), React$1.createElement("div", {
|
|
12066
|
-
className: rootClassName$
|
|
12079
|
+
className: rootClassName$2M + "-close-button"
|
|
12067
12080
|
}, React$1.createElement(IconButton$1, {
|
|
12068
12081
|
onClick: handleClose,
|
|
12069
12082
|
icon: React$1.createElement(CloseIcon, null)
|
|
12070
12083
|
})), React$1.createElement("div", {
|
|
12071
|
-
className: rootClassName$
|
|
12084
|
+
className: rootClassName$2M + "-video-row"
|
|
12072
12085
|
}, React$1.createElement(VideoPlayer, Object.assign({
|
|
12073
12086
|
blackGround: true
|
|
12074
12087
|
}, props.videoPlayerProps, {
|
|
@@ -12079,10 +12092,10 @@ VideoModal.defaultProps = {
|
|
|
12079
12092
|
size: 'md'
|
|
12080
12093
|
};
|
|
12081
12094
|
|
|
12082
|
-
var rootClassName$
|
|
12095
|
+
var rootClassName$2N = 'icon-component';
|
|
12083
12096
|
var PhonePlusIcon = function PhonePlusIcon() {
|
|
12084
12097
|
return React$1.createElement("svg", {
|
|
12085
|
-
className: rootClassName$
|
|
12098
|
+
className: rootClassName$2N,
|
|
12086
12099
|
viewBox: '0 0 24 24',
|
|
12087
12100
|
fill: 'currentColor',
|
|
12088
12101
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -12093,7 +12106,7 @@ var PhonePlusIcon = function PhonePlusIcon() {
|
|
|
12093
12106
|
}));
|
|
12094
12107
|
};
|
|
12095
12108
|
|
|
12096
|
-
var rootClassName$
|
|
12109
|
+
var rootClassName$2O = 'calendar-header';
|
|
12097
12110
|
function CalendarHeader(props) {
|
|
12098
12111
|
var size = useScreenSize();
|
|
12099
12112
|
var days = useMemo(function () {
|
|
@@ -12103,16 +12116,16 @@ function CalendarHeader(props) {
|
|
|
12103
12116
|
return props.language.daysOfWeek;
|
|
12104
12117
|
}, [props.language.daysOfWeek, props.language.daysOfWeekAbrev, size]);
|
|
12105
12118
|
return React$1.createElement("div", {
|
|
12106
|
-
className: rootClassName$
|
|
12119
|
+
className: rootClassName$2O
|
|
12107
12120
|
}, days.map(function (d, i) {
|
|
12108
12121
|
return React$1.createElement("div", {
|
|
12109
|
-
className: rootClassName$
|
|
12122
|
+
className: rootClassName$2O + "-day",
|
|
12110
12123
|
key: i
|
|
12111
12124
|
}, d);
|
|
12112
12125
|
}));
|
|
12113
12126
|
}
|
|
12114
12127
|
|
|
12115
|
-
var rootClassName$
|
|
12128
|
+
var rootClassName$2P = 'evento-calendario';
|
|
12116
12129
|
function CalendarEvent(props) {
|
|
12117
12130
|
var _useState = useState(props.forceExpanded || false),
|
|
12118
12131
|
expanded = _useState[0],
|
|
@@ -12141,12 +12154,12 @@ function CalendarEvent(props) {
|
|
|
12141
12154
|
return React$1.createElement(Fragment$1, null, "large");
|
|
12142
12155
|
case 'medium':
|
|
12143
12156
|
return React$1.createElement(Fragment$1, null, React$1.createElement("div", {
|
|
12144
|
-
className: rootClassName$
|
|
12157
|
+
className: rootClassName$2P + "-tipo",
|
|
12145
12158
|
style: {
|
|
12146
12159
|
borderColor: props.color
|
|
12147
12160
|
}
|
|
12148
12161
|
}, props.tipoEvento), React$1.createElement("div", {
|
|
12149
|
-
className: rootClassName$
|
|
12162
|
+
className: rootClassName$2P + "-label"
|
|
12150
12163
|
}, React$1.createElement(CSSTransition, {
|
|
12151
12164
|
"in": !props.forceExpanded && (!expanded || !props.expandedLabel),
|
|
12152
12165
|
timeout: 300,
|
|
@@ -12156,26 +12169,26 @@ function CalendarEvent(props) {
|
|
|
12156
12169
|
opened: props.forceExpanded || expanded && !!props.expandedLabel,
|
|
12157
12170
|
animateOpacity: true
|
|
12158
12171
|
}, React$1.createElement(Fragment$1, null, React$1.createElement("span", null, props.expandedLabel), React$1.createElement("div", {
|
|
12159
|
-
className: rootClassName$
|
|
12172
|
+
className: rootClassName$2P + "-date-label"
|
|
12160
12173
|
}, props.expandedDate)))), React$1.createElement("div", {
|
|
12161
|
-
className: rootClassName$
|
|
12174
|
+
className: rootClassName$2P + "-modalidade"
|
|
12162
12175
|
}, React$1.createElement("div", {
|
|
12163
|
-
className: rootClassName$
|
|
12176
|
+
className: rootClassName$2P + "-icon"
|
|
12164
12177
|
}, props.icon), React$1.createElement("div", {
|
|
12165
|
-
className: rootClassName$
|
|
12178
|
+
className: rootClassName$2P + "-modalidade-label nunito"
|
|
12166
12179
|
}, props.iconLabel)));
|
|
12167
12180
|
case 'small':
|
|
12168
12181
|
default:
|
|
12169
12182
|
return React$1.createElement(Fragment$1, null, React$1.createElement("div", {
|
|
12170
|
-
className: rootClassName$
|
|
12183
|
+
className: rootClassName$2P + "-icon"
|
|
12171
12184
|
}, props.icon), React$1.createElement("div", {
|
|
12172
|
-
className: rootClassName$
|
|
12185
|
+
className: rootClassName$2P + "-label nunito"
|
|
12173
12186
|
}, props.tipoEvento, " | ", props.label));
|
|
12174
12187
|
}
|
|
12175
12188
|
}, [expanded, props.color, props.expandedDate, props.expandedLabel, props.forceExpanded, props.icon, props.iconLabel, props.label, props.size, props.tipoEvento]);
|
|
12176
12189
|
return React$1.createElement("button", {
|
|
12177
12190
|
ref: ref,
|
|
12178
|
-
className: useMergedClassNames([rootClassName$
|
|
12191
|
+
className: useMergedClassNames([rootClassName$2P, props.size, props.borderStyle]),
|
|
12179
12192
|
disabled: props.disabled,
|
|
12180
12193
|
onClick: function onClick(evt) {
|
|
12181
12194
|
if (typeof props.onClick === 'function') {
|
|
@@ -12201,10 +12214,10 @@ CalendarEvent.defaultProps = {
|
|
|
12201
12214
|
};
|
|
12202
12215
|
var CalendarEvent$1 = memo(CalendarEvent);
|
|
12203
12216
|
|
|
12204
|
-
var rootClassName$
|
|
12217
|
+
var rootClassName$2Q = 'calendar-chip';
|
|
12205
12218
|
function CalendarChip(props) {
|
|
12206
12219
|
return React$1.createElement("button", {
|
|
12207
|
-
className: useMergedClassNames([rootClassName$
|
|
12220
|
+
className: useMergedClassNames([rootClassName$2Q, 'nunito']),
|
|
12208
12221
|
onClick: props.onClick,
|
|
12209
12222
|
disabled: props.disabled,
|
|
12210
12223
|
style: {
|
|
@@ -12219,11 +12232,11 @@ CalendarChip.defaultProps = {
|
|
|
12219
12232
|
};
|
|
12220
12233
|
var CalendarChip$1 = memo(CalendarChip);
|
|
12221
12234
|
|
|
12222
|
-
var rootClassName$
|
|
12235
|
+
var rootClassName$2R = 'calendar-month-day';
|
|
12223
12236
|
function CalendarMonthDay(props) {
|
|
12224
12237
|
var _props$eventos, _props$eventos2, _props$eventos3, _props$eventos4, _props$eventos4$slice;
|
|
12225
12238
|
var classNames = useMemo(function () {
|
|
12226
|
-
return getMergedClassNames([rootClassName$
|
|
12239
|
+
return getMergedClassNames([rootClassName$2R, props.pocket ? 'pocket' : '', props.isToday ? 'today' : '', props.disabled ? 'disabled' : '', props.highlightWeekends && (props.day.getDay() === 0 || props.day.getDay() === 6) ? 'highlight' : '']);
|
|
12227
12240
|
}, [props.day, props.disabled, props.highlightWeekends, props.isToday, props.pocket]);
|
|
12228
12241
|
var date = new Date();
|
|
12229
12242
|
date.setDate(date.getDate() - 1);
|
|
@@ -12236,9 +12249,9 @@ function CalendarMonthDay(props) {
|
|
|
12236
12249
|
}
|
|
12237
12250
|
}
|
|
12238
12251
|
}, React$1.createElement("div", {
|
|
12239
|
-
className: rootClassName$
|
|
12252
|
+
className: rootClassName$2R + "-label-line"
|
|
12240
12253
|
}, React$1.createElement("div", {
|
|
12241
|
-
className: rootClassName$
|
|
12254
|
+
className: rootClassName$2R + "-day nunito",
|
|
12242
12255
|
onClick: function onClick(evt) {
|
|
12243
12256
|
if (props.pocket && !props.disabled && typeof props.onPlusButtonClick === 'function') {
|
|
12244
12257
|
props.onPlusButtonClick(props.day, evt);
|
|
@@ -12259,7 +12272,7 @@ function CalendarMonthDay(props) {
|
|
|
12259
12272
|
},
|
|
12260
12273
|
disabled: props.disabled
|
|
12261
12274
|
}) : undefined)), !props.pocket ? React$1.createElement(Fragment$1, null, React$1.createElement("div", {
|
|
12262
|
-
className: rootClassName$
|
|
12275
|
+
className: rootClassName$2R + "-eventos"
|
|
12263
12276
|
}, (_props$eventos4 = props.eventos) === null || _props$eventos4 === void 0 ? void 0 : (_props$eventos4$slice = _props$eventos4.slice(0, 2)) === null || _props$eventos4$slice === void 0 ? void 0 : _props$eventos4$slice.map(function (e) {
|
|
12264
12277
|
return React$1.createElement(CalendarEvent$1, Object.assign({
|
|
12265
12278
|
key: e.id
|
|
@@ -12268,7 +12281,7 @@ function CalendarMonthDay(props) {
|
|
|
12268
12281
|
}));
|
|
12269
12282
|
})), props.showAddButton ? React$1.createElement("button", {
|
|
12270
12283
|
disabled: props.disabledPrevAddButton ? props.day < date ? true : false : false,
|
|
12271
|
-
className: rootClassName$
|
|
12284
|
+
className: rootClassName$2R + "-button",
|
|
12272
12285
|
onClick: function onClick(evt) {
|
|
12273
12286
|
if (typeof props.onAddButtonClick === 'function') {
|
|
12274
12287
|
props.onAddButtonClick(props.day, evt);
|
|
@@ -12279,7 +12292,7 @@ function CalendarMonthDay(props) {
|
|
|
12279
12292
|
}
|
|
12280
12293
|
var CalendarMonthDay$1 = memo(CalendarMonthDay);
|
|
12281
12294
|
|
|
12282
|
-
var rootClassName$
|
|
12295
|
+
var rootClassName$2S = 'calendar-days';
|
|
12283
12296
|
function CalendarDays(props) {
|
|
12284
12297
|
var today = useMemo(function () {
|
|
12285
12298
|
return new Date();
|
|
@@ -12297,7 +12310,7 @@ function CalendarDays(props) {
|
|
|
12297
12310
|
return false;
|
|
12298
12311
|
}, [props.referencia, props.disabledNextMonth, props.disabledPrevMonth]);
|
|
12299
12312
|
return React$1.createElement("div", {
|
|
12300
|
-
className: rootClassName$
|
|
12313
|
+
className: rootClassName$2S
|
|
12301
12314
|
}, days.map(function (d) {
|
|
12302
12315
|
var _props$eventos;
|
|
12303
12316
|
var k = "" + d.getFullYear() + getTwoNumbersIfNotTen(d.getMonth() + 1) + getTwoNumbersIfNotTen(d.getDate());
|
|
@@ -12322,7 +12335,7 @@ function CalendarDays(props) {
|
|
|
12322
12335
|
}
|
|
12323
12336
|
var CalendarDays$1 = memo(CalendarDays);
|
|
12324
12337
|
|
|
12325
|
-
var rootClassName$
|
|
12338
|
+
var rootClassName$2T = 'calendar';
|
|
12326
12339
|
function Calendar(props) {
|
|
12327
12340
|
var id = useMemo(getUniqueKey, []);
|
|
12328
12341
|
var _useState = useState(false),
|
|
@@ -12331,7 +12344,7 @@ function Calendar(props) {
|
|
|
12331
12344
|
var pocketRef = useRef(pocket);
|
|
12332
12345
|
pocketRef.current = pocket;
|
|
12333
12346
|
var classNames = useMemo(function () {
|
|
12334
|
-
return getMergedClassNames([rootClassName$
|
|
12347
|
+
return getMergedClassNames([rootClassName$2T, props.loading ? 'loading' : '']);
|
|
12335
12348
|
}, [props.loading]);
|
|
12336
12349
|
var cbResize = useCallback(function (evt) {
|
|
12337
12350
|
if (pocketRef.current) {
|
|
@@ -12391,7 +12404,7 @@ Calendar.defaultProps = {
|
|
|
12391
12404
|
};
|
|
12392
12405
|
var Calendar$1 = memo(Calendar);
|
|
12393
12406
|
|
|
12394
|
-
var rootClassName$
|
|
12407
|
+
var rootClassName$2U = 'scroll-arrow-overflow';
|
|
12395
12408
|
function ScrollArrowOverflow(props) {
|
|
12396
12409
|
var ref = createRef();
|
|
12397
12410
|
var atualRef = useRef(0);
|
|
@@ -12463,9 +12476,9 @@ function ScrollArrowOverflow(props) {
|
|
|
12463
12476
|
};
|
|
12464
12477
|
}, []);
|
|
12465
12478
|
return React$1.createElement("div", {
|
|
12466
|
-
className: useMergedClassNames([rootClassName$
|
|
12479
|
+
className: useMergedClassNames([rootClassName$2U, props.arrows])
|
|
12467
12480
|
}, React$1.createElement("div", {
|
|
12468
|
-
className: rootClassName$
|
|
12481
|
+
className: rootClassName$2U + "-navigation"
|
|
12469
12482
|
}, React$1.createElement(IconButton$1, {
|
|
12470
12483
|
disabled: start,
|
|
12471
12484
|
icon: React$1.createElement(CircleArrowLeft, null),
|
|
@@ -12480,7 +12493,7 @@ function ScrollArrowOverflow(props) {
|
|
|
12480
12493
|
}
|
|
12481
12494
|
})), React$1.createElement("div", {
|
|
12482
12495
|
ref: ref,
|
|
12483
|
-
className: rootClassName$
|
|
12496
|
+
className: rootClassName$2U + "-overflow"
|
|
12484
12497
|
}, props.children));
|
|
12485
12498
|
}
|
|
12486
12499
|
ScrollArrowOverflow.defaultProps = {
|
|
@@ -12489,26 +12502,26 @@ ScrollArrowOverflow.defaultProps = {
|
|
|
12489
12502
|
};
|
|
12490
12503
|
var ScrollArrowOverflow$1 = memo(ScrollArrowOverflow);
|
|
12491
12504
|
|
|
12492
|
-
var rootClassName$
|
|
12505
|
+
var rootClassName$2V = 'hour-events';
|
|
12493
12506
|
function HourEvents(props) {
|
|
12494
12507
|
var _props$language, _props$language2, _props$events, _props$events2, _props$language3, _props$events3;
|
|
12495
12508
|
var _useState = useState(props.defaultOpened),
|
|
12496
12509
|
opened = _useState[0],
|
|
12497
12510
|
setOpened = _useState[1];
|
|
12498
12511
|
return React$1.createElement("div", {
|
|
12499
|
-
className: rootClassName$
|
|
12512
|
+
className: rootClassName$2V
|
|
12500
12513
|
}, React$1.createElement("div", {
|
|
12501
|
-
className: rootClassName$
|
|
12514
|
+
className: rootClassName$2V + "-first-line"
|
|
12502
12515
|
}, React$1.createElement("div", {
|
|
12503
|
-
className: rootClassName$
|
|
12516
|
+
className: rootClassName$2V + "-hour"
|
|
12504
12517
|
}, props.hour), React$1.createElement("div", {
|
|
12505
|
-
className: rootClassName$
|
|
12518
|
+
className: rootClassName$2V + "-line"
|
|
12506
12519
|
}), !props.events || !props.events.length ? React$1.createElement("div", {
|
|
12507
|
-
className: rootClassName$
|
|
12520
|
+
className: rootClassName$2V + "-no-events nunito"
|
|
12508
12521
|
}, (_props$language = props.language) === null || _props$language === void 0 ? void 0 : _props$language.noEvent) : React$1.createElement("div", {
|
|
12509
|
-
className: rootClassName$
|
|
12522
|
+
className: rootClassName$2V + "-counter nunito"
|
|
12510
12523
|
}, (_props$language2 = props.language) === null || _props$language2 === void 0 ? void 0 : _props$language2.events((_props$events = props.events) === null || _props$events === void 0 ? void 0 : _props$events.length))), (_props$events2 = props.events) !== null && _props$events2 !== void 0 && _props$events2.length ? React$1.createElement(Fragment$1, null, React$1.createElement("div", {
|
|
12511
|
-
className: rootClassName$
|
|
12524
|
+
className: rootClassName$2V + "-toggle"
|
|
12512
12525
|
}, React$1.createElement(Button$1, {
|
|
12513
12526
|
theme: ButtonThemes.DefaultPrimary,
|
|
12514
12527
|
onClick: function onClick() {
|
|
@@ -12543,7 +12556,7 @@ HourEvents.defaultProps = {
|
|
|
12543
12556
|
};
|
|
12544
12557
|
var HourEvents$1 = memo(HourEvents);
|
|
12545
12558
|
|
|
12546
|
-
var rootClassName$
|
|
12559
|
+
var rootClassName$2W = 'inline-month-picker';
|
|
12547
12560
|
function InlineMonthPicker(props) {
|
|
12548
12561
|
var d = new Date(props.value.getTime());
|
|
12549
12562
|
var fix31st = function fix31st(months) {
|
|
@@ -12554,13 +12567,13 @@ function InlineMonthPicker(props) {
|
|
|
12554
12567
|
}
|
|
12555
12568
|
};
|
|
12556
12569
|
return React$1.createElement("div", {
|
|
12557
|
-
className: rootClassName$
|
|
12570
|
+
className: rootClassName$2W
|
|
12558
12571
|
}, React$1.createElement("div", {
|
|
12559
|
-
className: rootClassName$
|
|
12572
|
+
className: rootClassName$2W + "-icon"
|
|
12560
12573
|
}, React$1.createElement(CalendarCheckIcon, null)), React$1.createElement("div", {
|
|
12561
|
-
className: rootClassName$
|
|
12574
|
+
className: rootClassName$2W + "-label"
|
|
12562
12575
|
}, props.labelGen(props.value)), React$1.createElement("div", {
|
|
12563
|
-
className: rootClassName$
|
|
12576
|
+
className: rootClassName$2W + "-actions"
|
|
12564
12577
|
}, React$1.createElement(IconButton$1, {
|
|
12565
12578
|
icon: React$1.createElement(ChevronArrowLeftIcon, null),
|
|
12566
12579
|
onClick: function onClick() {
|
|
@@ -12584,7 +12597,7 @@ InlineMonthPicker.defaultProps = {
|
|
|
12584
12597
|
};
|
|
12585
12598
|
var InlineMonthPicker$1 = memo(InlineMonthPicker);
|
|
12586
12599
|
|
|
12587
|
-
var rootClassName$
|
|
12600
|
+
var rootClassName$2X = 'qrcode';
|
|
12588
12601
|
function QRCode(props) {
|
|
12589
12602
|
var ref = createRef();
|
|
12590
12603
|
useEffect(function () {
|
|
@@ -12603,7 +12616,7 @@ function QRCode(props) {
|
|
|
12603
12616
|
});
|
|
12604
12617
|
}, [props, ref]);
|
|
12605
12618
|
var className = useMemo(function () {
|
|
12606
|
-
return getMergedClassNames([rootClassName$
|
|
12619
|
+
return getMergedClassNames([rootClassName$2X, props.button ? 'button' : '']);
|
|
12607
12620
|
}, [props.button]);
|
|
12608
12621
|
return React$1.createElement("div", {
|
|
12609
12622
|
className: className,
|
|
@@ -43651,7 +43664,7 @@ function useHTMLShare() {
|
|
|
43651
43664
|
};
|
|
43652
43665
|
}
|
|
43653
43666
|
|
|
43654
|
-
var rootClassName$
|
|
43667
|
+
var rootClassName$2Y = 'comp-modal-manager';
|
|
43655
43668
|
var maskRootClassName$1 = 'component-modal-mask';
|
|
43656
43669
|
var hackFocus$1 = function hackFocus() {
|
|
43657
43670
|
var tmp = document.createElement('input');
|
|
@@ -43719,13 +43732,13 @@ function useModalManager() {
|
|
|
43719
43732
|
return [React$1.createElement(React$1.Fragment, {
|
|
43720
43733
|
key: 1
|
|
43721
43734
|
}, React$1.createElement(TransitionGroup, {
|
|
43722
|
-
className: rootClassName$
|
|
43735
|
+
className: rootClassName$2Y + "-modals"
|
|
43723
43736
|
}, arrayOfModal.map(function (obj) {
|
|
43724
43737
|
var _obj$props2, _obj$props3, _obj$props4;
|
|
43725
43738
|
var ModalComponent = React$1.createElement(obj.component, obj.props);
|
|
43726
43739
|
return React$1.createElement(CSSTransition, {
|
|
43727
43740
|
timeout: 300,
|
|
43728
|
-
classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$
|
|
43741
|
+
classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2Y + "-mask-mobile-on-xs" : rootClassName$2Y + "-mask",
|
|
43729
43742
|
key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
|
|
43730
43743
|
unmountOnExit: true
|
|
43731
43744
|
}, React$1.createElement(ModalMask, {
|
|
@@ -43866,7 +43879,7 @@ function useTimeElapsed(timeLeftInSeconds, callBackZero) {
|
|
|
43866
43879
|
return timeToReturn;
|
|
43867
43880
|
}
|
|
43868
43881
|
|
|
43869
|
-
var rootClassName$
|
|
43882
|
+
var rootClassName$2Z = 'comp-toast-manager';
|
|
43870
43883
|
var count$1 = 0;
|
|
43871
43884
|
function useToastManager(props) {
|
|
43872
43885
|
var _useState = useState([]),
|
|
@@ -43907,17 +43920,17 @@ function useToastManager(props) {
|
|
|
43907
43920
|
setArrayOfToast([]);
|
|
43908
43921
|
}, []);
|
|
43909
43922
|
var classNames = useMemo(function () {
|
|
43910
|
-
return getMergedClassNames([rootClassName$
|
|
43923
|
+
return getMergedClassNames([rootClassName$2Z + "-toasts", rootClassName$2Z + "-" + verticalPosition, rootClassName$2Z + "-" + horizontalPosition, reverse ? rootClassName$2Z + "-reverse" : '', animateSize ? rootClassName$2Z + "-animate-size" : '']);
|
|
43911
43924
|
}, [reverse, animateSize, horizontalPosition, verticalPosition]);
|
|
43912
43925
|
useLayoutEffect(function () {
|
|
43913
|
-
var wrapper = document.querySelector("." + rootClassName$
|
|
43926
|
+
var wrapper = document.querySelector("." + rootClassName$2Z + "-toasts");
|
|
43914
43927
|
if (wrapper && wrapper.childElementCount > 0) {
|
|
43915
43928
|
var somaDasAlturas = 0;
|
|
43916
43929
|
if (verticalPosition === 'top' && !reverse) {
|
|
43917
43930
|
somaDasAlturas = 12;
|
|
43918
43931
|
for (var i = 0; i < wrapper.children.length; i++) {
|
|
43919
43932
|
var el = wrapper.children[i];
|
|
43920
|
-
if (!el.classList.contains(rootClassName$
|
|
43933
|
+
if (!el.classList.contains(rootClassName$2Z + "-toast-exit")) {
|
|
43921
43934
|
el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
43922
43935
|
somaDasAlturas += el.getBoundingClientRect().height + 12;
|
|
43923
43936
|
}
|
|
@@ -43925,7 +43938,7 @@ function useToastManager(props) {
|
|
|
43925
43938
|
} else if (verticalPosition === 'top') {
|
|
43926
43939
|
for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
|
|
43927
43940
|
var _el = wrapper.children[_i];
|
|
43928
|
-
if (!_el.classList.contains(rootClassName$
|
|
43941
|
+
if (!_el.classList.contains(rootClassName$2Z + "-toast-exit")) {
|
|
43929
43942
|
somaDasAlturas += _el.getBoundingClientRect().height + 12;
|
|
43930
43943
|
_el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
43931
43944
|
}
|
|
@@ -43933,7 +43946,7 @@ function useToastManager(props) {
|
|
|
43933
43946
|
} else if (verticalPosition === 'bottom' && !reverse) {
|
|
43934
43947
|
for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
|
|
43935
43948
|
var _el2 = wrapper.children[_i2];
|
|
43936
|
-
if (!_el2.classList.contains(rootClassName$
|
|
43949
|
+
if (!_el2.classList.contains(rootClassName$2Z + "-toast-exit")) {
|
|
43937
43950
|
somaDasAlturas += _el2.getBoundingClientRect().height + 12;
|
|
43938
43951
|
_el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
43939
43952
|
}
|
|
@@ -43942,7 +43955,7 @@ function useToastManager(props) {
|
|
|
43942
43955
|
somaDasAlturas = 12;
|
|
43943
43956
|
for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
|
|
43944
43957
|
var _el3 = wrapper.children[_i3];
|
|
43945
|
-
if (!_el3.classList.contains(rootClassName$
|
|
43958
|
+
if (!_el3.classList.contains(rootClassName$2Z + "-toast-exit")) {
|
|
43946
43959
|
_el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
43947
43960
|
somaDasAlturas += _el3.getBoundingClientRect().height + 12;
|
|
43948
43961
|
}
|
|
@@ -43955,11 +43968,11 @@ function useToastManager(props) {
|
|
|
43955
43968
|
}, arrayOfToast.map(function (toast) {
|
|
43956
43969
|
return React$1.createElement(CSSTransition, {
|
|
43957
43970
|
timeout: 300,
|
|
43958
|
-
classNames: rootClassName$
|
|
43971
|
+
classNames: rootClassName$2Z + "-toast",
|
|
43959
43972
|
key: toast.id,
|
|
43960
43973
|
unmountOnExit: true
|
|
43961
43974
|
}, React$1.createElement("div", {
|
|
43962
|
-
className: rootClassName$
|
|
43975
|
+
className: rootClassName$2Z + "-toastzin"
|
|
43963
43976
|
}, React$1.createElement(Toast, {
|
|
43964
43977
|
theme: toast.theme,
|
|
43965
43978
|
label: toast.label,
|
|
@@ -44133,10 +44146,10 @@ function FormattedText(text) {
|
|
|
44133
44146
|
}));
|
|
44134
44147
|
}
|
|
44135
44148
|
|
|
44136
|
-
var rootClassName$
|
|
44149
|
+
var rootClassName$2_ = 'icon-component';
|
|
44137
44150
|
var DecreaseIcon = function DecreaseIcon() {
|
|
44138
44151
|
return React$1.createElement("svg", {
|
|
44139
|
-
className: rootClassName$
|
|
44152
|
+
className: rootClassName$2_,
|
|
44140
44153
|
viewBox: '0 0 24 24',
|
|
44141
44154
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
44142
44155
|
}, React$1.createElement("path", {
|
|
@@ -44147,7 +44160,7 @@ var DecreaseIcon = function DecreaseIcon() {
|
|
|
44147
44160
|
}));
|
|
44148
44161
|
};
|
|
44149
44162
|
|
|
44150
|
-
var rootClassName$
|
|
44163
|
+
var rootClassName$2$ = 'component-table-left-checkbox-with-label';
|
|
44151
44164
|
var LeftControlWithLabel = function LeftControlWithLabel(props) {
|
|
44152
44165
|
var _props$spanProps2;
|
|
44153
44166
|
var style = useMemo(function () {
|
|
@@ -44164,13 +44177,13 @@ var LeftControlWithLabel = function LeftControlWithLabel(props) {
|
|
|
44164
44177
|
return style;
|
|
44165
44178
|
}, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
|
|
44166
44179
|
return React$1.createElement("div", {
|
|
44167
|
-
className: getMergedClassNames([rootClassName$
|
|
44180
|
+
className: getMergedClassNames([rootClassName$2$, props.w100 ? 'w-100' : ''])
|
|
44168
44181
|
}, React$1.createElement("span", {
|
|
44169
|
-
className: rootClassName$
|
|
44182
|
+
className: rootClassName$2$ + "-checkbox-wrapper",
|
|
44170
44183
|
"tooltip-position": props['tooltip-position'],
|
|
44171
44184
|
"tooltip-text": props['tooltip-text']
|
|
44172
44185
|
}, props.type === 'addRemove' ? React$1.createElement(IconButton$1, {
|
|
44173
|
-
className: getMergedClassNames([rootClassName$
|
|
44186
|
+
className: getMergedClassNames([rootClassName$2$ + "-add-remove-button", props.value ? rootClassName$2$ + "-danger" : '']),
|
|
44174
44187
|
icon: props.value ? React$1.createElement(DecreaseIcon, null) : React$1.createElement(AddIcon, null),
|
|
44175
44188
|
disabled: props.disabled,
|
|
44176
44189
|
onClick: function onClick(evt) {
|
|
@@ -44184,7 +44197,7 @@ var LeftControlWithLabel = function LeftControlWithLabel(props) {
|
|
|
44184
44197
|
onChange: props.onChange,
|
|
44185
44198
|
theme: props.theme
|
|
44186
44199
|
})), React$1.createElement("span", Object.assign({}, props.spanProps || {}, {
|
|
44187
|
-
className: getMergedClassNames([rootClassName$
|
|
44200
|
+
className: getMergedClassNames([rootClassName$2$ + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
|
|
44188
44201
|
style: style,
|
|
44189
44202
|
onClick: function onClick(evt) {
|
|
44190
44203
|
if (props.anchorLabelToCheckbox) {
|
|
@@ -44368,5 +44381,5 @@ var getStatusClassName = function getStatusClassName(status) {
|
|
|
44368
44381
|
};
|
|
44369
44382
|
var STATUS_PAUTA = [STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_LIBERADA, STATUS_PAUTA_ENCERRADA];
|
|
44370
44383
|
|
|
44371
|
-
export { ATMIcon, Accordion, AconteceuIcon, ActionCard$1 as ActionCard, ActionCardThemes, ActionsColumn, AddAssemblyIcon, AddIcon as AddCircleIcon, AddIcon, AgencyIcon, AlertModal, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnimatedLink$1 as AnimatedLink, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, BackOfficeIcon, Banner, BarChartIcon, BeeIcon, BigBlockButton, BigPlayIcon, BoldIcon, BottomNavigation$1 as BottomNavigation, BreadCrumb, Button$1 as Button, ButtonFileUpload$1 as ButtonFileUpload, ButtonThemes, Calendar$1 as Calendar, CalendarCheckIcon, CalendarEvent$1 as CalendarEvent, CalendarIcon, Card, CardTypes, CardsIcon, Carousel, CarouselPersona$1 as CarouselPersona, CarouselTouchFrendly$1 as CarouselTouchFrendly, CataventoVerde, CheckCircleIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxThemes, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip$1 as Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, Col$1 as Col, Collapse$1 as Collapse, ComitesIcon, ComunidadeIcon, ConfirmModal, Container$1 as Container, ControlLabel$1 as ControlLabel, ControlLabelPosition, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DatePicker$1 as DatePicker, DestructiveModal, DevicePlusIcon, Doughnut$1 as Doughnut, DoughnutSquare, DownloadIcon, DraggableIcon, DropdownItem$1 as DropdownItem, DropdownMenu, DropdownSelector$1 as DropdownSelector, EditIcon, ElementPaginator$1 as ElementPaginator, Etapas$1 as Etapas, Etiqueta, EtiquetasStyle, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FUNDACAO_LOGO_BRANCO, FUNDACAO_LOGO_VERDE, FileLoader, FilePlusIcon, FileTypes, FileUpload, FilesIcon, FilterIcon, FloatingPanel$1 as FloatingPanel, FontColorIcon, FontIcon, FooterSicredi$1 as FooterSicredi, FormacaoIcon, FormattedText, FullHeightContainer$1 as FullHeightContainer, FundacaoLogo, FundacaoLogoTheme, FundoSocialIcon, GlobeIcon, GraduationIcon, HEADER_SEPARATOR_PRIMARY, HEADER_SEPARATOR_SECONDARY, HamburgerIcon, HandUpIcon, Header$1 as Header, HeaderSeparator, HeaderType, HomeIcon, HourEvents$1 as HourEvents, IconButton$1 as IconButton, IconButtonType, ImageTypes, Information, InformationIcon, InlineMonthPicker$1 as InlineMonthPicker, Input$1 as Input, InputArea$1 as InputArea, InvestimentIcon, ItalicIcon, ItemDropdownDownload$1 as ItemDropdownDownload, LeftControlWithLabel as LeftCheckboxWithLabel, LeftControlWithLabel, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, Menu$1 as Menu, MenuItem, MessageIcon, Modal, ModalManager, ModalSizes, MoneyByMonth, MoneyFileIcon, MoneyMonthLineChart, NavigatorWithMouse, NotebookIcon, Notification, NotificationPosition, NotificationType, OptionsIcon, PageSubTitle, PageTitle, Pagination, Paginator, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PreviaVideo$1 as PreviaVideo, PrintIcon, QRCode$1 as QRCode, QRCodeIcon, QRCodeWhatsapp, RadioButton$1 as RadioButton, RadioButtonType, RedoIcon, RefreshIcon, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, ScrollArrowOverflow$1 as ScrollArrowOverflow, Search$1 as Search, SearchIcon, Select$1 as Select, SettingsIcon, SicrediLogo, SicrediLogoTheme, SquaresIcon, SustentabilidadeIcon, Switch, Table, TableActions, TableFileNameAndAction$1 as TableFileNameAndAction, TableWithOverflow$1 as TableWithOverflow, Tabs$1 as Tabs, TextEditor, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, Title, Toast, ToastManager, ToastTypes, Tooltip, TooltipManager, TooltipPosition, TopLoader, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, TypedTable, UnderlineIcon, UndoIcon, UserIcon, VideoModal, VideoPlayer, WebsiteIcon, getStatusClassName, stringToReactElement, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useHTMLShare, useModalManager, useOutsideClick, usePagination, useProgressiveCount, usePublicMenuList, useScreenSize, useScrollTo, useStorageState, useTimeElapsed, useToastManager, useValidatedState };
|
|
44384
|
+
export { ATMIcon, Accordion, AconteceuIcon, ActionCard$1 as ActionCard, ActionCardThemes, ActionsColumn, AddAssemblyIcon, AddIcon as AddCircleIcon, AddIcon, AgencyIcon, AlertIcon, AlertModal, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnimatedLink$1 as AnimatedLink, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, BackOfficeIcon, Banner, BarChartIcon, BeeIcon, BigBlockButton, BigPlayIcon, BoldIcon, BottomNavigation$1 as BottomNavigation, BreadCrumb, Button$1 as Button, ButtonFileUpload$1 as ButtonFileUpload, ButtonThemes, Calendar$1 as Calendar, CalendarCheckIcon, CalendarEvent$1 as CalendarEvent, CalendarIcon, Card, CardTypes, CardsIcon, Carousel, CarouselPersona$1 as CarouselPersona, CarouselTouchFrendly$1 as CarouselTouchFrendly, CataventoVerde, CheckCircleIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxThemes, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip$1 as Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, Col$1 as Col, Collapse$1 as Collapse, ComitesIcon, ComunidadeIcon, ConfirmModal, Container$1 as Container, ControlLabel$1 as ControlLabel, ControlLabelPosition, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DatePicker$1 as DatePicker, DestructiveModal, DevicePlusIcon, Doughnut$1 as Doughnut, DoughnutSquare, DownloadIcon, DraggableIcon, DropdownItem$1 as DropdownItem, DropdownMenu, DropdownSelector$1 as DropdownSelector, EditIcon, ElementPaginator$1 as ElementPaginator, Etapas$1 as Etapas, Etiqueta, EtiquetasStyle, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FUNDACAO_LOGO_BRANCO, FUNDACAO_LOGO_VERDE, FileLoader, FilePlusIcon, FileTypes, FileUpload, FilesIcon, FilterIcon, FloatingPanel$1 as FloatingPanel, FontColorIcon, FontIcon, FooterSicredi$1 as FooterSicredi, FormacaoIcon, FormattedText, FullHeightContainer$1 as FullHeightContainer, FundacaoLogo, FundacaoLogoTheme, FundoSocialIcon, GlobeIcon, GraduationIcon, HEADER_SEPARATOR_PRIMARY, HEADER_SEPARATOR_SECONDARY, HamburgerIcon, HandUpIcon, Header$1 as Header, HeaderSeparator, HeaderType, HomeIcon, HourEvents$1 as HourEvents, IconButton$1 as IconButton, IconButtonType, ImageTypes, Information, InformationIcon, InlineMonthPicker$1 as InlineMonthPicker, Input$1 as Input, InputArea$1 as InputArea, InvestimentIcon, ItalicIcon, ItemDropdownDownload$1 as ItemDropdownDownload, LeftControlWithLabel as LeftCheckboxWithLabel, LeftControlWithLabel, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, Menu$1 as Menu, MenuItem, MessageIcon, Modal, ModalManager, ModalSizes, MoneyByMonth, MoneyFileIcon, MoneyMonthLineChart, NavigatorWithMouse, NotebookIcon, Notification, NotificationPosition, NotificationType, OptionsIcon, PageSubTitle, PageTitle, Pagination, Paginator, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PreviaVideo$1 as PreviaVideo, PrintIcon, QRCode$1 as QRCode, QRCodeIcon, QRCodeWhatsapp, RadioButton$1 as RadioButton, RadioButtonType, RedoIcon, RefreshIcon, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, ScrollArrowOverflow$1 as ScrollArrowOverflow, Search$1 as Search, SearchIcon, Select$1 as Select, SettingsIcon, SicrediLogo, SicrediLogoTheme, SquaresIcon, SustentabilidadeIcon, Switch, Table, TableActions, TableFileNameAndAction$1 as TableFileNameAndAction, TableWithOverflow$1 as TableWithOverflow, Tabs$1 as Tabs, TextEditor, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, Title, Toast, ToastManager, ToastTypes, Tooltip, TooltipManager, TooltipPosition, TopLoader, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, TypedTable, UnderlineIcon, UndoIcon, UserIcon, VideoModal, VideoPlayer, WebsiteIcon, getStatusClassName, stringToReactElement, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useHTMLShare, useModalManager, useOutsideClick, usePagination, useProgressiveCount, usePublicMenuList, useScreenSize, useScrollTo, useStorageState, useTimeElapsed, useToastManager, useValidatedState };
|
|
44372
44385
|
//# sourceMappingURL=index.modern.js.map
|