plataforma-fundacao-componentes 2.23.9 → 2.23.12
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 +2126 -10922
- package/dist/index.d.ts +12 -4
- package/dist/index.js +1147 -421
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +1142 -423
- 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];
|
|
@@ -9197,7 +9293,7 @@ var Row$1 = React.memo(Row);
|
|
|
9197
9293
|
var rootClassName$2f = 'footer-sicredi';
|
|
9198
9294
|
|
|
9199
9295
|
function FooterSicredi(props) {
|
|
9200
|
-
var colSize = [12,
|
|
9296
|
+
var colSize = [12, 12, 3, 3, 3];
|
|
9201
9297
|
var qrCodeColor = React.useMemo(function () {
|
|
9202
9298
|
switch (props.theme) {
|
|
9203
9299
|
case 'dark':
|
|
@@ -9308,7 +9404,7 @@ function FooterSicredi(props) {
|
|
|
9308
9404
|
className: rootClassName$2f + "-space"
|
|
9309
9405
|
}), React__default.createElement("div", {
|
|
9310
9406
|
className: rootClassName$2f + "-title"
|
|
9311
|
-
}, "Atendimento
|
|
9407
|
+
}, "Atendimento \xE0 pessoas com defici\xEAncia"), React__default.createElement("div", {
|
|
9312
9408
|
className: rootClassName$2f + "-subtitle nunito"
|
|
9313
9409
|
}, "Auditivos ou de fala"), React__default.createElement("div", {
|
|
9314
9410
|
className: rootClassName$2f + "-number"
|
|
@@ -10061,7 +10157,7 @@ function Modal(props) {
|
|
|
10061
10157
|
}, [props.footer]);
|
|
10062
10158
|
|
|
10063
10159
|
var handleClose = function handleClose() {
|
|
10064
|
-
props.onClose(props.modalKey);
|
|
10160
|
+
if (typeof props.onClose === 'function') props.onClose(props.modalKey);
|
|
10065
10161
|
};
|
|
10066
10162
|
|
|
10067
10163
|
return React__default.createElement("div", Object.assign({}, filteredProps), React__default.createElement("div", {
|
|
@@ -10081,7 +10177,7 @@ function Modal(props) {
|
|
|
10081
10177
|
}
|
|
10082
10178
|
Modal.defaultProps = {
|
|
10083
10179
|
title: 'Title',
|
|
10084
|
-
onClose:
|
|
10180
|
+
onClose: undefined,
|
|
10085
10181
|
size: 'large'
|
|
10086
10182
|
};
|
|
10087
10183
|
|
|
@@ -10140,7 +10236,9 @@ var ModalManager = React.forwardRef(function (_props, ref) {
|
|
|
10140
10236
|
var closeModalByKey = function closeModalByKey(modalKey) {
|
|
10141
10237
|
var arr = refModals.current.slice();
|
|
10142
10238
|
arr = arr.filter(function (obj) {
|
|
10143
|
-
|
|
10239
|
+
var _obj$props;
|
|
10240
|
+
|
|
10241
|
+
return String((_obj$props = obj.props) === null || _obj$props === void 0 ? void 0 : _obj$props.modalKey) !== String(modalKey);
|
|
10144
10242
|
});
|
|
10145
10243
|
setArrayOfModal(arr);
|
|
10146
10244
|
};
|
|
@@ -10194,30 +10292,31 @@ var ModalManager = React.forwardRef(function (_props, ref) {
|
|
|
10194
10292
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
|
|
10195
10293
|
className: getClassNames()
|
|
10196
10294
|
}, arrayOfModal.map(function (obj) {
|
|
10197
|
-
var _obj$
|
|
10295
|
+
var _obj$props2, _obj$props3, _obj$props4;
|
|
10198
10296
|
|
|
10199
|
-
var
|
|
10297
|
+
var ModalComponent = React__default.createElement(obj.component, obj.props);
|
|
10200
10298
|
return React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
10201
10299
|
timeout: 300,
|
|
10202
|
-
classNames: (_obj$
|
|
10203
|
-
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,
|
|
10204
10302
|
unmountOnExit: true
|
|
10205
10303
|
}, React__default.createElement(ModalMask, {
|
|
10206
|
-
mobileOnXS: Boolean((_obj$
|
|
10304
|
+
mobileOnXS: Boolean((_obj$props4 = obj.props) === null || _obj$props4 === void 0 ? void 0 : _obj$props4.mobileOnXS),
|
|
10207
10305
|
onClick: function onClick(evt) {
|
|
10208
10306
|
if (evt.target.classList.contains(maskRootClassName)) {
|
|
10209
|
-
var _obj$
|
|
10307
|
+
var _obj$props5, _obj$props6;
|
|
10210
10308
|
|
|
10211
|
-
if (typeof ((_obj$
|
|
10212
|
-
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;
|
|
10213
10311
|
|
|
10214
|
-
(_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);
|
|
10215
10313
|
}
|
|
10216
10314
|
}
|
|
10217
10315
|
}
|
|
10218
|
-
},
|
|
10316
|
+
}, ModalComponent));
|
|
10219
10317
|
})));
|
|
10220
10318
|
});
|
|
10319
|
+
ModalManager.displayName = 'ModalManager';
|
|
10221
10320
|
|
|
10222
10321
|
var rootClassName$2v = 'component-nota-edit';
|
|
10223
10322
|
function NotaEdit(props) {
|
|
@@ -10499,7 +10598,7 @@ SearchBlocoDeNotas.defaultProps = {
|
|
|
10499
10598
|
var rootClassName$2A = 'component-select';
|
|
10500
10599
|
|
|
10501
10600
|
function Select(props) {
|
|
10502
|
-
var _props$options3
|
|
10601
|
+
var _props$options3;
|
|
10503
10602
|
|
|
10504
10603
|
var _useState = React.useState(getUniqueKey()),
|
|
10505
10604
|
id = _useState[0];
|
|
@@ -10529,7 +10628,7 @@ function Select(props) {
|
|
|
10529
10628
|
var getKey = function getKey(option) {
|
|
10530
10629
|
if (option) {
|
|
10531
10630
|
if (option.key) return option.key;
|
|
10532
|
-
if (option.value) return option.value;
|
|
10631
|
+
if (option.value && typeof option.value !== 'boolean') return option.value;
|
|
10533
10632
|
}
|
|
10534
10633
|
|
|
10535
10634
|
return getUniqueKey();
|
|
@@ -10537,24 +10636,20 @@ function Select(props) {
|
|
|
10537
10636
|
|
|
10538
10637
|
React.useEffect(function () {
|
|
10539
10638
|
var func = function func(evt) {
|
|
10540
|
-
|
|
10541
|
-
|
|
10542
|
-
} else {
|
|
10543
|
-
var aux = evt.target;
|
|
10544
|
-
var deveFechar = true;
|
|
10545
|
-
|
|
10546
|
-
while (aux && aux.id !== 'root') {
|
|
10547
|
-
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2A + "-outer")) {
|
|
10548
|
-
deveFechar = false;
|
|
10549
|
-
break;
|
|
10550
|
-
}
|
|
10639
|
+
var aux = evt.target;
|
|
10640
|
+
var deveFechar = true;
|
|
10551
10641
|
|
|
10552
|
-
|
|
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;
|
|
10553
10646
|
}
|
|
10554
10647
|
|
|
10555
|
-
|
|
10556
|
-
|
|
10557
|
-
|
|
10648
|
+
aux = aux.parentElement;
|
|
10649
|
+
}
|
|
10650
|
+
|
|
10651
|
+
if (deveFechar) {
|
|
10652
|
+
setPanelOpened(false);
|
|
10558
10653
|
}
|
|
10559
10654
|
};
|
|
10560
10655
|
|
|
@@ -10562,6 +10657,7 @@ function Select(props) {
|
|
|
10562
10657
|
if (evt.key === 'Escape') {
|
|
10563
10658
|
setPanelOpened(false);
|
|
10564
10659
|
evt.preventDefault();
|
|
10660
|
+
evt.stopPropagation();
|
|
10565
10661
|
}
|
|
10566
10662
|
};
|
|
10567
10663
|
|
|
@@ -10593,7 +10689,7 @@ function Select(props) {
|
|
|
10593
10689
|
|
|
10594
10690
|
var position = function position() {
|
|
10595
10691
|
var trigger = document.querySelector("#" + id);
|
|
10596
|
-
var panel = document.
|
|
10692
|
+
var panel = document.querySelector("#" + panelId + ".panel-fade-enter-active, #" + panelId + ".panel-fade-enter-done, #" + panelId + ".panel-fade-exit-active");
|
|
10597
10693
|
if (!trigger || !panel) return;
|
|
10598
10694
|
var triggerBound = trigger.getBoundingClientRect();
|
|
10599
10695
|
panel.style.width = triggerBound.width + "px";
|
|
@@ -10602,37 +10698,31 @@ function Select(props) {
|
|
|
10602
10698
|
var fitBottom = panelHeight + triggerBound.bottom < windowHeight;
|
|
10603
10699
|
var fitTop = triggerBound.top - panelHeight > 0;
|
|
10604
10700
|
|
|
10605
|
-
if (
|
|
10606
|
-
panel.style.top =
|
|
10607
|
-
panel.style.bottom = '0';
|
|
10608
|
-
panel.style.left = '0';
|
|
10609
|
-
panel.style.width = '100%';
|
|
10610
|
-
panel.style.borderRadius = '8px 8px 0 0';
|
|
10611
|
-
panel.style.boxShadow = '0 -1px 2px 0 rgba(90, 100, 90, 0.3)';
|
|
10612
|
-
} else if (fitTop && !fitBottom) {
|
|
10701
|
+
if (fitBottom && !props.bottomPanel) {
|
|
10702
|
+
panel.style.top = triggerBound.bottom - 16 + "px";
|
|
10613
10703
|
panel.style.left = 'unset';
|
|
10614
|
-
panel.style.borderRadius = '8px';
|
|
10615
|
-
panel.style.top = triggerBound.top - panelHeight + "px";
|
|
10616
10704
|
panel.style.bottom = 'unset';
|
|
10705
|
+
panel.style.borderRadius = '0 0 8px 8px';
|
|
10617
10706
|
panel.style.boxShadow = '0 0 2px 0 rgba(90, 100, 90, 0.3)';
|
|
10618
|
-
} else if (
|
|
10707
|
+
} else if (fitTop && !props.bottomPanel) {
|
|
10708
|
+
panel.style.top = triggerBound.top - panelHeight + "px";
|
|
10619
10709
|
panel.style.left = 'unset';
|
|
10620
|
-
panel.style.top = triggerBound.bottom - 16 + "px";
|
|
10621
10710
|
panel.style.bottom = 'unset';
|
|
10622
|
-
panel.style.borderRadius = '
|
|
10711
|
+
panel.style.borderRadius = '8px';
|
|
10712
|
+
panel.style.boxShadow = '0 0 2px 0 rgba(90, 100, 90, 0.3)';
|
|
10623
10713
|
} else {
|
|
10624
10714
|
panel.style.top = 'unset';
|
|
10625
|
-
panel.style.bottom = '0';
|
|
10626
10715
|
panel.style.left = '0';
|
|
10716
|
+
panel.style.bottom = '0';
|
|
10627
10717
|
panel.style.width = '100%';
|
|
10628
10718
|
panel.style.borderRadius = '8px 8px 0 0';
|
|
10629
|
-
panel.style.boxShadow = '0 -
|
|
10719
|
+
panel.style.boxShadow = '0 -10px 0 5000px rgba(0, 0, 0, 0.5)';
|
|
10630
10720
|
}
|
|
10631
10721
|
};
|
|
10632
10722
|
|
|
10633
10723
|
if (panelOpened) {
|
|
10634
10724
|
position();
|
|
10635
|
-
setInter(setInterval(position,
|
|
10725
|
+
setInter(setInterval(position, 20));
|
|
10636
10726
|
}
|
|
10637
10727
|
|
|
10638
10728
|
return function () {
|
|
@@ -10644,8 +10734,12 @@ function Select(props) {
|
|
|
10644
10734
|
}, [panelOpened]);
|
|
10645
10735
|
var opcoes = JSON.stringify(props.options);
|
|
10646
10736
|
React.useEffect(function () {
|
|
10647
|
-
if (props.preSelectUniqueOption && props.options && props.options.length === 1
|
|
10648
|
-
|
|
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
|
+
}
|
|
10649
10743
|
}
|
|
10650
10744
|
}, [opcoes]);
|
|
10651
10745
|
|
|
@@ -10658,7 +10752,11 @@ function Select(props) {
|
|
|
10658
10752
|
className: rootClassName$2A + "-clear-button",
|
|
10659
10753
|
icon: React__default.createElement(CloseIcon, null),
|
|
10660
10754
|
onClick: function onClick() {
|
|
10661
|
-
|
|
10755
|
+
if (props.multiple) {
|
|
10756
|
+
props.onChange([]);
|
|
10757
|
+
} else {
|
|
10758
|
+
props.onChange(null);
|
|
10759
|
+
}
|
|
10662
10760
|
}
|
|
10663
10761
|
}) : undefined, React__default.createElement(IconButton$1, {
|
|
10664
10762
|
disabled: props.disabled || false,
|
|
@@ -10682,7 +10780,7 @@ function Select(props) {
|
|
|
10682
10780
|
onClick: function onClick() {
|
|
10683
10781
|
var selectFake = document.querySelector("#" + id + " ." + rootClassName$2A + "-select-fake");
|
|
10684
10782
|
|
|
10685
|
-
if (!props.multiple &&
|
|
10783
|
+
if (!props.multiple && isiPhone() && selectFake) {
|
|
10686
10784
|
selectFake.focus();
|
|
10687
10785
|
} else {
|
|
10688
10786
|
setPanelOpened(!panelOpened);
|
|
@@ -10691,7 +10789,7 @@ function Select(props) {
|
|
|
10691
10789
|
onFocus: function onFocus(evt) {
|
|
10692
10790
|
var selectFake = document.querySelector("#" + id + " ." + rootClassName$2A + "-select-fake");
|
|
10693
10791
|
|
|
10694
|
-
if (!props.multiple &&
|
|
10792
|
+
if (!props.multiple && isiPhone() && selectFake) {
|
|
10695
10793
|
selectFake.focus();
|
|
10696
10794
|
} else {
|
|
10697
10795
|
evt.target.setSelectionRange(0, 0);
|
|
@@ -10727,6 +10825,7 @@ function Select(props) {
|
|
|
10727
10825
|
});
|
|
10728
10826
|
|
|
10729
10827
|
delete p.showPanelFooter;
|
|
10828
|
+
delete p.bottomPanel;
|
|
10730
10829
|
delete p.clearButton;
|
|
10731
10830
|
delete p.multiplePlaceholder;
|
|
10732
10831
|
delete p.multiple;
|
|
@@ -10744,6 +10843,7 @@ function Select(props) {
|
|
|
10744
10843
|
|
|
10745
10844
|
var handleChange = function handleChange() {
|
|
10746
10845
|
if (props.readOnly) return;
|
|
10846
|
+
if (!props.multiple) return;
|
|
10747
10847
|
|
|
10748
10848
|
if (!checked) {
|
|
10749
10849
|
var val = Array.isArray(props.value) ? props.value.slice() : [];
|
|
@@ -10837,6 +10937,8 @@ function Select(props) {
|
|
|
10837
10937
|
};
|
|
10838
10938
|
|
|
10839
10939
|
var getSingleOption = function getSingleOption(option) {
|
|
10940
|
+
if (props.multiple) return;
|
|
10941
|
+
|
|
10840
10942
|
var handleChange = function handleChange() {
|
|
10841
10943
|
if (!props.readOnly && props.value !== option.value) {
|
|
10842
10944
|
setPanelOpened(false);
|
|
@@ -10904,24 +11006,22 @@ function Select(props) {
|
|
|
10904
11006
|
}, option.label);
|
|
10905
11007
|
};
|
|
10906
11008
|
|
|
10907
|
-
var
|
|
11009
|
+
var noOptionsMessage = React.useMemo(function () {
|
|
10908
11010
|
return React__default.createElement("div", {
|
|
10909
11011
|
className: rootClassName$2A + "-no-result"
|
|
10910
11012
|
}, props.noOptionMessage);
|
|
10911
|
-
};
|
|
10912
|
-
|
|
10913
|
-
var getOptionsFiltered = function getOptionsFiltered() {
|
|
11013
|
+
}, [props.noOptionMessage]);
|
|
11014
|
+
var optionsFiltered = React.useMemo(function () {
|
|
10914
11015
|
var _props$options2;
|
|
10915
11016
|
|
|
10916
|
-
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) {
|
|
10917
11018
|
return getStringWithoutSpecialChar(op.label).toLowerCase().match(getStringWithoutSpecialChar(filterInput).toLowerCase());
|
|
10918
|
-
});
|
|
10919
|
-
};
|
|
10920
|
-
|
|
11019
|
+
})) || [];
|
|
11020
|
+
}, [props.options, filterInput]);
|
|
10921
11021
|
return React__default.createElement("div", {
|
|
10922
11022
|
id: id,
|
|
10923
11023
|
className: rootClassName$2A + "-outer"
|
|
10924
|
-
}, !props.multiple &&
|
|
11024
|
+
}, !props.multiple && isiPhone() && React__default.createElement("select", {
|
|
10925
11025
|
className: rootClassName$2A + "-select-fake",
|
|
10926
11026
|
value: props.value ? String(props.value) : '',
|
|
10927
11027
|
onChange: function onChange(evt) {
|
|
@@ -10940,7 +11040,7 @@ function Select(props) {
|
|
|
10940
11040
|
}, languageValues.components.select.single.fakeOption), (_props$options3 = props.options) === null || _props$options3 === void 0 ? void 0 : _props$options3.map(function (opt) {
|
|
10941
11041
|
return React__default.createElement("option", {
|
|
10942
11042
|
key: getKey(opt),
|
|
10943
|
-
value: opt.value
|
|
11043
|
+
value: typeof opt.value !== 'string' ? String(opt.value) : opt.value
|
|
10944
11044
|
}, opt.label);
|
|
10945
11045
|
})), React__default.createElement(Input$1, Object.assign({}, getInputProps())), React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
10946
11046
|
"in": panelOpened,
|
|
@@ -10957,7 +11057,7 @@ function Select(props) {
|
|
|
10957
11057
|
|
|
10958
11058
|
var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2A + "-panel-input input");
|
|
10959
11059
|
|
|
10960
|
-
if (firstInput && !
|
|
11060
|
+
if (firstInput && !isiPhone()) {
|
|
10961
11061
|
setTimeout(function () {
|
|
10962
11062
|
firstInput.focus();
|
|
10963
11063
|
}, 50);
|
|
@@ -10996,7 +11096,7 @@ function Select(props) {
|
|
|
10996
11096
|
onExit: function onExit() {
|
|
10997
11097
|
var inputElement = document.querySelector("#" + id + " input");
|
|
10998
11098
|
|
|
10999
|
-
if (inputElement && !
|
|
11099
|
+
if (inputElement && !isiPhone()) {
|
|
11000
11100
|
inputElement.focus();
|
|
11001
11101
|
}
|
|
11002
11102
|
}
|
|
@@ -11024,13 +11124,13 @@ function Select(props) {
|
|
|
11024
11124
|
}
|
|
11025
11125
|
})), React__default.createElement("div", {
|
|
11026
11126
|
className: rootClassName$2A + "-options scroll-white"
|
|
11027
|
-
}, props.options && props.options.length ?
|
|
11127
|
+
}, props.options && props.options.length ? optionsFiltered.map(function (option) {
|
|
11028
11128
|
if (props.multiple) {
|
|
11029
11129
|
return getMultipleOption(option);
|
|
11030
11130
|
}
|
|
11031
11131
|
|
|
11032
11132
|
return getSingleOption(option);
|
|
11033
|
-
}) :
|
|
11133
|
+
}) : noOptionsMessage), props.multiple && props.showPanelFooter && props.options && !!props.options.length && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
11034
11134
|
className: rootClassName$2A + "-panel-footer-clearfix"
|
|
11035
11135
|
}), React__default.createElement("div", {
|
|
11036
11136
|
className: rootClassName$2A + "-panel-footer"
|
|
@@ -11039,9 +11139,7 @@ function Select(props) {
|
|
|
11039
11139
|
disabled: props.readOnly,
|
|
11040
11140
|
className: rootClassName$2A + "-footer-button",
|
|
11041
11141
|
onClick: function onClick() {
|
|
11042
|
-
|
|
11043
|
-
|
|
11044
|
-
return props.onChange((_getOptionsFiltered2 = getOptionsFiltered()) === null || _getOptionsFiltered2 === void 0 ? void 0 : _getOptionsFiltered2.map(function (op) {
|
|
11142
|
+
return props.onChange(optionsFiltered.map(function (op) {
|
|
11045
11143
|
return op.value;
|
|
11046
11144
|
}));
|
|
11047
11145
|
},
|
|
@@ -11058,7 +11156,7 @@ function Select(props) {
|
|
|
11058
11156
|
}
|
|
11059
11157
|
|
|
11060
11158
|
Select.defaultProps = {
|
|
11061
|
-
onChange:
|
|
11159
|
+
onChange: undefined,
|
|
11062
11160
|
value: '',
|
|
11063
11161
|
multiple: false,
|
|
11064
11162
|
options: [],
|
|
@@ -11153,17 +11251,15 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
|
|
|
11153
11251
|
disabled: props.disabled,
|
|
11154
11252
|
onChange: props.onChange,
|
|
11155
11253
|
theme: props.theme
|
|
11156
|
-
})), React__default.createElement("span", Object.assign({}, props.spanProps, {
|
|
11254
|
+
})), React__default.createElement("span", Object.assign({}, props.spanProps || {}, {
|
|
11157
11255
|
className: getMergedClassNames([rootClassName$2D + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
|
|
11158
11256
|
style: style,
|
|
11159
11257
|
onClick: function onClick(evt) {
|
|
11160
|
-
var _props$spanProps3;
|
|
11161
|
-
|
|
11162
11258
|
if (props.anchorLabelToCheckbox) {
|
|
11163
11259
|
props.onChange(!props.value, evt);
|
|
11164
11260
|
}
|
|
11165
11261
|
|
|
11166
|
-
if (props.spanProps && typeof props.spanProps.onClick === 'function')
|
|
11262
|
+
if (props.spanProps && typeof props.spanProps.onClick === 'function') props.spanProps.onClick(evt);
|
|
11167
11263
|
}
|
|
11168
11264
|
}), props.label));
|
|
11169
11265
|
};
|
|
@@ -11190,9 +11286,9 @@ function Table(props) {
|
|
|
11190
11286
|
document.body.classList.remove('document-grabbing');
|
|
11191
11287
|
|
|
11192
11288
|
if (typeof props.confirmSort === 'function' && typeof props.onSort === 'function' && evt.oldIndex !== evt.newIndex) {
|
|
11193
|
-
var _props$confirmSort
|
|
11289
|
+
var _props$confirmSort$th;
|
|
11194
11290
|
|
|
11195
|
-
|
|
11291
|
+
(_props$confirmSort$th = props.confirmSort(evt).then(function () {
|
|
11196
11292
|
if (typeof props.onSort === 'function') {
|
|
11197
11293
|
props.onSort({
|
|
11198
11294
|
oldIndex: evt.oldIndex - 1,
|
|
@@ -12893,7 +12989,632 @@ VideoModal.defaultProps = {
|
|
|
12893
12989
|
size: 'md'
|
|
12894
12990
|
};
|
|
12895
12991
|
|
|
12896
|
-
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';
|
|
12897
13618
|
|
|
12898
13619
|
function QRCode(props) {
|
|
12899
13620
|
var ref = React.createRef();
|
|
@@ -12913,7 +13634,7 @@ function QRCode(props) {
|
|
|
12913
13634
|
});
|
|
12914
13635
|
}, [props, ref]);
|
|
12915
13636
|
var className = React.useMemo(function () {
|
|
12916
|
-
return getMergedClassNames([rootClassName$
|
|
13637
|
+
return getMergedClassNames([rootClassName$37, props.button ? 'button' : '']);
|
|
12917
13638
|
}, [props.button]);
|
|
12918
13639
|
return React__default.createElement("div", {
|
|
12919
13640
|
className: className,
|
|
@@ -12964,276 +13685,6 @@ function useDropOpened(initialState) {
|
|
|
12964
13685
|
return [opened, toggleOpened];
|
|
12965
13686
|
}
|
|
12966
13687
|
|
|
12967
|
-
var rootClassName$2Z = 'comp-modal-manager';
|
|
12968
|
-
var maskRootClassName$1 = 'component-modal-mask';
|
|
12969
|
-
|
|
12970
|
-
var hackFocus$1 = function hackFocus() {
|
|
12971
|
-
var tmp = document.createElement('input');
|
|
12972
|
-
document.body.appendChild(tmp);
|
|
12973
|
-
tmp.focus();
|
|
12974
|
-
document.body.removeChild(tmp);
|
|
12975
|
-
};
|
|
12976
|
-
|
|
12977
|
-
function useModalManager() {
|
|
12978
|
-
var _useState = React.useState([]),
|
|
12979
|
-
arrayOfModal = _useState[0],
|
|
12980
|
-
setArrayOfModal = _useState[1];
|
|
12981
|
-
|
|
12982
|
-
var refModals = React.useRef(arrayOfModal);
|
|
12983
|
-
refModals.current = arrayOfModal;
|
|
12984
|
-
React.useEffect(function () {
|
|
12985
|
-
var escapeCall = function escapeCall(evt) {
|
|
12986
|
-
if (evt.key === 'Escape' && refModals.current.length) {
|
|
12987
|
-
var mprops = refModals.current[refModals.current.length - 1].props;
|
|
12988
|
-
|
|
12989
|
-
if (!(mprops !== null && mprops !== void 0 && mprops.preventEscExit)) {
|
|
12990
|
-
closeModalByKey(mprops === null || mprops === void 0 ? void 0 : mprops.modalKey);
|
|
12991
|
-
|
|
12992
|
-
if (typeof (mprops === null || mprops === void 0 ? void 0 : mprops.onClose) === 'function') {
|
|
12993
|
-
mprops === null || mprops === void 0 ? void 0 : mprops.onClose(mprops === null || mprops === void 0 ? void 0 : mprops.modalKey);
|
|
12994
|
-
}
|
|
12995
|
-
}
|
|
12996
|
-
}
|
|
12997
|
-
};
|
|
12998
|
-
|
|
12999
|
-
document.addEventListener('keydown', escapeCall);
|
|
13000
|
-
return function () {
|
|
13001
|
-
document.removeEventListener('keydown', escapeCall);
|
|
13002
|
-
};
|
|
13003
|
-
}, []);
|
|
13004
|
-
|
|
13005
|
-
var closeModalByKey = function closeModalByKey(modalKey) {
|
|
13006
|
-
var arr = refModals.current.slice();
|
|
13007
|
-
arr = arr.filter(function (obj) {
|
|
13008
|
-
return String(obj.props.modalKey) !== String(modalKey);
|
|
13009
|
-
});
|
|
13010
|
-
setArrayOfModal(arr);
|
|
13011
|
-
};
|
|
13012
|
-
|
|
13013
|
-
var openModal = function openModal(component, modalProps) {
|
|
13014
|
-
var modalKey = modalProps.modalKey ? modalProps.modalKey : getUniqueKey();
|
|
13015
|
-
|
|
13016
|
-
if (typeof component === 'function') {
|
|
13017
|
-
var arr = refModals.current.slice();
|
|
13018
|
-
|
|
13019
|
-
var p = _extends({}, modalProps, {
|
|
13020
|
-
modalKey: modalKey,
|
|
13021
|
-
onClose: function onClose(modalKey) {
|
|
13022
|
-
closeModalByKey(modalKey);
|
|
13023
|
-
|
|
13024
|
-
if (typeof modalProps.onClose === 'function') {
|
|
13025
|
-
modalProps.onClose(modalKey);
|
|
13026
|
-
}
|
|
13027
|
-
}
|
|
13028
|
-
});
|
|
13029
|
-
|
|
13030
|
-
arr.push({
|
|
13031
|
-
component: component,
|
|
13032
|
-
props: p
|
|
13033
|
-
});
|
|
13034
|
-
setArrayOfModal(arr);
|
|
13035
|
-
hackFocus$1();
|
|
13036
|
-
return modalKey;
|
|
13037
|
-
}
|
|
13038
|
-
|
|
13039
|
-
return '';
|
|
13040
|
-
};
|
|
13041
|
-
|
|
13042
|
-
var closeModal = function closeModal(modalKey) {
|
|
13043
|
-
if (modalKey) {
|
|
13044
|
-
closeModalByKey(modalKey);
|
|
13045
|
-
} else if (refModals.current.length) {
|
|
13046
|
-
var _refModals$current, _refModals$current$pr;
|
|
13047
|
-
|
|
13048
|
-
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);
|
|
13049
|
-
}
|
|
13050
|
-
};
|
|
13051
|
-
|
|
13052
|
-
return [React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
|
|
13053
|
-
className: rootClassName$2Z + "-modals"
|
|
13054
|
-
}, arrayOfModal.map(function (obj) {
|
|
13055
|
-
var _obj$props, _obj$props2, _obj$props3;
|
|
13056
|
-
|
|
13057
|
-
var M = obj.component;
|
|
13058
|
-
return React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
13059
|
-
timeout: 300,
|
|
13060
|
-
classNames: (_obj$props = obj.props) !== null && _obj$props !== void 0 && _obj$props.mobileOnXS ? rootClassName$2Z + "-mask-mobile-on-xs" : rootClassName$2Z + "-mask",
|
|
13061
|
-
key: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.modalKey,
|
|
13062
|
-
unmountOnExit: true
|
|
13063
|
-
}, React__default.createElement(ModalMask, {
|
|
13064
|
-
mobileOnXS: Boolean((_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.mobileOnXS),
|
|
13065
|
-
onClick: function onClick(evt) {
|
|
13066
|
-
if (evt.target.classList.contains(maskRootClassName$1)) {
|
|
13067
|
-
var _obj$props4, _obj$props5;
|
|
13068
|
-
|
|
13069
|
-
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)) {
|
|
13070
|
-
var _obj$props6, _obj$props7;
|
|
13071
|
-
|
|
13072
|
-
(_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);
|
|
13073
|
-
}
|
|
13074
|
-
}
|
|
13075
|
-
}
|
|
13076
|
-
}, React__default.createElement(M, Object.assign({}, obj.props))));
|
|
13077
|
-
}))), openModal, closeModal];
|
|
13078
|
-
}
|
|
13079
|
-
|
|
13080
|
-
function useStorageState(storage, key, initialValue) {
|
|
13081
|
-
var _useState = React.useState(initialValue),
|
|
13082
|
-
value = _useState[0],
|
|
13083
|
-
setValue = _useState[1];
|
|
13084
|
-
|
|
13085
|
-
React.useEffect(function () {
|
|
13086
|
-
if (!initialValue && storage.getItem(key) && storage.getItem(key) !== 'undefined') {
|
|
13087
|
-
try {
|
|
13088
|
-
setValue(JSON.parse(storage.getItem(key)));
|
|
13089
|
-
} catch (e) {
|
|
13090
|
-
console.error(e);
|
|
13091
|
-
}
|
|
13092
|
-
}
|
|
13093
|
-
}, []);
|
|
13094
|
-
React.useEffect(function () {
|
|
13095
|
-
storage.setItem(key, JSON.stringify(value));
|
|
13096
|
-
}, [key, storage, value]);
|
|
13097
|
-
return [value, setValue];
|
|
13098
|
-
}
|
|
13099
|
-
|
|
13100
|
-
var rootClassName$2_ = 'comp-toast-manager';
|
|
13101
|
-
var count$1 = 0;
|
|
13102
|
-
function useToastManager(props) {
|
|
13103
|
-
var _useState = React.useState([]),
|
|
13104
|
-
arrayOfToast = _useState[0],
|
|
13105
|
-
setArrayOfToast = _useState[1];
|
|
13106
|
-
|
|
13107
|
-
var toastsRef = React.useRef(arrayOfToast);
|
|
13108
|
-
toastsRef.current = arrayOfToast;
|
|
13109
|
-
var verticalPosition = (props === null || props === void 0 ? void 0 : props.verticalPosition) || 'top';
|
|
13110
|
-
var horizontalPosition = (props === null || props === void 0 ? void 0 : props.horizontalPosition) || 'right';
|
|
13111
|
-
var max = (props === null || props === void 0 ? void 0 : props.max) || undefined;
|
|
13112
|
-
var reverse = (props === null || props === void 0 ? void 0 : props.reverse) || false;
|
|
13113
|
-
var animateSize = (props === null || props === void 0 ? void 0 : props.animateSize) || false;
|
|
13114
|
-
|
|
13115
|
-
var closeById = function closeById(id) {
|
|
13116
|
-
var arr = toastsRef.current.filter(function (a) {
|
|
13117
|
-
return a.id !== id;
|
|
13118
|
-
});
|
|
13119
|
-
setArrayOfToast(arr);
|
|
13120
|
-
};
|
|
13121
|
-
|
|
13122
|
-
var showToast = function showToast(toast) {
|
|
13123
|
-
var id = "toaster-" + count$1;
|
|
13124
|
-
var arr = toastsRef.current.slice();
|
|
13125
|
-
var obj = {};
|
|
13126
|
-
|
|
13127
|
-
if (toast.prevent && arr.some(function (t) {
|
|
13128
|
-
return t.label === toast.label;
|
|
13129
|
-
})) {
|
|
13130
|
-
return;
|
|
13131
|
-
}
|
|
13132
|
-
|
|
13133
|
-
obj = _extends({
|
|
13134
|
-
id: id
|
|
13135
|
-
}, toast);
|
|
13136
|
-
|
|
13137
|
-
if (!max || arr.length < max) {
|
|
13138
|
-
arr.push(obj);
|
|
13139
|
-
setArrayOfToast(arr);
|
|
13140
|
-
count$1++;
|
|
13141
|
-
}
|
|
13142
|
-
};
|
|
13143
|
-
|
|
13144
|
-
var clearToast = React.useCallback(function () {
|
|
13145
|
-
setArrayOfToast([]);
|
|
13146
|
-
}, []);
|
|
13147
|
-
var classNames = React.useMemo(function () {
|
|
13148
|
-
return getMergedClassNames([rootClassName$2_ + "-toasts", rootClassName$2_ + "-" + verticalPosition, rootClassName$2_ + "-" + horizontalPosition, reverse ? rootClassName$2_ + "-reverse" : '', animateSize ? rootClassName$2_ + "-animate-size" : '']);
|
|
13149
|
-
}, [reverse, animateSize, horizontalPosition, verticalPosition]);
|
|
13150
|
-
React.useLayoutEffect(function () {
|
|
13151
|
-
var wrapper = document.querySelector("." + rootClassName$2_ + "-toasts");
|
|
13152
|
-
|
|
13153
|
-
if (wrapper && wrapper.childElementCount > 0) {
|
|
13154
|
-
var somaDasAlturas = 0;
|
|
13155
|
-
|
|
13156
|
-
if (verticalPosition === 'top' && !reverse) {
|
|
13157
|
-
somaDasAlturas = 12;
|
|
13158
|
-
|
|
13159
|
-
for (var i = 0; i < wrapper.children.length; i++) {
|
|
13160
|
-
var el = wrapper.children[i];
|
|
13161
|
-
|
|
13162
|
-
if (!el.classList.contains(rootClassName$2_ + "-toast-exit")) {
|
|
13163
|
-
el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
13164
|
-
somaDasAlturas += el.getBoundingClientRect().height + 12;
|
|
13165
|
-
}
|
|
13166
|
-
}
|
|
13167
|
-
} else if (verticalPosition === 'top') {
|
|
13168
|
-
for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
|
|
13169
|
-
var _el = wrapper.children[_i];
|
|
13170
|
-
|
|
13171
|
-
if (!_el.classList.contains(rootClassName$2_ + "-toast-exit")) {
|
|
13172
|
-
somaDasAlturas += _el.getBoundingClientRect().height + 12;
|
|
13173
|
-
_el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
13174
|
-
}
|
|
13175
|
-
}
|
|
13176
|
-
} else if (verticalPosition === 'bottom' && !reverse) {
|
|
13177
|
-
for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
|
|
13178
|
-
var _el2 = wrapper.children[_i2];
|
|
13179
|
-
|
|
13180
|
-
if (!_el2.classList.contains(rootClassName$2_ + "-toast-exit")) {
|
|
13181
|
-
somaDasAlturas += _el2.getBoundingClientRect().height + 12;
|
|
13182
|
-
_el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
13183
|
-
}
|
|
13184
|
-
}
|
|
13185
|
-
} else {
|
|
13186
|
-
somaDasAlturas = 12;
|
|
13187
|
-
|
|
13188
|
-
for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
|
|
13189
|
-
var _el3 = wrapper.children[_i3];
|
|
13190
|
-
|
|
13191
|
-
if (!_el3.classList.contains(rootClassName$2_ + "-toast-exit")) {
|
|
13192
|
-
_el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
13193
|
-
somaDasAlturas += _el3.getBoundingClientRect().height + 12;
|
|
13194
|
-
}
|
|
13195
|
-
}
|
|
13196
|
-
}
|
|
13197
|
-
}
|
|
13198
|
-
}, [arrayOfToast, reverse, verticalPosition]);
|
|
13199
|
-
return [React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
|
|
13200
|
-
className: classNames
|
|
13201
|
-
}, arrayOfToast.map(function (toast) {
|
|
13202
|
-
return React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
13203
|
-
timeout: 300,
|
|
13204
|
-
classNames: rootClassName$2_ + "-toast",
|
|
13205
|
-
key: toast.id,
|
|
13206
|
-
unmountOnExit: true
|
|
13207
|
-
}, React__default.createElement("div", {
|
|
13208
|
-
className: rootClassName$2_ + "-toastzin"
|
|
13209
|
-
}, React__default.createElement(Toast, {
|
|
13210
|
-
theme: toast.theme,
|
|
13211
|
-
label: toast.label,
|
|
13212
|
-
onClose: function onClose() {
|
|
13213
|
-
return closeById(toast.id);
|
|
13214
|
-
},
|
|
13215
|
-
timeout: toast.timeout,
|
|
13216
|
-
showStatusBar: toast.showStatusBar,
|
|
13217
|
-
showActionButton: toast.showActionButton,
|
|
13218
|
-
onActionButtonClick: toast.onActionButtonClick,
|
|
13219
|
-
actionButtonText: toast.actionButtonText,
|
|
13220
|
-
pauseOnFocusLoss: props === null || props === void 0 ? void 0 : props.pauseOnFocusLoss
|
|
13221
|
-
})));
|
|
13222
|
-
}))), showToast, clearToast];
|
|
13223
|
-
}
|
|
13224
|
-
useToastManager.defaultProps = {
|
|
13225
|
-
verticalPosition: 'top',
|
|
13226
|
-
horizontalPosition: 'right'
|
|
13227
|
-
};
|
|
13228
|
-
|
|
13229
|
-
function useValidatedState(validation, initialValue) {
|
|
13230
|
-
var _useState = React.useState(initialValue),
|
|
13231
|
-
value = _useState[0],
|
|
13232
|
-
setValue = _useState[1];
|
|
13233
|
-
|
|
13234
|
-
return [value, setValue, validation(value)];
|
|
13235
|
-
}
|
|
13236
|
-
|
|
13237
13688
|
var scheduler_production_min = createCommonjsModule(function (module, exports) {
|
|
13238
13689
|
var f,g,h,k,l;
|
|
13239
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,
|
|
@@ -39937,6 +40388,274 @@ function useHTMLShare() {
|
|
|
39937
40388
|
};
|
|
39938
40389
|
}
|
|
39939
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
|
+
|
|
39940
40659
|
function AlertModal(props) {
|
|
39941
40660
|
var _useState = React.useState(false),
|
|
39942
40661
|
loading = _useState[0],
|
|
@@ -40121,7 +40840,9 @@ exports.BottomNavigation = BottomNavigation$1;
|
|
|
40121
40840
|
exports.BreadCrumb = BreadCrumb;
|
|
40122
40841
|
exports.Button = Button$1;
|
|
40123
40842
|
exports.ButtonFileUpload = ButtonFileUpload$1;
|
|
40843
|
+
exports.Calendar = Calendar$1;
|
|
40124
40844
|
exports.CalendarCheckIcon = CalendarCheckIcon;
|
|
40845
|
+
exports.CalendarEvent = CalendarEvent$1;
|
|
40125
40846
|
exports.CalendarIcon = CalendarIcon;
|
|
40126
40847
|
exports.Card = Card;
|
|
40127
40848
|
exports.CardsIcon = CardsIcon;
|
|
@@ -40178,6 +40899,7 @@ exports.FilePlusIcon = FilePlusIcon;
|
|
|
40178
40899
|
exports.FileUpload = FileUpload;
|
|
40179
40900
|
exports.FilesIcon = FilesIcon;
|
|
40180
40901
|
exports.FilterIcon = FilterIcon;
|
|
40902
|
+
exports.FloatingPanel = FloatingPanel$1;
|
|
40181
40903
|
exports.FontColorIcon = FontColorIcon;
|
|
40182
40904
|
exports.FontIcon = FontIcon;
|
|
40183
40905
|
exports.FooterSicredi = FooterSicredi$1;
|
|
@@ -40195,12 +40917,14 @@ exports.Header = Header$1;
|
|
|
40195
40917
|
exports.HeaderSearchField = HeaderSearchField;
|
|
40196
40918
|
exports.HeaderSeparator = HeaderSeparator;
|
|
40197
40919
|
exports.HomeIcon = HomeIcon;
|
|
40920
|
+
exports.HourEvents = HourEvents$1;
|
|
40198
40921
|
exports.IconButton = IconButton$1;
|
|
40199
40922
|
exports.IconButtonWithLabel = IconButtonWithLabel$1;
|
|
40200
40923
|
exports.Information = Information;
|
|
40201
40924
|
exports.InformationIcon = InformationIcon;
|
|
40202
40925
|
exports.InformativoAssembleiasComImagem = InformativoAssembleiasComImagem$1;
|
|
40203
40926
|
exports.InformativoAssembleiasComVideo = InformativoAssembleiasComVideo$1;
|
|
40927
|
+
exports.InlineMonthPicker = InlineMonthPicker$1;
|
|
40204
40928
|
exports.Input = Input$1;
|
|
40205
40929
|
exports.InputArea = InputArea$1;
|
|
40206
40930
|
exports.InvestimentIcon = InvestimentIcon;
|
|
@@ -40234,6 +40958,7 @@ exports.Paginator = Paginator;
|
|
|
40234
40958
|
exports.ParticipantesIcon = ParticipantesIcon;
|
|
40235
40959
|
exports.PaymentIcon = PaymentIcon;
|
|
40236
40960
|
exports.PercentLoaderIcon = PercentLoaderIcon;
|
|
40961
|
+
exports.PhonePlusIcon = PhonePlusIcon;
|
|
40237
40962
|
exports.PieChartIcon = PieChartIcon;
|
|
40238
40963
|
exports.PlayIcon = PlayIcon;
|
|
40239
40964
|
exports.PreviaVideo = PreviaVideo$1;
|
|
@@ -40250,6 +40975,7 @@ exports.STATUS_PAUTA = STATUS_PAUTA;
|
|
|
40250
40975
|
exports.STATUS_PAUTA_BLOQUEADA = STATUS_PAUTA_BLOQUEADA;
|
|
40251
40976
|
exports.STATUS_PAUTA_ENCERRADA = STATUS_PAUTA_ENCERRADA;
|
|
40252
40977
|
exports.STATUS_PAUTA_LIBERADA = STATUS_PAUTA_LIBERADA;
|
|
40978
|
+
exports.ScrollArrowOverflow = ScrollArrowOverflow$1;
|
|
40253
40979
|
exports.SearchBlocoDeNotas = SearchBlocoDeNotas;
|
|
40254
40980
|
exports.SearchIcon = SearchIcon;
|
|
40255
40981
|
exports.Select = Select$1;
|