plataforma-fundacao-componentes 2.23.8 → 2.23.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/PhonePlusIcon.d.ts +3 -0
- package/dist/components/assembleiaPauta/AssembleiaPauta.d.ts +3 -3
- package/dist/components/button/Button.d.ts +3 -4
- package/dist/components/button/Button.stories.d.ts +1 -0
- package/dist/components/calendar/Calendar.d.ts +24 -0
- package/dist/components/calendar/Calendar.stories.d.ts +17 -0
- package/dist/components/calendar/components/calendarChip/CalendarChip.d.ts +15 -0
- package/dist/components/calendar/components/calendarDays/CalendarDays.d.ts +22 -0
- package/dist/components/calendar/components/calendarHeader/CalendarHeader.d.ts +8 -0
- package/dist/components/calendar/components/calendarMonthDay/CalendarMonthDay.d.ts +20 -0
- package/dist/components/calendar/components/calendarWeekDay/CalendarWeekDay.d.ts +2 -0
- package/dist/components/calendarEvent/CalendarEvent.d.ts +77 -0
- package/dist/components/calendarEvent/CalendarEvent.stories.d.ts +26 -0
- package/dist/components/col/Col.d.ts +1 -0
- package/dist/components/datePicker/DatePicker.d.ts +2 -5
- package/dist/components/datePicker/components/datePickerCalendar/DatePickerCalendar.d.ts +1 -1
- package/dist/components/dropdownSelector/DropdownSelector.d.ts +16 -0
- package/dist/components/dropdownSelector/DropdownSelector.stories.d.ts +8 -0
- package/dist/components/fileUpload/FileUpload.d.ts +3 -3
- package/dist/components/floatingPanel/FloatingPanel.d.ts +17 -0
- package/dist/components/floatingPanel/FloatingPanel.stories.d.ts +6 -0
- package/dist/components/hourEvents/HourEvents.d.ts +24 -0
- package/dist/components/hourEvents/HourEvents.stories.d.ts +24 -0
- package/dist/components/inlineMonthPicker/InlineMonthPicker.d.ts +16 -0
- package/dist/components/inlineMonthPicker/InlineMonthPicker.stories.d.ts +7 -0
- package/dist/components/input/Input.d.ts +0 -1
- package/dist/components/modal/Modal.d.ts +4 -4
- package/dist/components/modal/Modal.stories.d.ts +12 -12
- package/dist/components/modal/ModalMask.d.ts +3 -3
- package/dist/components/modalManager/ModalManager.d.ts +5 -1
- package/dist/components/modalManager/ModalManager.stories.d.ts +2 -1
- package/dist/components/scrollArrowOverflow/ScrollArrowOverflow.d.ts +13 -0
- package/dist/components/scrollArrowOverflow/ScrollArrowOverflow.stories.d.ts +16 -0
- package/dist/components/select/Select.d.ts +7 -4
- package/dist/components/select/Select.stories.d.ts +1 -0
- package/dist/index.css +1504 -10420
- package/dist/index.d.ts +11 -4
- package/dist/index.js +1153 -424
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +1148 -426
- package/dist/index.modern.js.map +1 -1
- package/dist/libraries/Notification.d.ts +2 -1
- package/dist/utils/CalendarUtils.d.ts +44 -0
- package/dist/utils/HTMLutils.d.ts +4 -0
- package/dist/utils/MoedaUtils.d.ts +1 -1
- package/dist/utils/ParsingUtils.d.ts +3 -2
- package/package.json +4 -3
package/dist/index.js
CHANGED
|
@@ -122,6 +122,13 @@ var getMergedClassNames = function getMergedClassNames(arr) {
|
|
|
122
122
|
return Boolean(el);
|
|
123
123
|
}).join(' ');
|
|
124
124
|
};
|
|
125
|
+
var useMergedClassNames = function useMergedClassNames(arr) {
|
|
126
|
+
return React.useMemo(function () {
|
|
127
|
+
return arr.filter(function (el) {
|
|
128
|
+
return Boolean(el);
|
|
129
|
+
}).join(' ');
|
|
130
|
+
}, [arr]);
|
|
131
|
+
};
|
|
125
132
|
var getUniqueKey = function getUniqueKey() {
|
|
126
133
|
var atual = window.sessionStorage.getItem('chaveAtual') ? parseInt(window.sessionStorage.getItem('chaveAtual') || '1') : 1;
|
|
127
134
|
window.sessionStorage.setItem('chaveAtual', String(atual + 1));
|
|
@@ -133,6 +140,12 @@ var isMobile = function isMobile() {
|
|
|
133
140
|
return navigator.userAgent.match(toMatchItem);
|
|
134
141
|
});
|
|
135
142
|
};
|
|
143
|
+
var isiPhone = function isiPhone() {
|
|
144
|
+
var toMatch = [/iPhone/i, /iPad/i, /iPod/i];
|
|
145
|
+
return toMatch.some(function (toMatchItem) {
|
|
146
|
+
return navigator.userAgent.match(toMatchItem);
|
|
147
|
+
});
|
|
148
|
+
};
|
|
136
149
|
var Interval = /*#__PURE__*/function () {
|
|
137
150
|
function Interval(callback, delay) {
|
|
138
151
|
var _this = this;
|
|
@@ -182,6 +195,15 @@ var Interval = /*#__PURE__*/function () {
|
|
|
182
195
|
|
|
183
196
|
return Interval;
|
|
184
197
|
}();
|
|
198
|
+
var getParents = function getParents(anchor) {
|
|
199
|
+
if (!anchor) return [];
|
|
200
|
+
|
|
201
|
+
if (anchor.id === 'root' || !(anchor !== null && anchor !== void 0 && anchor.parentElement)) {
|
|
202
|
+
return [anchor];
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
return [anchor].concat(getParents(anchor.parentElement));
|
|
206
|
+
};
|
|
185
207
|
|
|
186
208
|
var rootClassName$7 = 'percent-loader-icon';
|
|
187
209
|
var PercentLoaderIcon = function PercentLoaderIcon(props) {
|
|
@@ -223,7 +245,7 @@ var PercentLoaderIcon = function PercentLoaderIcon(props) {
|
|
|
223
245
|
};
|
|
224
246
|
|
|
225
247
|
var rootClassName$8 = 'icon-component';
|
|
226
|
-
var
|
|
248
|
+
var AddAssemblyIcon = function AddAssemblyIcon() {
|
|
227
249
|
return React__default.createElement("svg", {
|
|
228
250
|
className: rootClassName$8,
|
|
229
251
|
viewBox: '0 0 24 24',
|
|
@@ -232,30 +254,30 @@ var AddIcon = function AddIcon() {
|
|
|
232
254
|
}, React__default.createElement("path", {
|
|
233
255
|
fillRule: 'evenodd',
|
|
234
256
|
clipRule: 'evenodd',
|
|
235
|
-
d: '
|
|
257
|
+
d: 'M0.463918 20.9999C0.207703 20.9999 0 20.792 0 20.5354C0 17.6267 1.53437 15.0722 3.84016 13.6437C4.96151 12.9489 6.26531 12.5205 7.66381 12.447C7.73012 12.4289 7.77321 12.4207 7.84485 12.4207L7.9443 12.4207C7.94519 12.4205 7.94913 12.42 7.9591 12.4187L7.96752 12.4174C8.03187 12.4078 8.06669 12.404 8.12134 12.404C8.17615 12.404 8.2116 12.4078 8.27571 12.4174L8.29079 12.4196C8.29552 12.4202 8.29809 12.4205 8.29895 12.4207H12.6557C13.2254 12.4207 13.7125 12.0091 13.8085 11.4452L15.086 4.11904C15.2121 3.38796 15.9067 2.89678 16.6008 3.01852L17.4424 3.0994C18.1735 3.22566 18.6641 3.92017 18.5398 4.63962L16.2128 20.6025C16.1758 20.8564 15.9402 21.0321 15.6867 20.9951C15.4332 20.958 15.2577 20.7222 15.2947 20.4684L17.6236 4.49343C17.6625 4.26815 17.5112 4.054 17.3199 4.01958L16.4781 3.93865C16.2538 3.89977 16.0392 4.05153 16.0001 4.27803L14.7228 11.6032C14.5512 12.6116 13.6777 13.3497 12.6557 13.3497L8.27969 13.3496C8.23835 13.3489 8.20769 13.3459 8.16036 13.3394L8.13942 13.3363C8.13651 13.3359 8.13395 13.3355 8.13172 13.3352C8.12697 13.3345 8.1237 13.334 8.12168 13.3336C8.11961 13.334 8.11613 13.3345 8.11099 13.3353L8.10435 13.3363L8.09438 13.3377C8.04522 13.345 8.00951 13.3488 7.95619 13.3497H7.88515C7.86235 13.3558 7.84684 13.3581 7.75628 13.3714C3.93506 13.5671 0.928288 16.7045 0.928288 20.5354C0.928288 20.792 0.463918 20.9999 0.463918 20.9999ZM8.12172 11.3C10.2577 11.3 11.9889 9.56666 11.9889 7.42798C11.9889 5.2893 10.2577 3.55593 8.12172 3.55593C5.98634 3.55593 4.2545 5.2896 4.2545 7.42798C4.2545 9.56636 5.98634 11.3 8.12172 11.3ZM8.12171 10.371C6.49872 10.371 5.18233 9.05318 5.18233 7.42791C5.18233 5.80264 6.49872 4.48485 8.12171 4.48485C9.74529 4.48485 11.0611 5.8023 11.0611 7.42791C11.0611 9.05352 9.74529 10.371 8.12171 10.371Z'
|
|
258
|
+
}), React__default.createElement("circle", {
|
|
259
|
+
cx: '18.5',
|
|
260
|
+
cy: '16.5',
|
|
261
|
+
r: '4.5',
|
|
262
|
+
fill: '#FEFEFE'
|
|
263
|
+
}), React__default.createElement("path", {
|
|
264
|
+
fillRule: 'evenodd',
|
|
265
|
+
clipRule: 'evenodd',
|
|
266
|
+
d: 'M23 16.5C23 14.0142 20.9858 12 18.5 12C16.0142 12 14 14.0142 14 16.5C14 17.2646 14.191 18.0017 14.5504 18.6579C14.8273 19.1632 15.1979 19.6108 15.6405 19.9747C16.44 20.6335 17.4421 21 18.5 21C20.9858 21 23 18.9858 23 16.5ZM14.5625 16.5C14.5625 14.3249 16.3249 12.5625 18.5 12.5625C20.6751 12.5625 22.4375 14.3249 22.4375 16.5C22.4375 18.6751 20.6751 20.4375 18.5 20.4375C17.5738 20.4375 16.6979 20.1172 15.998 19.5404C15.6106 19.2219 15.2862 18.83 15.0437 18.3876C14.7294 17.8138 14.5625 17.1695 14.5625 16.5ZM18.2188 16.2188H16.1795C16.0242 16.2188 15.8983 16.3447 15.8983 16.5C15.8983 16.6553 16.0242 16.7813 16.1795 16.7813H18.2188V18.8205C18.2188 18.9758 18.3447 19.1017 18.5 19.1017C18.6553 19.1017 18.7813 18.9758 18.7813 18.8205V16.7813H20.8205C20.9758 16.7813 21.1017 16.6553 21.1017 16.5C21.1017 16.3447 20.9758 16.2188 20.8205 16.2188H18.7813V14.1795C18.7813 14.0242 18.6553 13.8983 18.5 13.8983C18.3447 13.8983 18.2188 14.0242 18.2188 14.1795V16.2188Z'
|
|
236
267
|
}));
|
|
237
268
|
};
|
|
238
269
|
|
|
239
270
|
var rootClassName$9 = 'icon-component';
|
|
240
|
-
var
|
|
271
|
+
var AddIcon = function AddIcon() {
|
|
241
272
|
return React__default.createElement("svg", {
|
|
242
273
|
className: rootClassName$9,
|
|
243
274
|
viewBox: '0 0 24 24',
|
|
244
275
|
fill: 'currentColor',
|
|
245
276
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
246
277
|
}, React__default.createElement("path", {
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
d: '
|
|
250
|
-
}), React__default.createElement("circle", {
|
|
251
|
-
cx: '18.5',
|
|
252
|
-
cy: '16.5',
|
|
253
|
-
r: '4.5',
|
|
254
|
-
fill: '#FEFEFE'
|
|
255
|
-
}), React__default.createElement("path", {
|
|
256
|
-
"fill-rule": 'evenodd',
|
|
257
|
-
"clip-rule": 'evenodd',
|
|
258
|
-
d: 'M23 16.5C23 14.0142 20.9858 12 18.5 12C16.0142 12 14 14.0142 14 16.5C14 17.2646 14.191 18.0017 14.5504 18.6579C14.8273 19.1632 15.1979 19.6108 15.6405 19.9747C16.44 20.6335 17.4421 21 18.5 21C20.9858 21 23 18.9858 23 16.5ZM14.5625 16.5C14.5625 14.3249 16.3249 12.5625 18.5 12.5625C20.6751 12.5625 22.4375 14.3249 22.4375 16.5C22.4375 18.6751 20.6751 20.4375 18.5 20.4375C17.5738 20.4375 16.6979 20.1172 15.998 19.5404C15.6106 19.2219 15.2862 18.83 15.0437 18.3876C14.7294 17.8138 14.5625 17.1695 14.5625 16.5ZM18.2188 16.2188H16.1795C16.0242 16.2188 15.8983 16.3447 15.8983 16.5C15.8983 16.6553 16.0242 16.7813 16.1795 16.7813H18.2188V18.8205C18.2188 18.9758 18.3447 19.1017 18.5 19.1017C18.6553 19.1017 18.7813 18.9758 18.7813 18.8205V16.7813H20.8205C20.9758 16.7813 21.1017 16.6553 21.1017 16.5C21.1017 16.3447 20.9758 16.2188 20.8205 16.2188H18.7813V14.1795C18.7813 14.0242 18.6553 13.8983 18.5 13.8983C18.3447 13.8983 18.2188 14.0242 18.2188 14.1795V16.2188Z'
|
|
278
|
+
fillRule: 'evenodd',
|
|
279
|
+
clipRule: 'evenodd',
|
|
280
|
+
d: 'M24 12C24 5.37129 18.6287 0 12 0C5.37129 0 0 5.37129 0 12C0 14.0388 0.509249 16.0045 1.46771 17.7543C2.20618 19.1018 3.1944 20.2953 4.37466 21.2658C6.50667 23.0227 9.17895 24 12 24C18.6287 24 24 18.6287 24 12ZM1.5 12C1.5 6.19971 6.19971 1.5 12 1.5C17.8003 1.5 22.5 6.19971 22.5 12C22.5 17.8003 17.8003 22.5 12 22.5C9.53024 22.5 7.19438 21.6458 5.32797 20.1077C4.29496 19.2583 3.42979 18.2134 2.7832 17.0336C1.9451 15.5035 1.5 13.7854 1.5 12ZM11.25 11.25H5.81212C5.3979 11.25 5.06212 11.5858 5.06212 12C5.06212 12.4142 5.3979 12.75 5.81212 12.75H11.25L11.25 18.1879C11.25 18.6021 11.5858 18.9379 12 18.9379C12.4142 18.9379 12.75 18.6021 12.75 18.1879L12.75 12.75L18.1879 12.75C18.6021 12.75 18.9379 12.4142 18.9379 12C18.9379 11.5858 18.6021 11.25 18.1879 11.25L12.75 11.25V5.81212C12.75 5.3979 12.4142 5.06212 12 5.06212C11.5858 5.06212 11.25 5.3979 11.25 5.81212V11.25Z'
|
|
259
281
|
}));
|
|
260
282
|
};
|
|
261
283
|
|
|
@@ -264,17 +286,27 @@ var CircleArrowRight = function CircleArrowRight() {
|
|
|
264
286
|
return React__default.createElement("svg", {
|
|
265
287
|
className: rootClassName$a,
|
|
266
288
|
viewBox: '0 0 24 24',
|
|
267
|
-
fill: 'currentColor',
|
|
268
289
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
290
|
+
}, React__default.createElement("g", {
|
|
291
|
+
clipPath: 'url(#clip0_4539_71255)'
|
|
269
292
|
}, React__default.createElement("path", {
|
|
270
293
|
fillRule: 'evenodd',
|
|
271
294
|
clipRule: 'evenodd',
|
|
272
|
-
d: 'M24 12C24
|
|
295
|
+
d: 'M24 12C24 18.6278 18.6278 24 12 24C5.37223 24 4.69655e-07 18.6278 1.04907e-06 12C1.22723e-06 9.96215 0.509463 7.99515 1.46688 6.24592C2.20268 4.90263 3.19065 3.7104 4.37369 2.73404C6.5074 0.977406 9.17992 8.02534e-07 12 1.04907e-06C18.6278 1.62849e-06 24 5.37223 24 12ZM1.1999 12C1.1999 17.965 6.03487 22.8 11.9999 22.8C17.9649 22.8 22.7999 17.965 22.7999 12C22.7999 6.03497 17.9649 1.2 11.9999 1.2C9.46077 1.2 7.05719 2.07905 5.13686 3.66002C4.07155 4.53921 3.18165 5.61309 2.51933 6.82224C1.65809 8.39575 1.1999 10.1648 1.1999 12Z',
|
|
296
|
+
fill: 'currentColor'
|
|
273
297
|
}), React__default.createElement("path", {
|
|
274
|
-
d: 'M14.9102 12L9.68331
|
|
275
|
-
|
|
298
|
+
d: 'M14.9102 12L9.68331 6.51222C9.57177 6.39511 9.5717 6.20516 9.68314 6.08796C9.79459 5.97075 9.97536 5.97067 10.0869 6.08778L15.5159 11.7878C15.6275 11.905 15.6275 12.095 15.5159 12.2122L10.0869 17.9122C9.97536 18.0293 9.79459 18.0293 9.68314 17.912C9.5717 17.7948 9.57177 17.6049 9.68331 17.4878L14.9102 12Z',
|
|
299
|
+
fill: 'currentColor',
|
|
300
|
+
stroke: 'currentColor',
|
|
276
301
|
strokeWidth: '0.5'
|
|
277
|
-
}))
|
|
302
|
+
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
|
|
303
|
+
id: 'clip0_4539_71255'
|
|
304
|
+
}, React__default.createElement("rect", {
|
|
305
|
+
width: '24',
|
|
306
|
+
height: '24',
|
|
307
|
+
fill: 'white',
|
|
308
|
+
transform: 'matrix(1 8.74228e-08 8.74228e-08 -1 0 24)'
|
|
309
|
+
}))));
|
|
278
310
|
};
|
|
279
311
|
|
|
280
312
|
var FUNDACAO_LOGO_VERDE = 'verde';
|
|
@@ -1759,13 +1791,14 @@ var rootClassName$1o = 'icon-component';
|
|
|
1759
1791
|
var AgencyIcon = function AgencyIcon() {
|
|
1760
1792
|
return React__default.createElement("svg", {
|
|
1761
1793
|
className: rootClassName$1o,
|
|
1762
|
-
viewBox: '0
|
|
1794
|
+
viewBox: '0 -1 24 24',
|
|
1763
1795
|
fill: 'currentColor',
|
|
1764
1796
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
1765
1797
|
}, React__default.createElement("path", {
|
|
1766
1798
|
fillRule: 'evenodd',
|
|
1767
1799
|
clipRule: 'evenodd',
|
|
1768
|
-
d: 'M5.05577
|
|
1800
|
+
d: 'M5.05577 7.43598H23V4.50752H6.06768L5.05577 7.43598ZM5.00883 4.50752L3.99692 7.43598H1V4.50752H5.00883ZM5.70066 3.50014H0.841C0.375976 3.50014 0 3.87966 0 4.34734V7.59615C0 8.06473 0.375858 8.44336 0.841 8.44336H1.6322V19.1904C1.6322 19.9136 2.21481 20.5 2.9322 20.5H7.5654H16.4344H21.0672C21.7846 20.5 22.3672 19.9136 22.3672 19.1904V8.44336H23.159C23.6233 8.44336 24 8.06461 24 7.59615V4.34734C24 3.87978 23.6231 3.50014 23.159 3.50014H5.72391C5.71614 3.49995 5.70839 3.49995 5.70066 3.50014ZM16.9344 19.4926H21.0672C21.2325 19.4926 21.3672 19.357 21.3672 19.1904V8.44366H2.6322V19.1904C2.6322 19.357 2.7669 19.4926 2.9322 19.4926H7.0654V11.5303C7.0654 11.1402 7.3793 10.8251 7.7654 10.8251H11.9772C11.9847 10.8248 11.9922 10.8246 11.9998 10.8246C12.0074 10.8246 12.0149 10.8248 12.0224 10.8251H16.2344C16.6205 10.8251 16.9344 11.1402 16.9344 11.5303V19.4926ZM8.0654 11.8325H11.4998V19.4926H8.0654V11.8325ZM15.9344 19.4926H12.4998V11.8325H15.9344V19.4926Z',
|
|
1801
|
+
fill: 'currentColor'
|
|
1769
1802
|
}));
|
|
1770
1803
|
};
|
|
1771
1804
|
|
|
@@ -1813,7 +1846,7 @@ var CalendarCheckIcon = function CalendarCheckIcon() {
|
|
|
1813
1846
|
};
|
|
1814
1847
|
|
|
1815
1848
|
function _extends() {
|
|
1816
|
-
_extends = Object.assign
|
|
1849
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
1817
1850
|
for (var i = 1; i < arguments.length; i++) {
|
|
1818
1851
|
var source = arguments[i];
|
|
1819
1852
|
|
|
@@ -1826,7 +1859,6 @@ function _extends() {
|
|
|
1826
1859
|
|
|
1827
1860
|
return target;
|
|
1828
1861
|
};
|
|
1829
|
-
|
|
1830
1862
|
return _extends.apply(this, arguments);
|
|
1831
1863
|
}
|
|
1832
1864
|
|
|
@@ -1838,14 +1870,51 @@ function _inheritsLoose(subClass, superClass) {
|
|
|
1838
1870
|
}
|
|
1839
1871
|
|
|
1840
1872
|
function _setPrototypeOf(o, p) {
|
|
1841
|
-
_setPrototypeOf = Object.setPrototypeOf
|
|
1873
|
+
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
1842
1874
|
o.__proto__ = p;
|
|
1843
1875
|
return o;
|
|
1844
1876
|
};
|
|
1845
|
-
|
|
1846
1877
|
return _setPrototypeOf(o, p);
|
|
1847
1878
|
}
|
|
1848
1879
|
|
|
1880
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
1881
|
+
if (!o) return;
|
|
1882
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
1883
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
1884
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
1885
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
1886
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
1887
|
+
}
|
|
1888
|
+
|
|
1889
|
+
function _arrayLikeToArray(arr, len) {
|
|
1890
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
1891
|
+
|
|
1892
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
1893
|
+
|
|
1894
|
+
return arr2;
|
|
1895
|
+
}
|
|
1896
|
+
|
|
1897
|
+
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
|
|
1898
|
+
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
|
|
1899
|
+
if (it) return (it = it.call(o)).next.bind(it);
|
|
1900
|
+
|
|
1901
|
+
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
|
|
1902
|
+
if (it) o = it;
|
|
1903
|
+
var i = 0;
|
|
1904
|
+
return function () {
|
|
1905
|
+
if (i >= o.length) return {
|
|
1906
|
+
done: true
|
|
1907
|
+
};
|
|
1908
|
+
return {
|
|
1909
|
+
done: false,
|
|
1910
|
+
value: o[i++]
|
|
1911
|
+
};
|
|
1912
|
+
};
|
|
1913
|
+
}
|
|
1914
|
+
|
|
1915
|
+
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
1916
|
+
}
|
|
1917
|
+
|
|
1849
1918
|
var rootClassName$1q = 'catavento-verde-icon-ui-component';
|
|
1850
1919
|
|
|
1851
1920
|
var CataventoVerde = /*#__PURE__*/function (_Component) {
|
|
@@ -2098,7 +2167,7 @@ var rootClassName$1v = 'icon-component';
|
|
|
2098
2167
|
var NotebookIcon = function NotebookIcon() {
|
|
2099
2168
|
return React__default.createElement("svg", {
|
|
2100
2169
|
className: rootClassName$1v,
|
|
2101
|
-
viewBox: '0
|
|
2170
|
+
viewBox: '0 -1 24 24',
|
|
2102
2171
|
fill: 'currentColor',
|
|
2103
2172
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
2104
2173
|
}, React__default.createElement("path", {
|
|
@@ -5021,12 +5090,10 @@ var dateToString = function dateToString(date) {
|
|
|
5021
5090
|
return '';
|
|
5022
5091
|
}
|
|
5023
5092
|
};
|
|
5024
|
-
|
|
5025
5093
|
var getTwoNumbersIfNotTen = function getTwoNumbersIfNotTen(num) {
|
|
5026
5094
|
if (String(num).length < 2) return "0" + num;
|
|
5027
5095
|
return String(num);
|
|
5028
5096
|
};
|
|
5029
|
-
|
|
5030
5097
|
var secondsToHours = function secondsToHours(seconds) {
|
|
5031
5098
|
if (seconds <= 0) return '00:00:00';
|
|
5032
5099
|
var h = Math.floor(seconds / 3600);
|
|
@@ -5457,7 +5524,6 @@ function Input(props) {
|
|
|
5457
5524
|
}
|
|
5458
5525
|
|
|
5459
5526
|
Input.defaultProps = {
|
|
5460
|
-
onChange: function onChange() {},
|
|
5461
5527
|
value: '',
|
|
5462
5528
|
loading: false,
|
|
5463
5529
|
error: false,
|
|
@@ -5757,6 +5823,7 @@ var BlocoMinhasAssembleias$1 = React.memo(BlocoMinhasAssembleias);
|
|
|
5757
5823
|
NotificationType["PrimaryInvert"] = "primary-invert";
|
|
5758
5824
|
NotificationType["Error"] = "error";
|
|
5759
5825
|
NotificationType["Default"] = "default";
|
|
5826
|
+
NotificationType["Disabled"] = "disabled";
|
|
5760
5827
|
})(exports.NotificationType || (exports.NotificationType = {}));
|
|
5761
5828
|
|
|
5762
5829
|
var rootClassName$1S = 'component-notification';
|
|
@@ -5768,14 +5835,13 @@ function Notification(props) {
|
|
|
5768
5835
|
return p;
|
|
5769
5836
|
};
|
|
5770
5837
|
|
|
5771
|
-
var
|
|
5772
|
-
if (
|
|
5838
|
+
var label = React.useMemo(function () {
|
|
5839
|
+
if (!props.count) return 0;
|
|
5773
5840
|
if (props.count < 0) return '!';
|
|
5774
5841
|
return props.count;
|
|
5775
|
-
};
|
|
5776
|
-
|
|
5842
|
+
}, [props.count]);
|
|
5777
5843
|
return React__default.createElement("div", Object.assign({}, getProps()), props.children, React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
5778
|
-
"in":
|
|
5844
|
+
"in": !!label,
|
|
5779
5845
|
classNames: rootClassName$1S,
|
|
5780
5846
|
timeout: 300,
|
|
5781
5847
|
unmountOnExit: true
|
|
@@ -5787,7 +5853,7 @@ function Notification(props) {
|
|
|
5787
5853
|
left: String(props.position).match(/left/) ? 0 - (props.horizontalOuter || 0) + "px" : 'unset',
|
|
5788
5854
|
bottom: String(props.position).match(/bottom/) ? 0 - (props.verticalOuter || 0) + "px" : 'unset'
|
|
5789
5855
|
}
|
|
5790
|
-
},
|
|
5856
|
+
}, label)));
|
|
5791
5857
|
}
|
|
5792
5858
|
Notification.defaultProps = {
|
|
5793
5859
|
type: exports.NotificationType.Error,
|
|
@@ -6172,7 +6238,10 @@ function smoothScrollTo(endX, endY, duration, element) {
|
|
|
6172
6238
|
var newY = easeInOutQuart(time, startY, distanceY, duration);
|
|
6173
6239
|
|
|
6174
6240
|
if (time > duration) {
|
|
6175
|
-
|
|
6241
|
+
if (timer) {
|
|
6242
|
+
clearInterval(timer);
|
|
6243
|
+
}
|
|
6244
|
+
|
|
6176
6245
|
setTimeout(function () {
|
|
6177
6246
|
if (element) element.style.scrollSnapType = '';
|
|
6178
6247
|
}, 50);
|
|
@@ -7865,12 +7934,12 @@ var numberToMoeda = function numberToMoeda(num, simbolo, delimitadorCentesimal,
|
|
|
7865
7934
|
}
|
|
7866
7935
|
|
|
7867
7936
|
if (isNaN(num)) return 'NaN';
|
|
7868
|
-
num = parseFloat(num);
|
|
7937
|
+
num = parseFloat(String(num));
|
|
7869
7938
|
var negativo = num < 0;
|
|
7870
7939
|
var numeroInteiro = parseInt(String(Math.abs(num)));
|
|
7871
7940
|
var numeroAbsoluto = Math.abs(numeroInteiro);
|
|
7872
7941
|
var numerosDecimais = (parseFloat((Math.abs(num) - numeroInteiro).toFixed(2)) * 100).toFixed(0);
|
|
7873
|
-
if (numerosDecimais < 10) numerosDecimais = "0" + numerosDecimais;
|
|
7942
|
+
if (parseInt(numerosDecimais) < 10) numerosDecimais = "0" + numerosDecimais;
|
|
7874
7943
|
return "" + simbolo + (negativo ? '- ' : '') + String(numeroAbsoluto).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + delimitadorCentesimal) + delimitadorDecimal + numerosDecimais;
|
|
7875
7944
|
};
|
|
7876
7945
|
|
|
@@ -8102,6 +8171,9 @@ function Col(props) {
|
|
|
8102
8171
|
});
|
|
8103
8172
|
|
|
8104
8173
|
var rp = _extends({}, props, {
|
|
8174
|
+
style: _extends({}, props.style || {}, {
|
|
8175
|
+
gap: props.gap
|
|
8176
|
+
}),
|
|
8105
8177
|
className: getMergedClassNames([props.className, rootClassName$22].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '', props.noPaddingTop ? 'no-padding-top' : '', props.buttonActionsCol ? 'button-actions-col' : '']))
|
|
8106
8178
|
});
|
|
8107
8179
|
|
|
@@ -8159,6 +8231,57 @@ Container.defaultProps = {
|
|
|
8159
8231
|
};
|
|
8160
8232
|
var Container$1 = React.memo(Container);
|
|
8161
8233
|
|
|
8234
|
+
var CalendarView;
|
|
8235
|
+
|
|
8236
|
+
(function (CalendarView) {
|
|
8237
|
+
CalendarView["Mensal"] = "mensal";
|
|
8238
|
+
CalendarView["Semanal"] = "semanal";
|
|
8239
|
+
CalendarView["Diario"] = "diario";
|
|
8240
|
+
})(CalendarView || (CalendarView = {}));
|
|
8241
|
+
|
|
8242
|
+
var ptbrCalendarLanguage = {
|
|
8243
|
+
addNew: 'Inserir novo',
|
|
8244
|
+
daysOfWeek: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
|
|
8245
|
+
daysOfWeekAbrev: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sab'],
|
|
8246
|
+
months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
|
|
8247
|
+
monthsAbrev: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
|
|
8248
|
+
};
|
|
8249
|
+
var ptbrInlineMonthPickerLabelGenerator = function ptbrInlineMonthPickerLabelGenerator(date) {
|
|
8250
|
+
return ptbrCalendarLanguage.months[date.getMonth()] + " de " + date.getFullYear();
|
|
8251
|
+
};
|
|
8252
|
+
function getWeekInMonth(diaOuData, mes, ano) {
|
|
8253
|
+
var arr = typeof diaOuData === 'number' ? [new Date(ano, mes, diaOuData)] : [diaOuData];
|
|
8254
|
+
|
|
8255
|
+
while (arr[0].getDay() > 0) {
|
|
8256
|
+
arr.unshift(new Date(arr[0].getTime() - 24 * 60 * 60 * 1000));
|
|
8257
|
+
}
|
|
8258
|
+
|
|
8259
|
+
while (arr[arr.length - 1].getDay() < 6) {
|
|
8260
|
+
arr.push(new Date(arr[arr.length - 1].getTime() + 24 * 60 * 60 * 1000));
|
|
8261
|
+
}
|
|
8262
|
+
|
|
8263
|
+
return arr;
|
|
8264
|
+
}
|
|
8265
|
+
function getDaysInMonth(mesOuData, _ano) {
|
|
8266
|
+
var mes = typeof mesOuData === 'number' ? mesOuData : mesOuData.getMonth();
|
|
8267
|
+
var ano = typeof mesOuData === 'number' ? _ano : mesOuData.getFullYear();
|
|
8268
|
+
var arr = new Array(31).fill('').map(function (_, i) {
|
|
8269
|
+
return new Date(ano, mes, i + 1);
|
|
8270
|
+
}).filter(function (v) {
|
|
8271
|
+
return v.getMonth() === mes;
|
|
8272
|
+
});
|
|
8273
|
+
|
|
8274
|
+
while (arr[0].getDay() > 0) {
|
|
8275
|
+
arr.unshift(new Date(arr[0].getTime() - 24 * 60 * 60 * 1000));
|
|
8276
|
+
}
|
|
8277
|
+
|
|
8278
|
+
while (arr[arr.length - 1].getDay() < 6) {
|
|
8279
|
+
arr.push(new Date(arr[arr.length - 1].getTime() + 24 * 60 * 60 * 1000));
|
|
8280
|
+
}
|
|
8281
|
+
|
|
8282
|
+
return arr;
|
|
8283
|
+
}
|
|
8284
|
+
|
|
8162
8285
|
var rootClassName$24 = 'component-date-picker-calendar';
|
|
8163
8286
|
|
|
8164
8287
|
function DatePickerCalendar(props) {
|
|
@@ -8176,44 +8299,17 @@ function DatePickerCalendar(props) {
|
|
|
8176
8299
|
React.useEffect(function () {
|
|
8177
8300
|
if (props.value) {
|
|
8178
8301
|
var d = stringToDate(props.value);
|
|
8179
|
-
|
|
8180
|
-
|
|
8302
|
+
|
|
8303
|
+
if (d) {
|
|
8304
|
+
setMonth(d === null || d === void 0 ? void 0 : d.getMonth());
|
|
8305
|
+
setYear(d === null || d === void 0 ? void 0 : d.getFullYear());
|
|
8306
|
+
}
|
|
8181
8307
|
} else {
|
|
8182
8308
|
setMonth(today.getMonth());
|
|
8183
8309
|
setYear(today.getFullYear());
|
|
8184
8310
|
}
|
|
8185
8311
|
}, [props.value]);
|
|
8186
8312
|
|
|
8187
|
-
var getDaysInMonth = function getDaysInMonth(mes, ano) {
|
|
8188
|
-
var arr = new Array(31).fill('').map(function (_, i) {
|
|
8189
|
-
return new Date(ano, mes, i + 1);
|
|
8190
|
-
}).filter(function (v) {
|
|
8191
|
-
return v.getMonth() === mes;
|
|
8192
|
-
});
|
|
8193
|
-
|
|
8194
|
-
if (arr[0].getDay() > 0) {
|
|
8195
|
-
var aux = new Date(arr[0].getTime() - 24 * 60 * 60 * 1000);
|
|
8196
|
-
|
|
8197
|
-
while (true) {
|
|
8198
|
-
arr = [aux].concat(arr);
|
|
8199
|
-
if (aux.getDay() === 0) break;
|
|
8200
|
-
aux = new Date(aux.getTime() - 24 * 60 * 60 * 1000);
|
|
8201
|
-
}
|
|
8202
|
-
}
|
|
8203
|
-
|
|
8204
|
-
if (arr[arr.length - 1].getDay() < 6) {
|
|
8205
|
-
var _aux = new Date(arr[arr.length - 1].getTime() + 24 * 60 * 60 * 1000);
|
|
8206
|
-
|
|
8207
|
-
while (true) {
|
|
8208
|
-
arr = [].concat(arr, [_aux]);
|
|
8209
|
-
if (_aux.getDay() === 6) break;
|
|
8210
|
-
_aux = new Date(_aux.getTime() + 24 * 60 * 60 * 1000);
|
|
8211
|
-
}
|
|
8212
|
-
}
|
|
8213
|
-
|
|
8214
|
-
return arr;
|
|
8215
|
-
};
|
|
8216
|
-
|
|
8217
8313
|
var _useState4 = React.useState(false),
|
|
8218
8314
|
monthPage = _useState4[0],
|
|
8219
8315
|
setMonthPage = _useState4[1];
|
|
@@ -8531,13 +8627,16 @@ var Doughnut$1 = React.memo(Doughnut);
|
|
|
8531
8627
|
var rootClassName$27 = 'component-dropdown-item';
|
|
8532
8628
|
|
|
8533
8629
|
function DropdownItem(props) {
|
|
8630
|
+
var classNames = React.useMemo(function () {
|
|
8631
|
+
return getMergedClassNames([rootClassName$27, props.alignRight ? 'right' : '', props.loading ? 'loading' : '']);
|
|
8632
|
+
}, [props.alignRight, props.loading]);
|
|
8534
8633
|
return React__default.createElement("button", {
|
|
8535
8634
|
id: props.id,
|
|
8536
|
-
disabled: props.disabled
|
|
8635
|
+
disabled: props.disabled,
|
|
8537
8636
|
"aria-disabled": props.disabled,
|
|
8538
|
-
className:
|
|
8637
|
+
className: classNames,
|
|
8539
8638
|
onClick: function onClick(evt) {
|
|
8540
|
-
if (typeof props.onClick === 'function' && !props.disabled) {
|
|
8639
|
+
if (typeof props.onClick === 'function' && !props.loading && !props.disabled) {
|
|
8541
8640
|
props.onClick(evt);
|
|
8542
8641
|
}
|
|
8543
8642
|
}
|
|
@@ -9194,7 +9293,7 @@ var Row$1 = React.memo(Row);
|
|
|
9194
9293
|
var rootClassName$2f = 'footer-sicredi';
|
|
9195
9294
|
|
|
9196
9295
|
function FooterSicredi(props) {
|
|
9197
|
-
var colSize = [12,
|
|
9296
|
+
var colSize = [12, 12, 3, 3, 3];
|
|
9198
9297
|
var qrCodeColor = React.useMemo(function () {
|
|
9199
9298
|
switch (props.theme) {
|
|
9200
9299
|
case 'dark':
|
|
@@ -9305,7 +9404,7 @@ function FooterSicredi(props) {
|
|
|
9305
9404
|
className: rootClassName$2f + "-space"
|
|
9306
9405
|
}), React__default.createElement("div", {
|
|
9307
9406
|
className: rootClassName$2f + "-title"
|
|
9308
|
-
}, "Atendimento
|
|
9407
|
+
}, "Atendimento \xE0 pessoas com defici\xEAncia"), React__default.createElement("div", {
|
|
9309
9408
|
className: rootClassName$2f + "-subtitle nunito"
|
|
9310
9409
|
}, "Auditivos ou de fala"), React__default.createElement("div", {
|
|
9311
9410
|
className: rootClassName$2f + "-number"
|
|
@@ -10058,7 +10157,7 @@ function Modal(props) {
|
|
|
10058
10157
|
}, [props.footer]);
|
|
10059
10158
|
|
|
10060
10159
|
var handleClose = function handleClose() {
|
|
10061
|
-
props.onClose(props.modalKey);
|
|
10160
|
+
if (typeof props.onClose === 'function') props.onClose(props.modalKey);
|
|
10062
10161
|
};
|
|
10063
10162
|
|
|
10064
10163
|
return React__default.createElement("div", Object.assign({}, filteredProps), React__default.createElement("div", {
|
|
@@ -10078,7 +10177,7 @@ function Modal(props) {
|
|
|
10078
10177
|
}
|
|
10079
10178
|
Modal.defaultProps = {
|
|
10080
10179
|
title: 'Title',
|
|
10081
|
-
onClose:
|
|
10180
|
+
onClose: undefined,
|
|
10082
10181
|
size: 'large'
|
|
10083
10182
|
};
|
|
10084
10183
|
|
|
@@ -10137,7 +10236,9 @@ var ModalManager = React.forwardRef(function (_props, ref) {
|
|
|
10137
10236
|
var closeModalByKey = function closeModalByKey(modalKey) {
|
|
10138
10237
|
var arr = refModals.current.slice();
|
|
10139
10238
|
arr = arr.filter(function (obj) {
|
|
10140
|
-
|
|
10239
|
+
var _obj$props;
|
|
10240
|
+
|
|
10241
|
+
return String((_obj$props = obj.props) === null || _obj$props === void 0 ? void 0 : _obj$props.modalKey) !== String(modalKey);
|
|
10141
10242
|
});
|
|
10142
10243
|
setArrayOfModal(arr);
|
|
10143
10244
|
};
|
|
@@ -10191,30 +10292,31 @@ var ModalManager = React.forwardRef(function (_props, ref) {
|
|
|
10191
10292
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
|
|
10192
10293
|
className: getClassNames()
|
|
10193
10294
|
}, arrayOfModal.map(function (obj) {
|
|
10194
|
-
var _obj$
|
|
10295
|
+
var _obj$props2, _obj$props3, _obj$props4;
|
|
10195
10296
|
|
|
10196
|
-
var
|
|
10297
|
+
var ModalComponent = React__default.createElement(obj.component, obj.props);
|
|
10197
10298
|
return React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
10198
10299
|
timeout: 300,
|
|
10199
|
-
classNames: (_obj$
|
|
10200
|
-
key: (_obj$
|
|
10300
|
+
classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2u + "-mask-mobile-on-xs" : rootClassName$2u + "-mask",
|
|
10301
|
+
key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
|
|
10201
10302
|
unmountOnExit: true
|
|
10202
10303
|
}, React__default.createElement(ModalMask, {
|
|
10203
|
-
mobileOnXS: Boolean((_obj$
|
|
10304
|
+
mobileOnXS: Boolean((_obj$props4 = obj.props) === null || _obj$props4 === void 0 ? void 0 : _obj$props4.mobileOnXS),
|
|
10204
10305
|
onClick: function onClick(evt) {
|
|
10205
10306
|
if (evt.target.classList.contains(maskRootClassName)) {
|
|
10206
|
-
var _obj$
|
|
10307
|
+
var _obj$props5, _obj$props6;
|
|
10207
10308
|
|
|
10208
|
-
if (typeof ((_obj$
|
|
10209
|
-
var _obj$
|
|
10309
|
+
if (typeof ((_obj$props5 = obj.props) === null || _obj$props5 === void 0 ? void 0 : _obj$props5.onClose) === 'function' && !((_obj$props6 = obj.props) !== null && _obj$props6 !== void 0 && _obj$props6.preventMaskExit)) {
|
|
10310
|
+
var _obj$props7, _obj$props8;
|
|
10210
10311
|
|
|
10211
|
-
(_obj$
|
|
10312
|
+
(_obj$props7 = obj.props) === null || _obj$props7 === void 0 ? void 0 : _obj$props7.onClose((_obj$props8 = obj.props) === null || _obj$props8 === void 0 ? void 0 : _obj$props8.modalKey);
|
|
10212
10313
|
}
|
|
10213
10314
|
}
|
|
10214
10315
|
}
|
|
10215
|
-
},
|
|
10316
|
+
}, ModalComponent));
|
|
10216
10317
|
})));
|
|
10217
10318
|
});
|
|
10319
|
+
ModalManager.displayName = 'ModalManager';
|
|
10218
10320
|
|
|
10219
10321
|
var rootClassName$2v = 'component-nota-edit';
|
|
10220
10322
|
function NotaEdit(props) {
|
|
@@ -10496,7 +10598,7 @@ SearchBlocoDeNotas.defaultProps = {
|
|
|
10496
10598
|
var rootClassName$2A = 'component-select';
|
|
10497
10599
|
|
|
10498
10600
|
function Select(props) {
|
|
10499
|
-
var _props$options3
|
|
10601
|
+
var _props$options3;
|
|
10500
10602
|
|
|
10501
10603
|
var _useState = React.useState(getUniqueKey()),
|
|
10502
10604
|
id = _useState[0];
|
|
@@ -10526,7 +10628,7 @@ function Select(props) {
|
|
|
10526
10628
|
var getKey = function getKey(option) {
|
|
10527
10629
|
if (option) {
|
|
10528
10630
|
if (option.key) return option.key;
|
|
10529
|
-
if (option.value) return option.value;
|
|
10631
|
+
if (option.value && typeof option.value !== 'boolean') return option.value;
|
|
10530
10632
|
}
|
|
10531
10633
|
|
|
10532
10634
|
return getUniqueKey();
|
|
@@ -10534,24 +10636,20 @@ function Select(props) {
|
|
|
10534
10636
|
|
|
10535
10637
|
React.useEffect(function () {
|
|
10536
10638
|
var func = function func(evt) {
|
|
10537
|
-
|
|
10538
|
-
|
|
10539
|
-
} else {
|
|
10540
|
-
var aux = evt.target;
|
|
10541
|
-
var deveFechar = true;
|
|
10542
|
-
|
|
10543
|
-
while (aux && aux.id !== 'root') {
|
|
10544
|
-
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2A + "-outer")) {
|
|
10545
|
-
deveFechar = false;
|
|
10546
|
-
break;
|
|
10547
|
-
}
|
|
10639
|
+
var aux = evt.target;
|
|
10640
|
+
var deveFechar = true;
|
|
10548
10641
|
|
|
10549
|
-
|
|
10642
|
+
while (aux && aux.id !== 'root') {
|
|
10643
|
+
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2A + "-outer")) {
|
|
10644
|
+
deveFechar = false;
|
|
10645
|
+
break;
|
|
10550
10646
|
}
|
|
10551
10647
|
|
|
10552
|
-
|
|
10553
|
-
|
|
10554
|
-
|
|
10648
|
+
aux = aux.parentElement;
|
|
10649
|
+
}
|
|
10650
|
+
|
|
10651
|
+
if (deveFechar) {
|
|
10652
|
+
setPanelOpened(false);
|
|
10555
10653
|
}
|
|
10556
10654
|
};
|
|
10557
10655
|
|
|
@@ -10559,6 +10657,7 @@ function Select(props) {
|
|
|
10559
10657
|
if (evt.key === 'Escape') {
|
|
10560
10658
|
setPanelOpened(false);
|
|
10561
10659
|
evt.preventDefault();
|
|
10660
|
+
evt.stopPropagation();
|
|
10562
10661
|
}
|
|
10563
10662
|
};
|
|
10564
10663
|
|
|
@@ -10590,7 +10689,7 @@ function Select(props) {
|
|
|
10590
10689
|
|
|
10591
10690
|
var position = function position() {
|
|
10592
10691
|
var trigger = document.querySelector("#" + id);
|
|
10593
|
-
var panel = document.
|
|
10692
|
+
var panel = document.querySelector("#" + panelId + ".panel-fade-enter-active, #" + panelId + ".panel-fade-enter-done, #" + panelId + ".panel-fade-exit-active");
|
|
10594
10693
|
if (!trigger || !panel) return;
|
|
10595
10694
|
var triggerBound = trigger.getBoundingClientRect();
|
|
10596
10695
|
panel.style.width = triggerBound.width + "px";
|
|
@@ -10599,37 +10698,31 @@ function Select(props) {
|
|
|
10599
10698
|
var fitBottom = panelHeight + triggerBound.bottom < windowHeight;
|
|
10600
10699
|
var fitTop = triggerBound.top - panelHeight > 0;
|
|
10601
10700
|
|
|
10602
|
-
if (
|
|
10603
|
-
panel.style.top =
|
|
10604
|
-
panel.style.bottom = '0';
|
|
10605
|
-
panel.style.left = '0';
|
|
10606
|
-
panel.style.width = '100%';
|
|
10607
|
-
panel.style.borderRadius = '8px 8px 0 0';
|
|
10608
|
-
panel.style.boxShadow = '0 -1px 2px 0 rgba(90, 100, 90, 0.3)';
|
|
10609
|
-
} else if (fitTop && !fitBottom) {
|
|
10701
|
+
if (fitBottom && !props.bottomPanel) {
|
|
10702
|
+
panel.style.top = triggerBound.bottom - 16 + "px";
|
|
10610
10703
|
panel.style.left = 'unset';
|
|
10611
|
-
panel.style.borderRadius = '8px';
|
|
10612
|
-
panel.style.top = triggerBound.top - panelHeight + "px";
|
|
10613
10704
|
panel.style.bottom = 'unset';
|
|
10705
|
+
panel.style.borderRadius = '0 0 8px 8px';
|
|
10614
10706
|
panel.style.boxShadow = '0 0 2px 0 rgba(90, 100, 90, 0.3)';
|
|
10615
|
-
} else if (
|
|
10707
|
+
} else if (fitTop && !props.bottomPanel) {
|
|
10708
|
+
panel.style.top = triggerBound.top - panelHeight + "px";
|
|
10616
10709
|
panel.style.left = 'unset';
|
|
10617
|
-
panel.style.top = triggerBound.bottom - 16 + "px";
|
|
10618
10710
|
panel.style.bottom = 'unset';
|
|
10619
|
-
panel.style.borderRadius = '
|
|
10711
|
+
panel.style.borderRadius = '8px';
|
|
10712
|
+
panel.style.boxShadow = '0 0 2px 0 rgba(90, 100, 90, 0.3)';
|
|
10620
10713
|
} else {
|
|
10621
10714
|
panel.style.top = 'unset';
|
|
10622
|
-
panel.style.bottom = '0';
|
|
10623
10715
|
panel.style.left = '0';
|
|
10716
|
+
panel.style.bottom = '0';
|
|
10624
10717
|
panel.style.width = '100%';
|
|
10625
10718
|
panel.style.borderRadius = '8px 8px 0 0';
|
|
10626
|
-
panel.style.boxShadow = '0 -
|
|
10719
|
+
panel.style.boxShadow = '0 -10px 0 5000px rgba(0, 0, 0, 0.5)';
|
|
10627
10720
|
}
|
|
10628
10721
|
};
|
|
10629
10722
|
|
|
10630
10723
|
if (panelOpened) {
|
|
10631
10724
|
position();
|
|
10632
|
-
setInter(setInterval(position,
|
|
10725
|
+
setInter(setInterval(position, 20));
|
|
10633
10726
|
}
|
|
10634
10727
|
|
|
10635
10728
|
return function () {
|
|
@@ -10641,8 +10734,12 @@ function Select(props) {
|
|
|
10641
10734
|
}, [panelOpened]);
|
|
10642
10735
|
var opcoes = JSON.stringify(props.options);
|
|
10643
10736
|
React.useEffect(function () {
|
|
10644
|
-
if (props.preSelectUniqueOption && props.options && props.options.length === 1
|
|
10645
|
-
|
|
10737
|
+
if (props.preSelectUniqueOption && props.options && props.options.length === 1) {
|
|
10738
|
+
if (props.multiple && props.value && Array.isArray(props.value) && props.value.length !== 1) {
|
|
10739
|
+
props.onChange([props.options[0].value]);
|
|
10740
|
+
} else if (!props.multiple && props.value !== props.options[0].value) {
|
|
10741
|
+
props.onChange(props.options[0].value);
|
|
10742
|
+
}
|
|
10646
10743
|
}
|
|
10647
10744
|
}, [opcoes]);
|
|
10648
10745
|
|
|
@@ -10655,7 +10752,11 @@ function Select(props) {
|
|
|
10655
10752
|
className: rootClassName$2A + "-clear-button",
|
|
10656
10753
|
icon: React__default.createElement(CloseIcon, null),
|
|
10657
10754
|
onClick: function onClick() {
|
|
10658
|
-
|
|
10755
|
+
if (props.multiple) {
|
|
10756
|
+
props.onChange([]);
|
|
10757
|
+
} else {
|
|
10758
|
+
props.onChange(null);
|
|
10759
|
+
}
|
|
10659
10760
|
}
|
|
10660
10761
|
}) : undefined, React__default.createElement(IconButton$1, {
|
|
10661
10762
|
disabled: props.disabled || false,
|
|
@@ -10679,7 +10780,7 @@ function Select(props) {
|
|
|
10679
10780
|
onClick: function onClick() {
|
|
10680
10781
|
var selectFake = document.querySelector("#" + id + " ." + rootClassName$2A + "-select-fake");
|
|
10681
10782
|
|
|
10682
|
-
if (!props.multiple &&
|
|
10783
|
+
if (!props.multiple && isiPhone() && selectFake) {
|
|
10683
10784
|
selectFake.focus();
|
|
10684
10785
|
} else {
|
|
10685
10786
|
setPanelOpened(!panelOpened);
|
|
@@ -10688,7 +10789,7 @@ function Select(props) {
|
|
|
10688
10789
|
onFocus: function onFocus(evt) {
|
|
10689
10790
|
var selectFake = document.querySelector("#" + id + " ." + rootClassName$2A + "-select-fake");
|
|
10690
10791
|
|
|
10691
|
-
if (!props.multiple &&
|
|
10792
|
+
if (!props.multiple && isiPhone() && selectFake) {
|
|
10692
10793
|
selectFake.focus();
|
|
10693
10794
|
} else {
|
|
10694
10795
|
evt.target.setSelectionRange(0, 0);
|
|
@@ -10724,6 +10825,7 @@ function Select(props) {
|
|
|
10724
10825
|
});
|
|
10725
10826
|
|
|
10726
10827
|
delete p.showPanelFooter;
|
|
10828
|
+
delete p.bottomPanel;
|
|
10727
10829
|
delete p.clearButton;
|
|
10728
10830
|
delete p.multiplePlaceholder;
|
|
10729
10831
|
delete p.multiple;
|
|
@@ -10741,6 +10843,7 @@ function Select(props) {
|
|
|
10741
10843
|
|
|
10742
10844
|
var handleChange = function handleChange() {
|
|
10743
10845
|
if (props.readOnly) return;
|
|
10846
|
+
if (!props.multiple) return;
|
|
10744
10847
|
|
|
10745
10848
|
if (!checked) {
|
|
10746
10849
|
var val = Array.isArray(props.value) ? props.value.slice() : [];
|
|
@@ -10834,6 +10937,8 @@ function Select(props) {
|
|
|
10834
10937
|
};
|
|
10835
10938
|
|
|
10836
10939
|
var getSingleOption = function getSingleOption(option) {
|
|
10940
|
+
if (props.multiple) return;
|
|
10941
|
+
|
|
10837
10942
|
var handleChange = function handleChange() {
|
|
10838
10943
|
if (!props.readOnly && props.value !== option.value) {
|
|
10839
10944
|
setPanelOpened(false);
|
|
@@ -10901,24 +11006,22 @@ function Select(props) {
|
|
|
10901
11006
|
}, option.label);
|
|
10902
11007
|
};
|
|
10903
11008
|
|
|
10904
|
-
var
|
|
11009
|
+
var noOptionsMessage = React.useMemo(function () {
|
|
10905
11010
|
return React__default.createElement("div", {
|
|
10906
11011
|
className: rootClassName$2A + "-no-result"
|
|
10907
11012
|
}, props.noOptionMessage);
|
|
10908
|
-
};
|
|
10909
|
-
|
|
10910
|
-
var getOptionsFiltered = function getOptionsFiltered() {
|
|
11013
|
+
}, [props.noOptionMessage]);
|
|
11014
|
+
var optionsFiltered = React.useMemo(function () {
|
|
10911
11015
|
var _props$options2;
|
|
10912
11016
|
|
|
10913
|
-
return (_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.filter(function (op) {
|
|
11017
|
+
return ((_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.filter(function (op) {
|
|
10914
11018
|
return getStringWithoutSpecialChar(op.label).toLowerCase().match(getStringWithoutSpecialChar(filterInput).toLowerCase());
|
|
10915
|
-
});
|
|
10916
|
-
};
|
|
10917
|
-
|
|
11019
|
+
})) || [];
|
|
11020
|
+
}, [props.options, filterInput]);
|
|
10918
11021
|
return React__default.createElement("div", {
|
|
10919
11022
|
id: id,
|
|
10920
11023
|
className: rootClassName$2A + "-outer"
|
|
10921
|
-
}, !props.multiple &&
|
|
11024
|
+
}, !props.multiple && isiPhone() && React__default.createElement("select", {
|
|
10922
11025
|
className: rootClassName$2A + "-select-fake",
|
|
10923
11026
|
value: props.value ? String(props.value) : '',
|
|
10924
11027
|
onChange: function onChange(evt) {
|
|
@@ -10937,7 +11040,7 @@ function Select(props) {
|
|
|
10937
11040
|
}, languageValues.components.select.single.fakeOption), (_props$options3 = props.options) === null || _props$options3 === void 0 ? void 0 : _props$options3.map(function (opt) {
|
|
10938
11041
|
return React__default.createElement("option", {
|
|
10939
11042
|
key: getKey(opt),
|
|
10940
|
-
value: opt.value
|
|
11043
|
+
value: typeof opt.value !== 'string' ? String(opt.value) : opt.value
|
|
10941
11044
|
}, opt.label);
|
|
10942
11045
|
})), React__default.createElement(Input$1, Object.assign({}, getInputProps())), React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
10943
11046
|
"in": panelOpened,
|
|
@@ -10954,7 +11057,7 @@ function Select(props) {
|
|
|
10954
11057
|
|
|
10955
11058
|
var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2A + "-panel-input input");
|
|
10956
11059
|
|
|
10957
|
-
if (firstInput && !
|
|
11060
|
+
if (firstInput && !isiPhone()) {
|
|
10958
11061
|
setTimeout(function () {
|
|
10959
11062
|
firstInput.focus();
|
|
10960
11063
|
}, 50);
|
|
@@ -10993,7 +11096,7 @@ function Select(props) {
|
|
|
10993
11096
|
onExit: function onExit() {
|
|
10994
11097
|
var inputElement = document.querySelector("#" + id + " input");
|
|
10995
11098
|
|
|
10996
|
-
if (inputElement && !
|
|
11099
|
+
if (inputElement && !isiPhone()) {
|
|
10997
11100
|
inputElement.focus();
|
|
10998
11101
|
}
|
|
10999
11102
|
}
|
|
@@ -11021,13 +11124,13 @@ function Select(props) {
|
|
|
11021
11124
|
}
|
|
11022
11125
|
})), React__default.createElement("div", {
|
|
11023
11126
|
className: rootClassName$2A + "-options scroll-white"
|
|
11024
|
-
}, props.options && props.options.length ?
|
|
11127
|
+
}, props.options && props.options.length ? optionsFiltered.map(function (option) {
|
|
11025
11128
|
if (props.multiple) {
|
|
11026
11129
|
return getMultipleOption(option);
|
|
11027
11130
|
}
|
|
11028
11131
|
|
|
11029
11132
|
return getSingleOption(option);
|
|
11030
|
-
}) :
|
|
11133
|
+
}) : noOptionsMessage), props.multiple && props.showPanelFooter && props.options && !!props.options.length && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
11031
11134
|
className: rootClassName$2A + "-panel-footer-clearfix"
|
|
11032
11135
|
}), React__default.createElement("div", {
|
|
11033
11136
|
className: rootClassName$2A + "-panel-footer"
|
|
@@ -11036,9 +11139,7 @@ function Select(props) {
|
|
|
11036
11139
|
disabled: props.readOnly,
|
|
11037
11140
|
className: rootClassName$2A + "-footer-button",
|
|
11038
11141
|
onClick: function onClick() {
|
|
11039
|
-
|
|
11040
|
-
|
|
11041
|
-
return props.onChange((_getOptionsFiltered2 = getOptionsFiltered()) === null || _getOptionsFiltered2 === void 0 ? void 0 : _getOptionsFiltered2.map(function (op) {
|
|
11142
|
+
return props.onChange(optionsFiltered.map(function (op) {
|
|
11042
11143
|
return op.value;
|
|
11043
11144
|
}));
|
|
11044
11145
|
},
|
|
@@ -11055,7 +11156,7 @@ function Select(props) {
|
|
|
11055
11156
|
}
|
|
11056
11157
|
|
|
11057
11158
|
Select.defaultProps = {
|
|
11058
|
-
onChange:
|
|
11159
|
+
onChange: undefined,
|
|
11059
11160
|
value: '',
|
|
11060
11161
|
multiple: false,
|
|
11061
11162
|
options: [],
|
|
@@ -11150,17 +11251,15 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
|
|
|
11150
11251
|
disabled: props.disabled,
|
|
11151
11252
|
onChange: props.onChange,
|
|
11152
11253
|
theme: props.theme
|
|
11153
|
-
})), React__default.createElement("span", Object.assign({}, props.spanProps, {
|
|
11254
|
+
})), React__default.createElement("span", Object.assign({}, props.spanProps || {}, {
|
|
11154
11255
|
className: getMergedClassNames([rootClassName$2D + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
|
|
11155
11256
|
style: style,
|
|
11156
11257
|
onClick: function onClick(evt) {
|
|
11157
|
-
var _props$spanProps3;
|
|
11158
|
-
|
|
11159
11258
|
if (props.anchorLabelToCheckbox) {
|
|
11160
11259
|
props.onChange(!props.value, evt);
|
|
11161
11260
|
}
|
|
11162
11261
|
|
|
11163
|
-
if (props.spanProps && typeof props.spanProps.onClick === 'function')
|
|
11262
|
+
if (props.spanProps && typeof props.spanProps.onClick === 'function') props.spanProps.onClick(evt);
|
|
11164
11263
|
}
|
|
11165
11264
|
}), props.label));
|
|
11166
11265
|
};
|
|
@@ -11187,9 +11286,9 @@ function Table(props) {
|
|
|
11187
11286
|
document.body.classList.remove('document-grabbing');
|
|
11188
11287
|
|
|
11189
11288
|
if (typeof props.confirmSort === 'function' && typeof props.onSort === 'function' && evt.oldIndex !== evt.newIndex) {
|
|
11190
|
-
var _props$confirmSort
|
|
11289
|
+
var _props$confirmSort$th;
|
|
11191
11290
|
|
|
11192
|
-
|
|
11291
|
+
(_props$confirmSort$th = props.confirmSort(evt).then(function () {
|
|
11193
11292
|
if (typeof props.onSort === 'function') {
|
|
11194
11293
|
props.onSort({
|
|
11195
11294
|
oldIndex: evt.oldIndex - 1,
|
|
@@ -12890,7 +12989,632 @@ VideoModal.defaultProps = {
|
|
|
12890
12989
|
size: 'md'
|
|
12891
12990
|
};
|
|
12892
12991
|
|
|
12893
|
-
var rootClassName$2Y = '
|
|
12992
|
+
var rootClassName$2Y = 'icon-component';
|
|
12993
|
+
var PhonePlusIcon = function PhonePlusIcon() {
|
|
12994
|
+
return React__default.createElement("svg", {
|
|
12995
|
+
className: rootClassName$2Y,
|
|
12996
|
+
viewBox: '0 0 24 24',
|
|
12997
|
+
fill: 'currentColor',
|
|
12998
|
+
xmlns: 'http://www.w3.org/2000/svg'
|
|
12999
|
+
}, React__default.createElement("path", {
|
|
13000
|
+
fillRule: 'evenodd',
|
|
13001
|
+
clipRule: 'evenodd',
|
|
13002
|
+
d: 'M16.1844 22.137V12.314C19.3561 12.0595 21.8514 9.40447 21.8514 6.167C21.8514 2.76119 19.0899 0 15.6844 0C15.2701 0 14.8653 0.0408457 14.4739 0.118732C14.3867 0.0446762 14.2738 0 14.1504 0H4.01339C2.98425 0 2.15039 0.833858 2.15039 1.863V22.137C2.15039 23.1661 2.98425 24 4.01339 24H14.3214C15.3505 24 16.1844 23.1661 16.1844 22.137ZM15.1844 22.137V12.314C12.0119 12.0595 9.51639 9.40467 9.51639 6.167C9.51639 4.0038 10.6304 2.10076 12.316 1H4.01339C3.53653 1 3.15039 1.38614 3.15039 1.863V22.137C3.15039 22.6139 3.53653 23 4.01339 23H14.3214C14.7982 23 15.1844 22.6139 15.1844 22.137ZM20.8514 6.167C20.8514 9.0205 18.5376 11.334 15.6844 11.334C12.8303 11.334 10.5164 9.02064 10.5164 6.167C10.5164 3.31336 12.8303 1 15.6844 1C18.5376 1 20.8514 3.3135 20.8514 6.167ZM12.877 5.667H15.1844V3.3606C15.1844 3.08446 15.4082 2.8606 15.6844 2.8606C15.9605 2.8606 16.1844 3.08446 16.1844 3.3606V5.667H18.491C18.7671 5.667 18.991 5.89086 18.991 6.167C18.991 6.44314 18.7671 6.667 18.491 6.667H16.1844V8.9736C16.1844 9.24974 15.9605 9.4736 15.6844 9.4736C15.4082 9.4736 15.1844 9.24974 15.1844 8.9736V6.667H12.877C12.6008 6.667 12.377 6.44314 12.377 6.167C12.377 5.89086 12.6008 5.667 12.877 5.667ZM9.16709 21.3356C9.78109 21.3356 10.2791 20.8376 10.2791 20.2236C10.2791 19.6096 9.78109 19.1126 9.16709 19.1126C8.55309 19.1126 8.05509 19.6096 8.05509 20.2236C8.05509 20.8376 8.55309 21.3356 9.16709 21.3356Z'
|
|
13003
|
+
}));
|
|
13004
|
+
};
|
|
13005
|
+
|
|
13006
|
+
var rootClassName$2Z = 'calendar-header';
|
|
13007
|
+
function CalendarHeader(props) {
|
|
13008
|
+
var size = useScreenSize();
|
|
13009
|
+
var days = React.useMemo(function () {
|
|
13010
|
+
if (props.language.daysOfWeekAbrev && ['xs', 'sm'].includes(String(size))) {
|
|
13011
|
+
return props.language.daysOfWeekAbrev;
|
|
13012
|
+
}
|
|
13013
|
+
|
|
13014
|
+
return props.language.daysOfWeek;
|
|
13015
|
+
}, [props.language.daysOfWeek, props.language.daysOfWeekAbrev, size]);
|
|
13016
|
+
return React__default.createElement("div", {
|
|
13017
|
+
className: rootClassName$2Z
|
|
13018
|
+
}, days.map(function (d, i) {
|
|
13019
|
+
return React__default.createElement("div", {
|
|
13020
|
+
className: rootClassName$2Z + "-day",
|
|
13021
|
+
key: i
|
|
13022
|
+
}, d);
|
|
13023
|
+
}));
|
|
13024
|
+
}
|
|
13025
|
+
|
|
13026
|
+
var rootClassName$2_ = 'evento-calendario';
|
|
13027
|
+
|
|
13028
|
+
function CalendarEvent(props) {
|
|
13029
|
+
var _useState = React.useState(props.forceExpanded || false),
|
|
13030
|
+
expanded = _useState[0],
|
|
13031
|
+
setExpanded = _useState[1];
|
|
13032
|
+
|
|
13033
|
+
var ref = React.createRef();
|
|
13034
|
+
var outClick = React.useCallback(function (evt) {
|
|
13035
|
+
if (!ref.current) return;
|
|
13036
|
+
|
|
13037
|
+
if (!evt.composedPath().includes(ref.current)) {
|
|
13038
|
+
setExpanded(false);
|
|
13039
|
+
evt.preventDefault();
|
|
13040
|
+
}
|
|
13041
|
+
}, [ref]);
|
|
13042
|
+
React.useEffect(function () {
|
|
13043
|
+
if (!props.forceExpanded && expanded) {
|
|
13044
|
+
window.addEventListener('click', outClick, false);
|
|
13045
|
+
}
|
|
13046
|
+
|
|
13047
|
+
return function () {
|
|
13048
|
+
if (!props.forceExpanded && expanded) {
|
|
13049
|
+
window.removeEventListener('click', outClick, false);
|
|
13050
|
+
}
|
|
13051
|
+
};
|
|
13052
|
+
}, [expanded, outClick, props.forceExpanded]);
|
|
13053
|
+
var content = React.useMemo(function () {
|
|
13054
|
+
switch (props.size) {
|
|
13055
|
+
case 'large':
|
|
13056
|
+
return React__default.createElement(React.Fragment, null, "large");
|
|
13057
|
+
|
|
13058
|
+
case 'medium':
|
|
13059
|
+
return React__default.createElement(React.Fragment, null, React__default.createElement("div", {
|
|
13060
|
+
className: rootClassName$2_ + "-tipo",
|
|
13061
|
+
style: {
|
|
13062
|
+
borderColor: props.color
|
|
13063
|
+
}
|
|
13064
|
+
}, props.tipoEvento), React__default.createElement("div", {
|
|
13065
|
+
className: rootClassName$2_ + "-label"
|
|
13066
|
+
}, React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
13067
|
+
"in": !props.forceExpanded && (!expanded || !props.expandedLabel),
|
|
13068
|
+
timeout: 300,
|
|
13069
|
+
classNames: 'label',
|
|
13070
|
+
unmountOnExit: true
|
|
13071
|
+
}, React__default.createElement("span", null, props.label)), React__default.createElement(Collapse$1, {
|
|
13072
|
+
opened: props.forceExpanded || expanded && !!props.expandedLabel,
|
|
13073
|
+
animateOpacity: true
|
|
13074
|
+
}, React__default.createElement(React.Fragment, null, React__default.createElement("span", null, props.expandedLabel), React__default.createElement("div", {
|
|
13075
|
+
className: rootClassName$2_ + "-date-label"
|
|
13076
|
+
}, props.expandedDate)))), React__default.createElement("div", {
|
|
13077
|
+
className: rootClassName$2_ + "-modalidade"
|
|
13078
|
+
}, React__default.createElement("div", {
|
|
13079
|
+
className: rootClassName$2_ + "-icon"
|
|
13080
|
+
}, props.icon), React__default.createElement("div", {
|
|
13081
|
+
className: rootClassName$2_ + "-modalidade-label nunito"
|
|
13082
|
+
}, props.iconLabel)));
|
|
13083
|
+
|
|
13084
|
+
case 'small':
|
|
13085
|
+
default:
|
|
13086
|
+
return React__default.createElement(React.Fragment, null, React__default.createElement("div", {
|
|
13087
|
+
className: rootClassName$2_ + "-icon"
|
|
13088
|
+
}, props.icon), React__default.createElement("div", {
|
|
13089
|
+
className: rootClassName$2_ + "-label nunito"
|
|
13090
|
+
}, props.tipoEvento, " | ", props.label));
|
|
13091
|
+
}
|
|
13092
|
+
}, [expanded, props.color, props.expandedDate, props.expandedLabel, props.forceExpanded, props.icon, props.iconLabel, props.label, props.size, props.tipoEvento]);
|
|
13093
|
+
return React__default.createElement("button", {
|
|
13094
|
+
ref: ref,
|
|
13095
|
+
className: useMergedClassNames([rootClassName$2_, props.size, props.borderStyle]),
|
|
13096
|
+
disabled: props.disabled,
|
|
13097
|
+
onClick: function onClick() {
|
|
13098
|
+
if (typeof props.onClick === 'function') {
|
|
13099
|
+
props.onClick();
|
|
13100
|
+
}
|
|
13101
|
+
|
|
13102
|
+
if (!props.forceExpanded && props.expansible) {
|
|
13103
|
+
setExpanded(!expanded);
|
|
13104
|
+
}
|
|
13105
|
+
},
|
|
13106
|
+
style: {
|
|
13107
|
+
color: props.color,
|
|
13108
|
+
borderColor: props.color,
|
|
13109
|
+
borderStyle: props.borderStyle,
|
|
13110
|
+
width: props.width
|
|
13111
|
+
}
|
|
13112
|
+
}, content);
|
|
13113
|
+
}
|
|
13114
|
+
|
|
13115
|
+
CalendarEvent.defaultProps = {
|
|
13116
|
+
size: 'small',
|
|
13117
|
+
color: '#3fa110',
|
|
13118
|
+
borderStyle: 'solid'
|
|
13119
|
+
};
|
|
13120
|
+
var CalendarEvent$1 = React.memo(CalendarEvent);
|
|
13121
|
+
|
|
13122
|
+
var rootClassName$2$ = 'calendar-chip';
|
|
13123
|
+
|
|
13124
|
+
function CalendarChip(props) {
|
|
13125
|
+
return React__default.createElement("button", {
|
|
13126
|
+
className: useMergedClassNames([rootClassName$2$, 'nunito']),
|
|
13127
|
+
onClick: props.onClick,
|
|
13128
|
+
disabled: props.disabled,
|
|
13129
|
+
style: {
|
|
13130
|
+
borderStyle: props.borderStyle,
|
|
13131
|
+
color: props.color
|
|
13132
|
+
}
|
|
13133
|
+
}, "+", props.num);
|
|
13134
|
+
}
|
|
13135
|
+
|
|
13136
|
+
CalendarChip.defaultProps = {
|
|
13137
|
+
color: '#3fa110',
|
|
13138
|
+
borderStyle: 'solid'
|
|
13139
|
+
};
|
|
13140
|
+
var CalendarChip$1 = React.memo(CalendarChip);
|
|
13141
|
+
|
|
13142
|
+
var rootClassName$30 = 'calendar-month-day';
|
|
13143
|
+
|
|
13144
|
+
function CalendarMonthDay(props) {
|
|
13145
|
+
var _props$eventos, _props$eventos2, _props$eventos3, _props$eventos4, _props$eventos4$slice;
|
|
13146
|
+
|
|
13147
|
+
var classNames = React.useMemo(function () {
|
|
13148
|
+
return getMergedClassNames([rootClassName$30, props.pocket ? 'pocket' : '', props.isToday ? 'today' : '', props.disabled ? 'disabled' : '', props.highlightWeekends && (props.day.getDay() === 0 || props.day.getDay() === 6) ? 'highlight' : '']);
|
|
13149
|
+
}, [props.day, props.disabled, props.highlightWeekends, props.isToday, props.pocket]);
|
|
13150
|
+
return React__default.createElement("div", {
|
|
13151
|
+
className: classNames
|
|
13152
|
+
}, React__default.createElement("div", {
|
|
13153
|
+
className: rootClassName$30 + "-label-line"
|
|
13154
|
+
}, React__default.createElement("div", {
|
|
13155
|
+
className: rootClassName$30 + "-day nunito",
|
|
13156
|
+
onClick: function onClick(evt) {
|
|
13157
|
+
if (props.pocket && !props.disabled && typeof props.onAddButtonClick === 'function') {
|
|
13158
|
+
props.onAddButtonClick(props.day, evt);
|
|
13159
|
+
}
|
|
13160
|
+
}
|
|
13161
|
+
}, React__default.createElement(Notification, {
|
|
13162
|
+
count: props.pocket ? (_props$eventos = props.eventos) === null || _props$eventos === void 0 ? void 0 : _props$eventos.length : 0,
|
|
13163
|
+
type: props.disabled ? exports.NotificationType.Disabled : exports.NotificationType.Primary,
|
|
13164
|
+
verticalOuter: 11,
|
|
13165
|
+
horizontalOuter: 14
|
|
13166
|
+
}, getTwoNumbersIfNotTen(props.day.getDate()))), React__default.createElement("div", null, !props.pocket && props.showPlusIcon && Boolean(props.eventos) && ((_props$eventos2 = props.eventos) === null || _props$eventos2 === void 0 ? void 0 : _props$eventos2.length) > 2 ? React__default.createElement(CalendarChip$1, {
|
|
13167
|
+
num: ((_props$eventos3 = props.eventos) === null || _props$eventos3 === void 0 ? void 0 : _props$eventos3.length) - 2,
|
|
13168
|
+
onClick: function onClick(evt) {
|
|
13169
|
+
if (typeof props.onPlusButtonClick === 'function') {
|
|
13170
|
+
props.onPlusButtonClick(props.day, evt);
|
|
13171
|
+
}
|
|
13172
|
+
},
|
|
13173
|
+
disabled: props.disabled
|
|
13174
|
+
}) : undefined)), !props.pocket ? React__default.createElement(React.Fragment, null, React__default.createElement("div", {
|
|
13175
|
+
className: rootClassName$30 + "-eventos"
|
|
13176
|
+
}, (_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) {
|
|
13177
|
+
return React__default.createElement(CalendarEvent$1, Object.assign({
|
|
13178
|
+
key: e.id
|
|
13179
|
+
}, e, {
|
|
13180
|
+
disabled: props.disabled
|
|
13181
|
+
}));
|
|
13182
|
+
})), props.showAddButton ? React__default.createElement("button", {
|
|
13183
|
+
disabled: props.disabled,
|
|
13184
|
+
className: rootClassName$30 + "-button",
|
|
13185
|
+
onClick: function onClick(evt) {
|
|
13186
|
+
if (typeof props.onAddButtonClick === 'function') {
|
|
13187
|
+
props.onAddButtonClick(props.day, evt);
|
|
13188
|
+
}
|
|
13189
|
+
}
|
|
13190
|
+
}, React__default.createElement("span", null, React__default.createElement(AddCircleIcon, null), props.language.addNew)) : undefined) : undefined);
|
|
13191
|
+
}
|
|
13192
|
+
|
|
13193
|
+
var CalendarMonthDay$1 = React.memo(CalendarMonthDay);
|
|
13194
|
+
|
|
13195
|
+
var rootClassName$31 = 'calendar-days';
|
|
13196
|
+
|
|
13197
|
+
function CalendarDays(props) {
|
|
13198
|
+
var today = React.useMemo(function () {
|
|
13199
|
+
return new Date();
|
|
13200
|
+
}, []);
|
|
13201
|
+
var days = React.useMemo(function () {
|
|
13202
|
+
return props.visao === CalendarView.Semanal ? getWeekInMonth(props.referencia) : getDaysInMonth(props.referencia);
|
|
13203
|
+
}, [props.referencia, props.visao]);
|
|
13204
|
+
var disabledDay = React.useCallback(function (date) {
|
|
13205
|
+
if (props.disabledPrevMonth && (date.getFullYear() < props.referencia.getFullYear() || date.getMonth() < props.referencia.getMonth())) {
|
|
13206
|
+
return true;
|
|
13207
|
+
}
|
|
13208
|
+
|
|
13209
|
+
if (props.disabledNextMonth && (date.getFullYear() > props.referencia.getFullYear() || date.getMonth() > props.referencia.getMonth())) {
|
|
13210
|
+
return true;
|
|
13211
|
+
}
|
|
13212
|
+
|
|
13213
|
+
return false;
|
|
13214
|
+
}, [props.referencia, props.disabledNextMonth, props.disabledPrevMonth]);
|
|
13215
|
+
return React__default.createElement("div", {
|
|
13216
|
+
className: rootClassName$31
|
|
13217
|
+
}, days.map(function (d) {
|
|
13218
|
+
var _props$eventos;
|
|
13219
|
+
|
|
13220
|
+
var k = "" + d.getFullYear() + (d.getMonth() + 1) + d.getDate();
|
|
13221
|
+
var eventos = (_props$eventos = props.eventos) === null || _props$eventos === void 0 ? void 0 : _props$eventos.get(k);
|
|
13222
|
+
return React__default.createElement(CalendarMonthDay$1, {
|
|
13223
|
+
pocket: props.pocket,
|
|
13224
|
+
language: props.language,
|
|
13225
|
+
key: d.getTime(),
|
|
13226
|
+
day: d,
|
|
13227
|
+
eventos: eventos,
|
|
13228
|
+
isToday: d.getDate() === today.getDate() && d.getMonth() === today.getMonth() && d.getFullYear() === today.getFullYear(),
|
|
13229
|
+
disabled: disabledDay(d) || props.loading,
|
|
13230
|
+
showAddButton: props.showAddButton,
|
|
13231
|
+
onAddButtonClick: props.onAddButtonClick,
|
|
13232
|
+
showPlusIcon: props.showPlusIcon,
|
|
13233
|
+
onPlusButtonClick: props.onPlusButtonClick,
|
|
13234
|
+
highlightWeekends: props.highlightWeekends
|
|
13235
|
+
});
|
|
13236
|
+
}));
|
|
13237
|
+
}
|
|
13238
|
+
|
|
13239
|
+
var CalendarDays$1 = React.memo(CalendarDays);
|
|
13240
|
+
|
|
13241
|
+
var rootClassName$32 = 'calendar';
|
|
13242
|
+
|
|
13243
|
+
function Calendar(props) {
|
|
13244
|
+
var id = React.useMemo(getUniqueKey, []);
|
|
13245
|
+
|
|
13246
|
+
var _useState = React.useState(false),
|
|
13247
|
+
pocket = _useState[0],
|
|
13248
|
+
setPocket = _useState[1];
|
|
13249
|
+
|
|
13250
|
+
var pocketRef = React.useRef(pocket);
|
|
13251
|
+
pocketRef.current = pocket;
|
|
13252
|
+
var classNames = React.useMemo(function () {
|
|
13253
|
+
return getMergedClassNames([rootClassName$32, props.loading ? 'loading' : '']);
|
|
13254
|
+
}, [props.loading]);
|
|
13255
|
+
var cbResize = React.useCallback(function (evt) {
|
|
13256
|
+
if (pocketRef.current) {
|
|
13257
|
+
if (evt[0].contentBoxSize[0].inlineSize > 805) {
|
|
13258
|
+
setPocket(false);
|
|
13259
|
+
}
|
|
13260
|
+
} else {
|
|
13261
|
+
if (evt[0].contentBoxSize[0].inlineSize < 794) {
|
|
13262
|
+
setPocket(true);
|
|
13263
|
+
}
|
|
13264
|
+
}
|
|
13265
|
+
}, []);
|
|
13266
|
+
React.useEffect(function () {
|
|
13267
|
+
var calendar = document.querySelector("#" + id);
|
|
13268
|
+
var observer = new window.ResizeObserver(cbResize);
|
|
13269
|
+
|
|
13270
|
+
if (calendar) {
|
|
13271
|
+
observer.observe(calendar);
|
|
13272
|
+
}
|
|
13273
|
+
|
|
13274
|
+
return function () {
|
|
13275
|
+
observer.disconnect();
|
|
13276
|
+
};
|
|
13277
|
+
}, [id, pocket]);
|
|
13278
|
+
return React__default.createElement("div", {
|
|
13279
|
+
id: id,
|
|
13280
|
+
className: classNames
|
|
13281
|
+
}, React__default.createElement(CalendarHeader, {
|
|
13282
|
+
language: props.language
|
|
13283
|
+
}), React__default.createElement(CalendarDays$1, {
|
|
13284
|
+
pocket: pocket,
|
|
13285
|
+
visao: props.visao,
|
|
13286
|
+
referencia: props.referencia,
|
|
13287
|
+
disabledNextMonth: props.disabledNextMonth,
|
|
13288
|
+
disabledPrevMonth: props.disabledPrevMonth,
|
|
13289
|
+
language: props.language,
|
|
13290
|
+
showAddButton: props.showAddButton,
|
|
13291
|
+
onAddButtonClick: props.onAddButtonClick,
|
|
13292
|
+
showPlusIcon: props.showPlusIcon,
|
|
13293
|
+
onPlusButtonClick: props.onPlusButtonClick,
|
|
13294
|
+
highlightWeekends: props.highlightWeekends,
|
|
13295
|
+
loading: props.loading,
|
|
13296
|
+
eventos: props.eventos
|
|
13297
|
+
}));
|
|
13298
|
+
}
|
|
13299
|
+
|
|
13300
|
+
Calendar.defaultProps = {
|
|
13301
|
+
language: ptbrCalendarLanguage,
|
|
13302
|
+
loading: false,
|
|
13303
|
+
disabledNextMonth: true,
|
|
13304
|
+
disabledPrevMonth: true,
|
|
13305
|
+
highlightWeekends: true,
|
|
13306
|
+
showAddButton: true,
|
|
13307
|
+
showPlusIcon: true,
|
|
13308
|
+
visao: CalendarView.Mensal,
|
|
13309
|
+
referencia: new Date()
|
|
13310
|
+
};
|
|
13311
|
+
var Calendar$1 = React.memo(Calendar);
|
|
13312
|
+
|
|
13313
|
+
var rootClassName$33 = 'floating-panel';
|
|
13314
|
+
|
|
13315
|
+
function FloatingPanel(props) {
|
|
13316
|
+
var id = React.useMemo(getUniqueKey, []);
|
|
13317
|
+
var onClick = React.useCallback(function (evt) {
|
|
13318
|
+
var wrapper = document.getElementById(id);
|
|
13319
|
+
if (!wrapper) return;
|
|
13320
|
+
|
|
13321
|
+
if (!evt.composedPath().includes(wrapper)) {
|
|
13322
|
+
props.setOpened(false);
|
|
13323
|
+
evt.preventDefault();
|
|
13324
|
+
}
|
|
13325
|
+
}, [id, props]);
|
|
13326
|
+
var onEsc = React.useCallback(function (evt) {
|
|
13327
|
+
if (evt.key === 'Escape') {
|
|
13328
|
+
evt.preventDefault();
|
|
13329
|
+
evt.stopPropagation();
|
|
13330
|
+
props.setOpened(false);
|
|
13331
|
+
}
|
|
13332
|
+
}, [props]);
|
|
13333
|
+
var updatePosition = React.useCallback(function () {
|
|
13334
|
+
var wrapper = document.getElementById(id);
|
|
13335
|
+
if (!wrapper) return;
|
|
13336
|
+
var computedStyle = wrapper.getBoundingClientRect();
|
|
13337
|
+
var panel = document.querySelector("#" + id + " ." + rootClassName$33);
|
|
13338
|
+
if (!panel) return;
|
|
13339
|
+
panel.style.top = computedStyle.top + computedStyle.height + "px";
|
|
13340
|
+
panel.style.left = computedStyle.left + "px";
|
|
13341
|
+
}, [id]);
|
|
13342
|
+
var updateSize = React.useCallback(function () {
|
|
13343
|
+
var _document$getElementB;
|
|
13344
|
+
|
|
13345
|
+
var anchor = (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.parentElement;
|
|
13346
|
+
var panel = document.querySelector("#" + id + " ." + rootClassName$33);
|
|
13347
|
+
if (!panel || !anchor) return;
|
|
13348
|
+
var computedStyle = window.getComputedStyle(anchor);
|
|
13349
|
+
panel.style.width = computedStyle.width;
|
|
13350
|
+
}, [id]);
|
|
13351
|
+
React.useEffect(function () {
|
|
13352
|
+
var wrapper = document.getElementById(id);
|
|
13353
|
+
var scrollableElements = getParents(wrapper);
|
|
13354
|
+
|
|
13355
|
+
var positionAndSize = function positionAndSize() {
|
|
13356
|
+
updatePosition();
|
|
13357
|
+
updateSize();
|
|
13358
|
+
};
|
|
13359
|
+
|
|
13360
|
+
var observer = new window.MutationObserver(positionAndSize);
|
|
13361
|
+
|
|
13362
|
+
if (props.opened) {
|
|
13363
|
+
positionAndSize();
|
|
13364
|
+
observer.observe(document.body, {
|
|
13365
|
+
attributes: true,
|
|
13366
|
+
childList: true,
|
|
13367
|
+
characterData: true,
|
|
13368
|
+
subtree: true
|
|
13369
|
+
});
|
|
13370
|
+
|
|
13371
|
+
for (var _iterator = _createForOfIteratorHelperLoose(scrollableElements), _step; !(_step = _iterator()).done;) {
|
|
13372
|
+
var el = _step.value;
|
|
13373
|
+
el.addEventListener('scroll', updatePosition, false);
|
|
13374
|
+
}
|
|
13375
|
+
|
|
13376
|
+
window.addEventListener('resize', positionAndSize, false);
|
|
13377
|
+
document.addEventListener('keydown', onEsc, false);
|
|
13378
|
+
document.addEventListener('click', onClick, false);
|
|
13379
|
+
}
|
|
13380
|
+
|
|
13381
|
+
return function () {
|
|
13382
|
+
if (props.opened) {
|
|
13383
|
+
observer.disconnect();
|
|
13384
|
+
document.removeEventListener('keydown', onEsc, false);
|
|
13385
|
+
document.removeEventListener('click', onClick, false);
|
|
13386
|
+
window.removeEventListener('resize', positionAndSize, false);
|
|
13387
|
+
|
|
13388
|
+
for (var _iterator2 = _createForOfIteratorHelperLoose(scrollableElements), _step2; !(_step2 = _iterator2()).done;) {
|
|
13389
|
+
var _el = _step2.value;
|
|
13390
|
+
|
|
13391
|
+
_el.removeEventListener('scroll', updatePosition, false);
|
|
13392
|
+
}
|
|
13393
|
+
}
|
|
13394
|
+
};
|
|
13395
|
+
}, [props.opened]);
|
|
13396
|
+
return React__default.createElement("div", {
|
|
13397
|
+
id: id,
|
|
13398
|
+
className: rootClassName$33 + "-wrapper",
|
|
13399
|
+
style: {
|
|
13400
|
+
bottom: props.bottom
|
|
13401
|
+
}
|
|
13402
|
+
}, React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
13403
|
+
"in": props.opened,
|
|
13404
|
+
classNames: rootClassName$33,
|
|
13405
|
+
timeout: 300,
|
|
13406
|
+
unmountOnExit: true
|
|
13407
|
+
}, React__default.createElement("div", {
|
|
13408
|
+
className: useMergedClassNames([rootClassName$33, props.className, props.boxShadow ? 'shadow' : '', props.radiusStyle])
|
|
13409
|
+
}, props.children)));
|
|
13410
|
+
}
|
|
13411
|
+
|
|
13412
|
+
FloatingPanel.defaultProps = {
|
|
13413
|
+
boxShadow: true,
|
|
13414
|
+
radiusStyle: 'only-bottom'
|
|
13415
|
+
};
|
|
13416
|
+
var FloatingPanel$1 = React.memo(FloatingPanel);
|
|
13417
|
+
|
|
13418
|
+
var rootClassName$34 = 'scroll-arrow-overflow';
|
|
13419
|
+
|
|
13420
|
+
function ScrollArrowOverflow(props) {
|
|
13421
|
+
var ref = React.createRef();
|
|
13422
|
+
var atualRef = React.useRef(0);
|
|
13423
|
+
|
|
13424
|
+
var _useState = React.useState(true),
|
|
13425
|
+
end = _useState[0],
|
|
13426
|
+
setEnd = _useState[1];
|
|
13427
|
+
|
|
13428
|
+
var atEnd = React.useRef(end);
|
|
13429
|
+
atEnd.current = end;
|
|
13430
|
+
|
|
13431
|
+
var _useState2 = React.useState(true),
|
|
13432
|
+
start = _useState2[0],
|
|
13433
|
+
setStart = _useState2[1];
|
|
13434
|
+
|
|
13435
|
+
var atStart = React.useRef(start);
|
|
13436
|
+
atStart.current = start;
|
|
13437
|
+
var handleScroll = React.useCallback(function (delta) {
|
|
13438
|
+
if (!ref.current) return;
|
|
13439
|
+
var container = ref.current;
|
|
13440
|
+
var unitSize = container.scrollWidth / container.childElementCount;
|
|
13441
|
+
atualRef.current = Math.ceil(container.scrollLeft / unitSize);
|
|
13442
|
+
var newLeft = (atualRef.current + delta) * unitSize;
|
|
13443
|
+
scrollSmooth({
|
|
13444
|
+
element: container,
|
|
13445
|
+
top: 0,
|
|
13446
|
+
left: newLeft,
|
|
13447
|
+
duration: 300,
|
|
13448
|
+
behavior: 'smooth'
|
|
13449
|
+
});
|
|
13450
|
+
}, [ref]);
|
|
13451
|
+
var stickToAtual = React.useCallback(function () {
|
|
13452
|
+
if (!ref.current) return;
|
|
13453
|
+
var container = ref.current;
|
|
13454
|
+
var unitSize = container.scrollWidth / container.childElementCount;
|
|
13455
|
+
atualRef.current = Math.ceil(container.scrollLeft / unitSize);
|
|
13456
|
+
var newLeft = atualRef.current * unitSize;
|
|
13457
|
+
container.scrollLeft = newLeft;
|
|
13458
|
+
}, [ref]);
|
|
13459
|
+
React.useEffect(function () {
|
|
13460
|
+
window.addEventListener('resize', stickToAtual, false);
|
|
13461
|
+
return function () {
|
|
13462
|
+
window.removeEventListener('resize', stickToAtual, false);
|
|
13463
|
+
};
|
|
13464
|
+
}, []);
|
|
13465
|
+
var t = React.useCallback(function (evt) {
|
|
13466
|
+
var target = evt.target;
|
|
13467
|
+
|
|
13468
|
+
if (target.scrollLeft === 0) {
|
|
13469
|
+
if (!atStart.current) {
|
|
13470
|
+
setStart(true);
|
|
13471
|
+
}
|
|
13472
|
+
} else if (atStart.current) {
|
|
13473
|
+
setStart(false);
|
|
13474
|
+
}
|
|
13475
|
+
|
|
13476
|
+
if (target.offsetWidth + target.scrollLeft >= target.scrollWidth) {
|
|
13477
|
+
if (!atEnd.current) {
|
|
13478
|
+
setEnd(true);
|
|
13479
|
+
}
|
|
13480
|
+
} else if (atEnd.current) {
|
|
13481
|
+
setEnd(false);
|
|
13482
|
+
}
|
|
13483
|
+
}, []);
|
|
13484
|
+
React.useEffect(function () {
|
|
13485
|
+
var element = ref.current;
|
|
13486
|
+
t({
|
|
13487
|
+
target: element
|
|
13488
|
+
});
|
|
13489
|
+
element === null || element === void 0 ? void 0 : element.addEventListener('scroll', t, false);
|
|
13490
|
+
return function () {
|
|
13491
|
+
element === null || element === void 0 ? void 0 : element.removeEventListener('scroll', t, false);
|
|
13492
|
+
};
|
|
13493
|
+
}, []);
|
|
13494
|
+
return React__default.createElement("div", {
|
|
13495
|
+
className: useMergedClassNames([rootClassName$34, props.arrows])
|
|
13496
|
+
}, React__default.createElement("div", {
|
|
13497
|
+
className: rootClassName$34 + "-navigation"
|
|
13498
|
+
}, React__default.createElement(IconButton$1, {
|
|
13499
|
+
disabled: start,
|
|
13500
|
+
icon: React__default.createElement(CircleArrowLeft, null),
|
|
13501
|
+
onClick: function onClick() {
|
|
13502
|
+
handleScroll(-1);
|
|
13503
|
+
}
|
|
13504
|
+
}), React__default.createElement(IconButton$1, {
|
|
13505
|
+
disabled: end,
|
|
13506
|
+
icon: React__default.createElement(CircleArrowRight, null),
|
|
13507
|
+
onClick: function onClick() {
|
|
13508
|
+
handleScroll(+1);
|
|
13509
|
+
}
|
|
13510
|
+
})), React__default.createElement("div", {
|
|
13511
|
+
ref: ref,
|
|
13512
|
+
className: rootClassName$34 + "-overflow"
|
|
13513
|
+
}, props.children));
|
|
13514
|
+
}
|
|
13515
|
+
|
|
13516
|
+
ScrollArrowOverflow.defaultProps = {
|
|
13517
|
+
arrows: 'left',
|
|
13518
|
+
defaultOpened: true
|
|
13519
|
+
};
|
|
13520
|
+
var ScrollArrowOverflow$1 = React.memo(ScrollArrowOverflow);
|
|
13521
|
+
|
|
13522
|
+
var rootClassName$35 = 'hour-events';
|
|
13523
|
+
|
|
13524
|
+
function HourEvents(props) {
|
|
13525
|
+
var _props$language, _props$language2, _props$events, _props$events2, _props$language3, _props$events3;
|
|
13526
|
+
|
|
13527
|
+
var _useState = React.useState(props.defaultOpened),
|
|
13528
|
+
opened = _useState[0],
|
|
13529
|
+
setOpened = _useState[1];
|
|
13530
|
+
|
|
13531
|
+
return React__default.createElement("div", {
|
|
13532
|
+
className: rootClassName$35
|
|
13533
|
+
}, React__default.createElement("div", {
|
|
13534
|
+
className: rootClassName$35 + "-first-line"
|
|
13535
|
+
}, React__default.createElement("div", {
|
|
13536
|
+
className: rootClassName$35 + "-hour"
|
|
13537
|
+
}, props.hour), React__default.createElement("div", {
|
|
13538
|
+
className: rootClassName$35 + "-line"
|
|
13539
|
+
}), !props.events || !props.events.length ? React__default.createElement("div", {
|
|
13540
|
+
className: rootClassName$35 + "-no-events nunito"
|
|
13541
|
+
}, (_props$language = props.language) === null || _props$language === void 0 ? void 0 : _props$language.noEvent) : React__default.createElement("div", {
|
|
13542
|
+
className: rootClassName$35 + "-counter nunito"
|
|
13543
|
+
}, (_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__default.createElement(React.Fragment, null, React__default.createElement("div", {
|
|
13544
|
+
className: rootClassName$35 + "-toggle"
|
|
13545
|
+
}, React__default.createElement(Button$1, {
|
|
13546
|
+
theme: exports.ButtonThemes.DefaultPrimary,
|
|
13547
|
+
onClick: function onClick() {
|
|
13548
|
+
setOpened(!opened);
|
|
13549
|
+
}
|
|
13550
|
+
}, (_props$language3 = props.language) === null || _props$language3 === void 0 ? void 0 : _props$language3.label[opened ? 'opened' : 'closed'])), React__default.createElement(Collapse$1, {
|
|
13551
|
+
opened: opened,
|
|
13552
|
+
animateOpacity: true
|
|
13553
|
+
}, React__default.createElement(ScrollArrowOverflow$1, {
|
|
13554
|
+
arrows: props.arrows
|
|
13555
|
+
}, (_props$events3 = props.events) === null || _props$events3 === void 0 ? void 0 : _props$events3.map(function (e, index) {
|
|
13556
|
+
return React__default.createElement(Col$1, {
|
|
13557
|
+
cols: props.eventCols,
|
|
13558
|
+
key: e.id || index
|
|
13559
|
+
}, React__default.createElement(CalendarEvent$1, Object.assign({}, e)));
|
|
13560
|
+
})))) : undefined);
|
|
13561
|
+
}
|
|
13562
|
+
|
|
13563
|
+
HourEvents.defaultProps = {
|
|
13564
|
+
eventCols: [6, 6, 5, 3, 3],
|
|
13565
|
+
events: [],
|
|
13566
|
+
defaultOpened: true,
|
|
13567
|
+
language: {
|
|
13568
|
+
events: function events(n) {
|
|
13569
|
+
return n + " evento" + (n !== 1 ? 's' : '');
|
|
13570
|
+
},
|
|
13571
|
+
label: {
|
|
13572
|
+
opened: 'Ver menos',
|
|
13573
|
+
closed: 'Ver mais'
|
|
13574
|
+
},
|
|
13575
|
+
noEvent: 'Nenhum evento'
|
|
13576
|
+
}
|
|
13577
|
+
};
|
|
13578
|
+
var HourEvents$1 = React.memo(HourEvents);
|
|
13579
|
+
|
|
13580
|
+
var rootClassName$36 = 'inline-month-picker';
|
|
13581
|
+
|
|
13582
|
+
function InlineMonthPicker(props) {
|
|
13583
|
+
return React__default.createElement("div", {
|
|
13584
|
+
className: rootClassName$36
|
|
13585
|
+
}, React__default.createElement("div", {
|
|
13586
|
+
className: rootClassName$36 + "-icon"
|
|
13587
|
+
}, React__default.createElement(CalendarCheckIcon, null)), React__default.createElement("div", {
|
|
13588
|
+
className: rootClassName$36 + "-label"
|
|
13589
|
+
}, props.labelGen(props.value)), React__default.createElement("div", {
|
|
13590
|
+
className: rootClassName$36 + "-actions"
|
|
13591
|
+
}, React__default.createElement(IconButton$1, {
|
|
13592
|
+
icon: React__default.createElement(ChevronArrowLeftIcon, null),
|
|
13593
|
+
onClick: function onClick() {
|
|
13594
|
+
var d = new Date(props.value.getTime());
|
|
13595
|
+
d.setMonth(d.getMonth() - 1);
|
|
13596
|
+
props.onChange(d);
|
|
13597
|
+
},
|
|
13598
|
+
disabled: props.disabled
|
|
13599
|
+
}), React__default.createElement(IconButton$1, {
|
|
13600
|
+
icon: React__default.createElement(ChevronArrowRightIcon, null),
|
|
13601
|
+
onClick: function onClick() {
|
|
13602
|
+
var d = new Date(props.value.getTime());
|
|
13603
|
+
d.setMonth(d.getMonth() + 1);
|
|
13604
|
+
props.onChange(d);
|
|
13605
|
+
},
|
|
13606
|
+
disabled: props.disabled
|
|
13607
|
+
})));
|
|
13608
|
+
}
|
|
13609
|
+
|
|
13610
|
+
InlineMonthPicker.defaultProps = {
|
|
13611
|
+
value: new Date(),
|
|
13612
|
+
language: ptbrCalendarLanguage,
|
|
13613
|
+
labelGen: ptbrInlineMonthPickerLabelGenerator
|
|
13614
|
+
};
|
|
13615
|
+
var InlineMonthPicker$1 = React.memo(InlineMonthPicker);
|
|
13616
|
+
|
|
13617
|
+
var rootClassName$37 = 'qrcode';
|
|
12894
13618
|
|
|
12895
13619
|
function QRCode(props) {
|
|
12896
13620
|
var ref = React.createRef();
|
|
@@ -12910,7 +13634,7 @@ function QRCode(props) {
|
|
|
12910
13634
|
});
|
|
12911
13635
|
}, [props, ref]);
|
|
12912
13636
|
var className = React.useMemo(function () {
|
|
12913
|
-
return getMergedClassNames([rootClassName$
|
|
13637
|
+
return getMergedClassNames([rootClassName$37, props.button ? 'button' : '']);
|
|
12914
13638
|
}, [props.button]);
|
|
12915
13639
|
return React__default.createElement("div", {
|
|
12916
13640
|
className: className,
|
|
@@ -12961,276 +13685,6 @@ function useDropOpened(initialState) {
|
|
|
12961
13685
|
return [opened, toggleOpened];
|
|
12962
13686
|
}
|
|
12963
13687
|
|
|
12964
|
-
var rootClassName$2Z = 'comp-modal-manager';
|
|
12965
|
-
var maskRootClassName$1 = 'component-modal-mask';
|
|
12966
|
-
|
|
12967
|
-
var hackFocus$1 = function hackFocus() {
|
|
12968
|
-
var tmp = document.createElement('input');
|
|
12969
|
-
document.body.appendChild(tmp);
|
|
12970
|
-
tmp.focus();
|
|
12971
|
-
document.body.removeChild(tmp);
|
|
12972
|
-
};
|
|
12973
|
-
|
|
12974
|
-
function useModalManager() {
|
|
12975
|
-
var _useState = React.useState([]),
|
|
12976
|
-
arrayOfModal = _useState[0],
|
|
12977
|
-
setArrayOfModal = _useState[1];
|
|
12978
|
-
|
|
12979
|
-
var refModals = React.useRef(arrayOfModal);
|
|
12980
|
-
refModals.current = arrayOfModal;
|
|
12981
|
-
React.useEffect(function () {
|
|
12982
|
-
var escapeCall = function escapeCall(evt) {
|
|
12983
|
-
if (evt.key === 'Escape' && refModals.current.length) {
|
|
12984
|
-
var mprops = refModals.current[refModals.current.length - 1].props;
|
|
12985
|
-
|
|
12986
|
-
if (!(mprops !== null && mprops !== void 0 && mprops.preventEscExit)) {
|
|
12987
|
-
closeModalByKey(mprops === null || mprops === void 0 ? void 0 : mprops.modalKey);
|
|
12988
|
-
|
|
12989
|
-
if (typeof (mprops === null || mprops === void 0 ? void 0 : mprops.onClose) === 'function') {
|
|
12990
|
-
mprops === null || mprops === void 0 ? void 0 : mprops.onClose(mprops === null || mprops === void 0 ? void 0 : mprops.modalKey);
|
|
12991
|
-
}
|
|
12992
|
-
}
|
|
12993
|
-
}
|
|
12994
|
-
};
|
|
12995
|
-
|
|
12996
|
-
document.addEventListener('keydown', escapeCall);
|
|
12997
|
-
return function () {
|
|
12998
|
-
document.removeEventListener('keydown', escapeCall);
|
|
12999
|
-
};
|
|
13000
|
-
}, []);
|
|
13001
|
-
|
|
13002
|
-
var closeModalByKey = function closeModalByKey(modalKey) {
|
|
13003
|
-
var arr = refModals.current.slice();
|
|
13004
|
-
arr = arr.filter(function (obj) {
|
|
13005
|
-
return String(obj.props.modalKey) !== String(modalKey);
|
|
13006
|
-
});
|
|
13007
|
-
setArrayOfModal(arr);
|
|
13008
|
-
};
|
|
13009
|
-
|
|
13010
|
-
var openModal = function openModal(component, modalProps) {
|
|
13011
|
-
var modalKey = modalProps.modalKey ? modalProps.modalKey : getUniqueKey();
|
|
13012
|
-
|
|
13013
|
-
if (typeof component === 'function') {
|
|
13014
|
-
var arr = refModals.current.slice();
|
|
13015
|
-
|
|
13016
|
-
var p = _extends({}, modalProps, {
|
|
13017
|
-
modalKey: modalKey,
|
|
13018
|
-
onClose: function onClose(modalKey) {
|
|
13019
|
-
closeModalByKey(modalKey);
|
|
13020
|
-
|
|
13021
|
-
if (typeof modalProps.onClose === 'function') {
|
|
13022
|
-
modalProps.onClose(modalKey);
|
|
13023
|
-
}
|
|
13024
|
-
}
|
|
13025
|
-
});
|
|
13026
|
-
|
|
13027
|
-
arr.push({
|
|
13028
|
-
component: component,
|
|
13029
|
-
props: p
|
|
13030
|
-
});
|
|
13031
|
-
setArrayOfModal(arr);
|
|
13032
|
-
hackFocus$1();
|
|
13033
|
-
return modalKey;
|
|
13034
|
-
}
|
|
13035
|
-
|
|
13036
|
-
return '';
|
|
13037
|
-
};
|
|
13038
|
-
|
|
13039
|
-
var closeModal = function closeModal(modalKey) {
|
|
13040
|
-
if (modalKey) {
|
|
13041
|
-
closeModalByKey(modalKey);
|
|
13042
|
-
} else if (refModals.current.length) {
|
|
13043
|
-
var _refModals$current, _refModals$current$pr;
|
|
13044
|
-
|
|
13045
|
-
closeModalByKey((_refModals$current = refModals.current[refModals.current.length - 1]) === null || _refModals$current === void 0 ? void 0 : (_refModals$current$pr = _refModals$current.props) === null || _refModals$current$pr === void 0 ? void 0 : _refModals$current$pr.modalKey);
|
|
13046
|
-
}
|
|
13047
|
-
};
|
|
13048
|
-
|
|
13049
|
-
return [React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
|
|
13050
|
-
className: rootClassName$2Z + "-modals"
|
|
13051
|
-
}, arrayOfModal.map(function (obj) {
|
|
13052
|
-
var _obj$props, _obj$props2, _obj$props3;
|
|
13053
|
-
|
|
13054
|
-
var M = obj.component;
|
|
13055
|
-
return React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
13056
|
-
timeout: 300,
|
|
13057
|
-
classNames: (_obj$props = obj.props) !== null && _obj$props !== void 0 && _obj$props.mobileOnXS ? rootClassName$2Z + "-mask-mobile-on-xs" : rootClassName$2Z + "-mask",
|
|
13058
|
-
key: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.modalKey,
|
|
13059
|
-
unmountOnExit: true
|
|
13060
|
-
}, React__default.createElement(ModalMask, {
|
|
13061
|
-
mobileOnXS: Boolean((_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.mobileOnXS),
|
|
13062
|
-
onClick: function onClick(evt) {
|
|
13063
|
-
if (evt.target.classList.contains(maskRootClassName$1)) {
|
|
13064
|
-
var _obj$props4, _obj$props5;
|
|
13065
|
-
|
|
13066
|
-
if (typeof ((_obj$props4 = obj.props) === null || _obj$props4 === void 0 ? void 0 : _obj$props4.onClose) === 'function' && !((_obj$props5 = obj.props) !== null && _obj$props5 !== void 0 && _obj$props5.preventMaskExit)) {
|
|
13067
|
-
var _obj$props6, _obj$props7;
|
|
13068
|
-
|
|
13069
|
-
(_obj$props6 = obj.props) === null || _obj$props6 === void 0 ? void 0 : _obj$props6.onClose((_obj$props7 = obj.props) === null || _obj$props7 === void 0 ? void 0 : _obj$props7.modalKey);
|
|
13070
|
-
}
|
|
13071
|
-
}
|
|
13072
|
-
}
|
|
13073
|
-
}, React__default.createElement(M, Object.assign({}, obj.props))));
|
|
13074
|
-
}))), openModal, closeModal];
|
|
13075
|
-
}
|
|
13076
|
-
|
|
13077
|
-
function useStorageState(storage, key, initialValue) {
|
|
13078
|
-
var _useState = React.useState(initialValue),
|
|
13079
|
-
value = _useState[0],
|
|
13080
|
-
setValue = _useState[1];
|
|
13081
|
-
|
|
13082
|
-
React.useEffect(function () {
|
|
13083
|
-
if (!initialValue && storage.getItem(key) && storage.getItem(key) !== 'undefined') {
|
|
13084
|
-
try {
|
|
13085
|
-
setValue(JSON.parse(storage.getItem(key)));
|
|
13086
|
-
} catch (e) {
|
|
13087
|
-
console.error(e);
|
|
13088
|
-
}
|
|
13089
|
-
}
|
|
13090
|
-
}, []);
|
|
13091
|
-
React.useEffect(function () {
|
|
13092
|
-
storage.setItem(key, JSON.stringify(value));
|
|
13093
|
-
}, [key, storage, value]);
|
|
13094
|
-
return [value, setValue];
|
|
13095
|
-
}
|
|
13096
|
-
|
|
13097
|
-
var rootClassName$2_ = 'comp-toast-manager';
|
|
13098
|
-
var count$1 = 0;
|
|
13099
|
-
function useToastManager(props) {
|
|
13100
|
-
var _useState = React.useState([]),
|
|
13101
|
-
arrayOfToast = _useState[0],
|
|
13102
|
-
setArrayOfToast = _useState[1];
|
|
13103
|
-
|
|
13104
|
-
var toastsRef = React.useRef(arrayOfToast);
|
|
13105
|
-
toastsRef.current = arrayOfToast;
|
|
13106
|
-
var verticalPosition = (props === null || props === void 0 ? void 0 : props.verticalPosition) || 'top';
|
|
13107
|
-
var horizontalPosition = (props === null || props === void 0 ? void 0 : props.horizontalPosition) || 'right';
|
|
13108
|
-
var max = (props === null || props === void 0 ? void 0 : props.max) || undefined;
|
|
13109
|
-
var reverse = (props === null || props === void 0 ? void 0 : props.reverse) || false;
|
|
13110
|
-
var animateSize = (props === null || props === void 0 ? void 0 : props.animateSize) || false;
|
|
13111
|
-
|
|
13112
|
-
var closeById = function closeById(id) {
|
|
13113
|
-
var arr = toastsRef.current.filter(function (a) {
|
|
13114
|
-
return a.id !== id;
|
|
13115
|
-
});
|
|
13116
|
-
setArrayOfToast(arr);
|
|
13117
|
-
};
|
|
13118
|
-
|
|
13119
|
-
var showToast = function showToast(toast) {
|
|
13120
|
-
var id = "toaster-" + count$1;
|
|
13121
|
-
var arr = toastsRef.current.slice();
|
|
13122
|
-
var obj = {};
|
|
13123
|
-
|
|
13124
|
-
if (toast.prevent && arr.some(function (t) {
|
|
13125
|
-
return t.label === toast.label;
|
|
13126
|
-
})) {
|
|
13127
|
-
return;
|
|
13128
|
-
}
|
|
13129
|
-
|
|
13130
|
-
obj = _extends({
|
|
13131
|
-
id: id
|
|
13132
|
-
}, toast);
|
|
13133
|
-
|
|
13134
|
-
if (!max || arr.length < max) {
|
|
13135
|
-
arr.push(obj);
|
|
13136
|
-
setArrayOfToast(arr);
|
|
13137
|
-
count$1++;
|
|
13138
|
-
}
|
|
13139
|
-
};
|
|
13140
|
-
|
|
13141
|
-
var clearToast = React.useCallback(function () {
|
|
13142
|
-
setArrayOfToast([]);
|
|
13143
|
-
}, []);
|
|
13144
|
-
var classNames = React.useMemo(function () {
|
|
13145
|
-
return getMergedClassNames([rootClassName$2_ + "-toasts", rootClassName$2_ + "-" + verticalPosition, rootClassName$2_ + "-" + horizontalPosition, reverse ? rootClassName$2_ + "-reverse" : '', animateSize ? rootClassName$2_ + "-animate-size" : '']);
|
|
13146
|
-
}, [reverse, animateSize, horizontalPosition, verticalPosition]);
|
|
13147
|
-
React.useLayoutEffect(function () {
|
|
13148
|
-
var wrapper = document.querySelector("." + rootClassName$2_ + "-toasts");
|
|
13149
|
-
|
|
13150
|
-
if (wrapper && wrapper.childElementCount > 0) {
|
|
13151
|
-
var somaDasAlturas = 0;
|
|
13152
|
-
|
|
13153
|
-
if (verticalPosition === 'top' && !reverse) {
|
|
13154
|
-
somaDasAlturas = 12;
|
|
13155
|
-
|
|
13156
|
-
for (var i = 0; i < wrapper.children.length; i++) {
|
|
13157
|
-
var el = wrapper.children[i];
|
|
13158
|
-
|
|
13159
|
-
if (!el.classList.contains(rootClassName$2_ + "-toast-exit")) {
|
|
13160
|
-
el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
13161
|
-
somaDasAlturas += el.getBoundingClientRect().height + 12;
|
|
13162
|
-
}
|
|
13163
|
-
}
|
|
13164
|
-
} else if (verticalPosition === 'top') {
|
|
13165
|
-
for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
|
|
13166
|
-
var _el = wrapper.children[_i];
|
|
13167
|
-
|
|
13168
|
-
if (!_el.classList.contains(rootClassName$2_ + "-toast-exit")) {
|
|
13169
|
-
somaDasAlturas += _el.getBoundingClientRect().height + 12;
|
|
13170
|
-
_el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
13171
|
-
}
|
|
13172
|
-
}
|
|
13173
|
-
} else if (verticalPosition === 'bottom' && !reverse) {
|
|
13174
|
-
for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
|
|
13175
|
-
var _el2 = wrapper.children[_i2];
|
|
13176
|
-
|
|
13177
|
-
if (!_el2.classList.contains(rootClassName$2_ + "-toast-exit")) {
|
|
13178
|
-
somaDasAlturas += _el2.getBoundingClientRect().height + 12;
|
|
13179
|
-
_el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
13180
|
-
}
|
|
13181
|
-
}
|
|
13182
|
-
} else {
|
|
13183
|
-
somaDasAlturas = 12;
|
|
13184
|
-
|
|
13185
|
-
for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
|
|
13186
|
-
var _el3 = wrapper.children[_i3];
|
|
13187
|
-
|
|
13188
|
-
if (!_el3.classList.contains(rootClassName$2_ + "-toast-exit")) {
|
|
13189
|
-
_el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
13190
|
-
somaDasAlturas += _el3.getBoundingClientRect().height + 12;
|
|
13191
|
-
}
|
|
13192
|
-
}
|
|
13193
|
-
}
|
|
13194
|
-
}
|
|
13195
|
-
}, [arrayOfToast, reverse, verticalPosition]);
|
|
13196
|
-
return [React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
|
|
13197
|
-
className: classNames
|
|
13198
|
-
}, arrayOfToast.map(function (toast) {
|
|
13199
|
-
return React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
13200
|
-
timeout: 300,
|
|
13201
|
-
classNames: rootClassName$2_ + "-toast",
|
|
13202
|
-
key: toast.id,
|
|
13203
|
-
unmountOnExit: true
|
|
13204
|
-
}, React__default.createElement("div", {
|
|
13205
|
-
className: rootClassName$2_ + "-toastzin"
|
|
13206
|
-
}, React__default.createElement(Toast, {
|
|
13207
|
-
theme: toast.theme,
|
|
13208
|
-
label: toast.label,
|
|
13209
|
-
onClose: function onClose() {
|
|
13210
|
-
return closeById(toast.id);
|
|
13211
|
-
},
|
|
13212
|
-
timeout: toast.timeout,
|
|
13213
|
-
showStatusBar: toast.showStatusBar,
|
|
13214
|
-
showActionButton: toast.showActionButton,
|
|
13215
|
-
onActionButtonClick: toast.onActionButtonClick,
|
|
13216
|
-
actionButtonText: toast.actionButtonText,
|
|
13217
|
-
pauseOnFocusLoss: props === null || props === void 0 ? void 0 : props.pauseOnFocusLoss
|
|
13218
|
-
})));
|
|
13219
|
-
}))), showToast, clearToast];
|
|
13220
|
-
}
|
|
13221
|
-
useToastManager.defaultProps = {
|
|
13222
|
-
verticalPosition: 'top',
|
|
13223
|
-
horizontalPosition: 'right'
|
|
13224
|
-
};
|
|
13225
|
-
|
|
13226
|
-
function useValidatedState(validation, initialValue) {
|
|
13227
|
-
var _useState = React.useState(initialValue),
|
|
13228
|
-
value = _useState[0],
|
|
13229
|
-
setValue = _useState[1];
|
|
13230
|
-
|
|
13231
|
-
return [value, setValue, validation(value)];
|
|
13232
|
-
}
|
|
13233
|
-
|
|
13234
13688
|
var scheduler_production_min = createCommonjsModule(function (module, exports) {
|
|
13235
13689
|
var f,g,h,k,l;
|
|
13236
13690
|
if("undefined"===typeof window||"function"!==typeof MessageChannel){var p=null,q=null,t=function(){if(null!==p)try{var a=exports.unstable_now();p(!0,a);p=null;}catch(b){throw setTimeout(t,0),b;}},u=Date.now();exports.unstable_now=function(){return Date.now()-u};f=function(a){null!==p?setTimeout(f,0,a):(p=a,setTimeout(t,0));};g=function(a,b){q=setTimeout(a,b);};h=function(){clearTimeout(q);};k=function(){return !1};l=exports.unstable_forceFrameRate=function(){};}else {var w=window.performance,x=window.Date,
|
|
@@ -39934,6 +40388,274 @@ function useHTMLShare() {
|
|
|
39934
40388
|
};
|
|
39935
40389
|
}
|
|
39936
40390
|
|
|
40391
|
+
var rootClassName$38 = 'comp-modal-manager';
|
|
40392
|
+
var maskRootClassName$1 = 'component-modal-mask';
|
|
40393
|
+
|
|
40394
|
+
var hackFocus$1 = function hackFocus() {
|
|
40395
|
+
var tmp = document.createElement('input');
|
|
40396
|
+
document.body.appendChild(tmp);
|
|
40397
|
+
tmp.focus();
|
|
40398
|
+
document.body.removeChild(tmp);
|
|
40399
|
+
};
|
|
40400
|
+
|
|
40401
|
+
function useModalManager() {
|
|
40402
|
+
var _useState = React.useState([]),
|
|
40403
|
+
arrayOfModal = _useState[0],
|
|
40404
|
+
setArrayOfModal = _useState[1];
|
|
40405
|
+
|
|
40406
|
+
var refModals = React.useRef(arrayOfModal);
|
|
40407
|
+
refModals.current = arrayOfModal;
|
|
40408
|
+
|
|
40409
|
+
var closeModalByKey = function closeModalByKey(modalKey) {
|
|
40410
|
+
setArrayOfModal([].concat(refModals.current).filter(function (obj) {
|
|
40411
|
+
var _obj$props;
|
|
40412
|
+
|
|
40413
|
+
return String((_obj$props = obj.props) === null || _obj$props === void 0 ? void 0 : _obj$props.modalKey) !== String(modalKey);
|
|
40414
|
+
}));
|
|
40415
|
+
};
|
|
40416
|
+
|
|
40417
|
+
React.useEffect(function () {
|
|
40418
|
+
var escapeCall = function escapeCall(evt) {
|
|
40419
|
+
if (evt.key === 'Escape' && refModals.current.length) {
|
|
40420
|
+
var mprops = refModals.current[refModals.current.length - 1].props;
|
|
40421
|
+
|
|
40422
|
+
if (!(mprops !== null && mprops !== void 0 && mprops.preventEscExit)) {
|
|
40423
|
+
closeModalByKey(mprops === null || mprops === void 0 ? void 0 : mprops.modalKey);
|
|
40424
|
+
|
|
40425
|
+
if (typeof (mprops === null || mprops === void 0 ? void 0 : mprops.onClose) === 'function') {
|
|
40426
|
+
mprops === null || mprops === void 0 ? void 0 : mprops.onClose(mprops === null || mprops === void 0 ? void 0 : mprops.modalKey);
|
|
40427
|
+
}
|
|
40428
|
+
}
|
|
40429
|
+
}
|
|
40430
|
+
};
|
|
40431
|
+
|
|
40432
|
+
document.addEventListener('keydown', escapeCall);
|
|
40433
|
+
return function () {
|
|
40434
|
+
document.removeEventListener('keydown', escapeCall);
|
|
40435
|
+
};
|
|
40436
|
+
}, []);
|
|
40437
|
+
|
|
40438
|
+
var openModal = function openModal(component, modalProps) {
|
|
40439
|
+
var modalKey = modalProps.modalKey ? modalProps.modalKey : getUniqueKey();
|
|
40440
|
+
var arr = refModals.current.slice();
|
|
40441
|
+
|
|
40442
|
+
var p = _extends({}, modalProps, {
|
|
40443
|
+
modalKey: modalKey,
|
|
40444
|
+
onClose: function onClose(modalKey) {
|
|
40445
|
+
closeModalByKey(modalKey);
|
|
40446
|
+
|
|
40447
|
+
if (typeof modalProps.onClose === 'function') {
|
|
40448
|
+
modalProps.onClose(modalKey);
|
|
40449
|
+
}
|
|
40450
|
+
}
|
|
40451
|
+
});
|
|
40452
|
+
|
|
40453
|
+
arr.push({
|
|
40454
|
+
component: component,
|
|
40455
|
+
props: p
|
|
40456
|
+
});
|
|
40457
|
+
setArrayOfModal(arr);
|
|
40458
|
+
hackFocus$1();
|
|
40459
|
+
return modalKey;
|
|
40460
|
+
};
|
|
40461
|
+
|
|
40462
|
+
var closeModal = function closeModal(modalKey) {
|
|
40463
|
+
if (modalKey) {
|
|
40464
|
+
closeModalByKey(modalKey);
|
|
40465
|
+
} else if (refModals.current.length) {
|
|
40466
|
+
var _refModals$current, _refModals$current$pr;
|
|
40467
|
+
|
|
40468
|
+
closeModalByKey((_refModals$current = refModals.current[refModals.current.length - 1]) === null || _refModals$current === void 0 ? void 0 : (_refModals$current$pr = _refModals$current.props) === null || _refModals$current$pr === void 0 ? void 0 : _refModals$current$pr.modalKey);
|
|
40469
|
+
}
|
|
40470
|
+
};
|
|
40471
|
+
|
|
40472
|
+
return [React__default.createElement(React__default.Fragment, {
|
|
40473
|
+
key: 1
|
|
40474
|
+
}, React__default.createElement(reactTransitionGroup.TransitionGroup, {
|
|
40475
|
+
className: rootClassName$38 + "-modals"
|
|
40476
|
+
}, arrayOfModal.map(function (obj) {
|
|
40477
|
+
var _obj$props2, _obj$props3, _obj$props4;
|
|
40478
|
+
|
|
40479
|
+
var ModalComponent = React__default.createElement(obj.component, obj.props);
|
|
40480
|
+
return React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
40481
|
+
timeout: 300,
|
|
40482
|
+
classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$38 + "-mask-mobile-on-xs" : rootClassName$38 + "-mask",
|
|
40483
|
+
key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
|
|
40484
|
+
unmountOnExit: true
|
|
40485
|
+
}, React__default.createElement(ModalMask, {
|
|
40486
|
+
mobileOnXS: Boolean((_obj$props4 = obj.props) === null || _obj$props4 === void 0 ? void 0 : _obj$props4.mobileOnXS),
|
|
40487
|
+
onClick: function onClick(evt) {
|
|
40488
|
+
if (evt.target.classList.contains(maskRootClassName$1)) {
|
|
40489
|
+
var _obj$props5, _obj$props6;
|
|
40490
|
+
|
|
40491
|
+
if (typeof ((_obj$props5 = obj.props) === null || _obj$props5 === void 0 ? void 0 : _obj$props5.onClose) === 'function' && !((_obj$props6 = obj.props) !== null && _obj$props6 !== void 0 && _obj$props6.preventMaskExit)) {
|
|
40492
|
+
var _obj$props7, _obj$props8;
|
|
40493
|
+
|
|
40494
|
+
(_obj$props7 = obj.props) === null || _obj$props7 === void 0 ? void 0 : _obj$props7.onClose((_obj$props8 = obj.props) === null || _obj$props8 === void 0 ? void 0 : _obj$props8.modalKey);
|
|
40495
|
+
}
|
|
40496
|
+
}
|
|
40497
|
+
}
|
|
40498
|
+
}, ModalComponent));
|
|
40499
|
+
}))), openModal, closeModal];
|
|
40500
|
+
}
|
|
40501
|
+
|
|
40502
|
+
function useStorageState(storage, key, initialValue) {
|
|
40503
|
+
var _useState = React.useState(initialValue),
|
|
40504
|
+
value = _useState[0],
|
|
40505
|
+
setValue = _useState[1];
|
|
40506
|
+
|
|
40507
|
+
React.useEffect(function () {
|
|
40508
|
+
if (!initialValue && storage.getItem(key) && storage.getItem(key) !== 'undefined') {
|
|
40509
|
+
try {
|
|
40510
|
+
setValue(JSON.parse(storage.getItem(key)));
|
|
40511
|
+
} catch (e) {
|
|
40512
|
+
console.error(e);
|
|
40513
|
+
}
|
|
40514
|
+
}
|
|
40515
|
+
}, []);
|
|
40516
|
+
React.useEffect(function () {
|
|
40517
|
+
storage.setItem(key, JSON.stringify(value));
|
|
40518
|
+
}, [key, storage, value]);
|
|
40519
|
+
return [value, setValue];
|
|
40520
|
+
}
|
|
40521
|
+
|
|
40522
|
+
var rootClassName$39 = 'comp-toast-manager';
|
|
40523
|
+
var count$1 = 0;
|
|
40524
|
+
function useToastManager(props) {
|
|
40525
|
+
var _useState = React.useState([]),
|
|
40526
|
+
arrayOfToast = _useState[0],
|
|
40527
|
+
setArrayOfToast = _useState[1];
|
|
40528
|
+
|
|
40529
|
+
var toastsRef = React.useRef(arrayOfToast);
|
|
40530
|
+
toastsRef.current = arrayOfToast;
|
|
40531
|
+
var verticalPosition = (props === null || props === void 0 ? void 0 : props.verticalPosition) || 'top';
|
|
40532
|
+
var horizontalPosition = (props === null || props === void 0 ? void 0 : props.horizontalPosition) || 'right';
|
|
40533
|
+
var max = (props === null || props === void 0 ? void 0 : props.max) || undefined;
|
|
40534
|
+
var reverse = (props === null || props === void 0 ? void 0 : props.reverse) || false;
|
|
40535
|
+
var animateSize = (props === null || props === void 0 ? void 0 : props.animateSize) || false;
|
|
40536
|
+
|
|
40537
|
+
var closeById = function closeById(id) {
|
|
40538
|
+
var arr = toastsRef.current.filter(function (a) {
|
|
40539
|
+
return a.id !== id;
|
|
40540
|
+
});
|
|
40541
|
+
setArrayOfToast(arr);
|
|
40542
|
+
};
|
|
40543
|
+
|
|
40544
|
+
var showToast = function showToast(toast) {
|
|
40545
|
+
var id = "toaster-" + count$1;
|
|
40546
|
+
var arr = toastsRef.current.slice();
|
|
40547
|
+
var obj = {};
|
|
40548
|
+
|
|
40549
|
+
if (toast.prevent && arr.some(function (t) {
|
|
40550
|
+
return t.label === toast.label;
|
|
40551
|
+
})) {
|
|
40552
|
+
return;
|
|
40553
|
+
}
|
|
40554
|
+
|
|
40555
|
+
obj = _extends({
|
|
40556
|
+
id: id
|
|
40557
|
+
}, toast);
|
|
40558
|
+
|
|
40559
|
+
if (!max || arr.length < max) {
|
|
40560
|
+
arr.push(obj);
|
|
40561
|
+
setArrayOfToast(arr);
|
|
40562
|
+
count$1++;
|
|
40563
|
+
}
|
|
40564
|
+
};
|
|
40565
|
+
|
|
40566
|
+
var clearToast = React.useCallback(function () {
|
|
40567
|
+
setArrayOfToast([]);
|
|
40568
|
+
}, []);
|
|
40569
|
+
var classNames = React.useMemo(function () {
|
|
40570
|
+
return getMergedClassNames([rootClassName$39 + "-toasts", rootClassName$39 + "-" + verticalPosition, rootClassName$39 + "-" + horizontalPosition, reverse ? rootClassName$39 + "-reverse" : '', animateSize ? rootClassName$39 + "-animate-size" : '']);
|
|
40571
|
+
}, [reverse, animateSize, horizontalPosition, verticalPosition]);
|
|
40572
|
+
React.useLayoutEffect(function () {
|
|
40573
|
+
var wrapper = document.querySelector("." + rootClassName$39 + "-toasts");
|
|
40574
|
+
|
|
40575
|
+
if (wrapper && wrapper.childElementCount > 0) {
|
|
40576
|
+
var somaDasAlturas = 0;
|
|
40577
|
+
|
|
40578
|
+
if (verticalPosition === 'top' && !reverse) {
|
|
40579
|
+
somaDasAlturas = 12;
|
|
40580
|
+
|
|
40581
|
+
for (var i = 0; i < wrapper.children.length; i++) {
|
|
40582
|
+
var el = wrapper.children[i];
|
|
40583
|
+
|
|
40584
|
+
if (!el.classList.contains(rootClassName$39 + "-toast-exit")) {
|
|
40585
|
+
el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
40586
|
+
somaDasAlturas += el.getBoundingClientRect().height + 12;
|
|
40587
|
+
}
|
|
40588
|
+
}
|
|
40589
|
+
} else if (verticalPosition === 'top') {
|
|
40590
|
+
for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
|
|
40591
|
+
var _el = wrapper.children[_i];
|
|
40592
|
+
|
|
40593
|
+
if (!_el.classList.contains(rootClassName$39 + "-toast-exit")) {
|
|
40594
|
+
somaDasAlturas += _el.getBoundingClientRect().height + 12;
|
|
40595
|
+
_el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
40596
|
+
}
|
|
40597
|
+
}
|
|
40598
|
+
} else if (verticalPosition === 'bottom' && !reverse) {
|
|
40599
|
+
for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
|
|
40600
|
+
var _el2 = wrapper.children[_i2];
|
|
40601
|
+
|
|
40602
|
+
if (!_el2.classList.contains(rootClassName$39 + "-toast-exit")) {
|
|
40603
|
+
somaDasAlturas += _el2.getBoundingClientRect().height + 12;
|
|
40604
|
+
_el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
40605
|
+
}
|
|
40606
|
+
}
|
|
40607
|
+
} else {
|
|
40608
|
+
somaDasAlturas = 12;
|
|
40609
|
+
|
|
40610
|
+
for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
|
|
40611
|
+
var _el3 = wrapper.children[_i3];
|
|
40612
|
+
|
|
40613
|
+
if (!_el3.classList.contains(rootClassName$39 + "-toast-exit")) {
|
|
40614
|
+
_el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
40615
|
+
somaDasAlturas += _el3.getBoundingClientRect().height + 12;
|
|
40616
|
+
}
|
|
40617
|
+
}
|
|
40618
|
+
}
|
|
40619
|
+
}
|
|
40620
|
+
}, [arrayOfToast, reverse, verticalPosition]);
|
|
40621
|
+
return [React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
|
|
40622
|
+
className: classNames
|
|
40623
|
+
}, arrayOfToast.map(function (toast) {
|
|
40624
|
+
return React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
40625
|
+
timeout: 300,
|
|
40626
|
+
classNames: rootClassName$39 + "-toast",
|
|
40627
|
+
key: toast.id,
|
|
40628
|
+
unmountOnExit: true
|
|
40629
|
+
}, React__default.createElement("div", {
|
|
40630
|
+
className: rootClassName$39 + "-toastzin"
|
|
40631
|
+
}, React__default.createElement(Toast, {
|
|
40632
|
+
theme: toast.theme,
|
|
40633
|
+
label: toast.label,
|
|
40634
|
+
onClose: function onClose() {
|
|
40635
|
+
return closeById(toast.id);
|
|
40636
|
+
},
|
|
40637
|
+
timeout: toast.timeout,
|
|
40638
|
+
showStatusBar: toast.showStatusBar,
|
|
40639
|
+
showActionButton: toast.showActionButton,
|
|
40640
|
+
onActionButtonClick: toast.onActionButtonClick,
|
|
40641
|
+
actionButtonText: toast.actionButtonText,
|
|
40642
|
+
pauseOnFocusLoss: props === null || props === void 0 ? void 0 : props.pauseOnFocusLoss
|
|
40643
|
+
})));
|
|
40644
|
+
}))), showToast, clearToast];
|
|
40645
|
+
}
|
|
40646
|
+
useToastManager.defaultProps = {
|
|
40647
|
+
verticalPosition: 'top',
|
|
40648
|
+
horizontalPosition: 'right'
|
|
40649
|
+
};
|
|
40650
|
+
|
|
40651
|
+
function useValidatedState(validation, initialValue) {
|
|
40652
|
+
var _useState = React.useState(initialValue),
|
|
40653
|
+
value = _useState[0],
|
|
40654
|
+
setValue = _useState[1];
|
|
40655
|
+
|
|
40656
|
+
return [value, setValue, validation(value)];
|
|
40657
|
+
}
|
|
40658
|
+
|
|
39937
40659
|
function AlertModal(props) {
|
|
39938
40660
|
var _useState = React.useState(false),
|
|
39939
40661
|
loading = _useState[0],
|
|
@@ -40118,7 +40840,9 @@ exports.BottomNavigation = BottomNavigation$1;
|
|
|
40118
40840
|
exports.BreadCrumb = BreadCrumb;
|
|
40119
40841
|
exports.Button = Button$1;
|
|
40120
40842
|
exports.ButtonFileUpload = ButtonFileUpload$1;
|
|
40843
|
+
exports.Calendar = Calendar$1;
|
|
40121
40844
|
exports.CalendarCheckIcon = CalendarCheckIcon;
|
|
40845
|
+
exports.CalendarEvent = CalendarEvent$1;
|
|
40122
40846
|
exports.CalendarIcon = CalendarIcon;
|
|
40123
40847
|
exports.Card = Card;
|
|
40124
40848
|
exports.CardsIcon = CardsIcon;
|
|
@@ -40175,6 +40899,7 @@ exports.FilePlusIcon = FilePlusIcon;
|
|
|
40175
40899
|
exports.FileUpload = FileUpload;
|
|
40176
40900
|
exports.FilesIcon = FilesIcon;
|
|
40177
40901
|
exports.FilterIcon = FilterIcon;
|
|
40902
|
+
exports.FloatingPanel = FloatingPanel$1;
|
|
40178
40903
|
exports.FontColorIcon = FontColorIcon;
|
|
40179
40904
|
exports.FontIcon = FontIcon;
|
|
40180
40905
|
exports.FooterSicredi = FooterSicredi$1;
|
|
@@ -40192,12 +40917,14 @@ exports.Header = Header$1;
|
|
|
40192
40917
|
exports.HeaderSearchField = HeaderSearchField;
|
|
40193
40918
|
exports.HeaderSeparator = HeaderSeparator;
|
|
40194
40919
|
exports.HomeIcon = HomeIcon;
|
|
40920
|
+
exports.HourEvents = HourEvents$1;
|
|
40195
40921
|
exports.IconButton = IconButton$1;
|
|
40196
40922
|
exports.IconButtonWithLabel = IconButtonWithLabel$1;
|
|
40197
40923
|
exports.Information = Information;
|
|
40198
40924
|
exports.InformationIcon = InformationIcon;
|
|
40199
40925
|
exports.InformativoAssembleiasComImagem = InformativoAssembleiasComImagem$1;
|
|
40200
40926
|
exports.InformativoAssembleiasComVideo = InformativoAssembleiasComVideo$1;
|
|
40927
|
+
exports.InlineMonthPicker = InlineMonthPicker$1;
|
|
40201
40928
|
exports.Input = Input$1;
|
|
40202
40929
|
exports.InputArea = InputArea$1;
|
|
40203
40930
|
exports.InvestimentIcon = InvestimentIcon;
|
|
@@ -40231,6 +40958,7 @@ exports.Paginator = Paginator;
|
|
|
40231
40958
|
exports.ParticipantesIcon = ParticipantesIcon;
|
|
40232
40959
|
exports.PaymentIcon = PaymentIcon;
|
|
40233
40960
|
exports.PercentLoaderIcon = PercentLoaderIcon;
|
|
40961
|
+
exports.PhonePlusIcon = PhonePlusIcon;
|
|
40234
40962
|
exports.PieChartIcon = PieChartIcon;
|
|
40235
40963
|
exports.PlayIcon = PlayIcon;
|
|
40236
40964
|
exports.PreviaVideo = PreviaVideo$1;
|
|
@@ -40247,6 +40975,7 @@ exports.STATUS_PAUTA = STATUS_PAUTA;
|
|
|
40247
40975
|
exports.STATUS_PAUTA_BLOQUEADA = STATUS_PAUTA_BLOQUEADA;
|
|
40248
40976
|
exports.STATUS_PAUTA_ENCERRADA = STATUS_PAUTA_ENCERRADA;
|
|
40249
40977
|
exports.STATUS_PAUTA_LIBERADA = STATUS_PAUTA_LIBERADA;
|
|
40978
|
+
exports.ScrollArrowOverflow = ScrollArrowOverflow$1;
|
|
40250
40979
|
exports.SearchBlocoDeNotas = SearchBlocoDeNotas;
|
|
40251
40980
|
exports.SearchIcon = SearchIcon;
|
|
40252
40981
|
exports.Select = Select$1;
|