plataforma-fundacao-componentes 2.26.2 → 2.26.4
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/InformationIcon.d.ts +2 -2
- package/dist/assets/icons/MiniInformationIcon.d.ts +3 -0
- package/dist/components/checkbox/Checkbox.d.ts +286 -3
- package/dist/components/input/Input.d.ts +4 -4
- package/dist/components/input/Input.stories.d.ts +1 -0
- package/dist/components/inputArea/InputArea.d.ts +2 -2
- package/dist/components/modal/Modal.d.ts +4 -4
- package/dist/components/radioButton/RadioButton.d.ts +4 -3
- package/dist/components/radioButton/RadioButton.stories.d.ts +1 -0
- package/dist/components/search/Search.d.ts +2 -2
- package/dist/components/select/Select.d.ts +2 -2
- package/dist/components/table/components/leftControlWithLabel/LeftControlWithLabel.d.ts +3 -3
- package/dist/components/tooltipElement/TooltipElement.d.ts +9 -0
- package/dist/components/tooltipElement/TooltipElement.stories.d.ts +7 -0
- package/dist/components/typography/Typography.d.ts +13 -0
- package/dist/components/typography/Typography.stories.d.ts +38 -0
- package/dist/components/videoModal/VideoModal.d.ts +6 -6
- package/dist/index.css +450 -259
- package/dist/index.d.ts +18 -15
- package/dist/index.js +685 -508
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +686 -512
- package/dist/index.modern.js.map +1 -1
- package/dist/utils/HTMLutils.d.ts +1 -1
- package/package.json +2 -1
package/dist/index.modern.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import React, { useMemo, useState, useEffect, memo, isValidElement, useCallback, useRef, useLayoutEffect, createRef, Fragment as Fragment$1,
|
|
1
|
+
import React, { useMemo, useState, useEffect, memo, isValidElement, useCallback, useRef, useLayoutEffect, createElement, createRef, Fragment as Fragment$1, forwardRef, useImperativeHandle } from 'react';
|
|
2
2
|
import { CSSTransition, TransitionGroup } from 'react-transition-group';
|
|
3
3
|
import { Chart } from 'chart.js';
|
|
4
4
|
import moment from 'moment';
|
|
5
5
|
import DOMPurify from 'dompurify';
|
|
6
6
|
import Sortable from 'sortablejs';
|
|
7
7
|
import QR from 'qrcode';
|
|
8
|
+
import { useFloating, autoUpdate, offset, flip, shift, arrow, useHover, useFocus, useDismiss, useRole, useInteractions, useTransitionStyles, FloatingPortal, FloatingArrow } from '@floating-ui/react';
|
|
8
9
|
import html2canvas from 'html2canvas';
|
|
9
10
|
import { jsPDF } from 'jspdf';
|
|
10
11
|
|
|
@@ -178,13 +179,13 @@ var getMergedClassNames = function getMergedClassNames(arr) {
|
|
|
178
179
|
return Boolean(el);
|
|
179
180
|
}).join(' ');
|
|
180
181
|
};
|
|
181
|
-
|
|
182
|
+
function useMergedClassNames(arr) {
|
|
182
183
|
return useMemo(function () {
|
|
183
184
|
return arr.filter(function (el) {
|
|
184
185
|
return Boolean(el);
|
|
185
186
|
}).join(' ');
|
|
186
187
|
}, [arr]);
|
|
187
|
-
}
|
|
188
|
+
}
|
|
188
189
|
var getUniqueKey = function getUniqueKey() {
|
|
189
190
|
var atual = window.sessionStorage.getItem('chaveAtual') ? parseInt(window.sessionStorage.getItem('chaveAtual') || '1') : 1;
|
|
190
191
|
window.sessionStorage.setItem('chaveAtual', String(atual + 1));
|
|
@@ -866,13 +867,19 @@ var CreditIcon = function CreditIcon() {
|
|
|
866
867
|
}));
|
|
867
868
|
};
|
|
868
869
|
|
|
870
|
+
var _excluded = ["className"];
|
|
869
871
|
var rootClassName$A = 'icon-component';
|
|
870
|
-
var InformationIcon = function InformationIcon() {
|
|
871
|
-
|
|
872
|
-
className:
|
|
872
|
+
var InformationIcon = function InformationIcon(_ref) {
|
|
873
|
+
var _ref$className = _ref.className,
|
|
874
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
875
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
876
|
+
var classNames = useMergedClassNames([rootClassName$A, className]);
|
|
877
|
+
return React.createElement("svg", Object.assign({
|
|
873
878
|
viewBox: '0 0 24 24',
|
|
874
879
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
875
|
-
},
|
|
880
|
+
}, props, {
|
|
881
|
+
className: classNames
|
|
882
|
+
}), React.createElement("path", {
|
|
876
883
|
d: 'M21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12Z',
|
|
877
884
|
fill: 'none',
|
|
878
885
|
stroke: 'currentColor'
|
|
@@ -1215,13 +1222,13 @@ var LinkIcon = function LinkIcon() {
|
|
|
1215
1222
|
}));
|
|
1216
1223
|
};
|
|
1217
1224
|
|
|
1218
|
-
var _excluded = ["theme", "size", "className"];
|
|
1225
|
+
var _excluded$1 = ["theme", "size", "className"];
|
|
1219
1226
|
var rootClassName$L = 'loader-three-dots';
|
|
1220
1227
|
var ThreeDotsLoader = function ThreeDotsLoader(_ref) {
|
|
1221
1228
|
var theme = _ref.theme,
|
|
1222
1229
|
size = _ref.size,
|
|
1223
1230
|
className = _ref.className,
|
|
1224
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
1231
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
|
1225
1232
|
return React.createElement("div", Object.assign({
|
|
1226
1233
|
className: useMergedClassNames([rootClassName$L, className != null ? className : '', rootClassName$L + "-" + (theme != null ? theme : 'primary'), rootClassName$L + "-size-" + (size != null ? size : 3)])
|
|
1227
1234
|
}, rest), React.createElement("div", null), React.createElement("div", null), React.createElement("div", null));
|
|
@@ -4623,14 +4630,14 @@ function Banner(props) {
|
|
|
4623
4630
|
})));
|
|
4624
4631
|
}
|
|
4625
4632
|
|
|
4626
|
-
var _excluded$
|
|
4633
|
+
var _excluded$2 = ["icon", "label", "subtitle", "className"];
|
|
4627
4634
|
var rootClassName$1D = 'component-big-block-button';
|
|
4628
4635
|
function BigBlockButton(_ref) {
|
|
4629
4636
|
var icon = _ref.icon,
|
|
4630
4637
|
label = _ref.label,
|
|
4631
4638
|
subtitle = _ref.subtitle,
|
|
4632
4639
|
className = _ref.className,
|
|
4633
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4640
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
4634
4641
|
return React.createElement("button", Object.assign({}, props, {
|
|
4635
4642
|
className: useMergedClassNames([rootClassName$1D, className])
|
|
4636
4643
|
}), React.createElement("div", {
|
|
@@ -4767,7 +4774,7 @@ var ButtonThemes;
|
|
|
4767
4774
|
ButtonThemes["HeaderUserBold"] = "header-user-bold";
|
|
4768
4775
|
})(ButtonThemes || (ButtonThemes = {}));
|
|
4769
4776
|
|
|
4770
|
-
var _excluded$
|
|
4777
|
+
var _excluded$3 = ["className", "theme", "w100", "leftIcon", "rightIcon", "mobileBottomPage", "loader", "loading", "children"];
|
|
4771
4778
|
var rootClassName$1H = 'component-button';
|
|
4772
4779
|
function Button(_ref) {
|
|
4773
4780
|
var className = _ref.className,
|
|
@@ -4780,7 +4787,7 @@ function Button(_ref) {
|
|
|
4780
4787
|
loader = _ref.loader,
|
|
4781
4788
|
loading = _ref.loading,
|
|
4782
4789
|
children = _ref.children,
|
|
4783
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4790
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
4784
4791
|
var handleClick = function handleClick(evt) {
|
|
4785
4792
|
if (!props.disabled && !loading) {
|
|
4786
4793
|
var _props$onClick;
|
|
@@ -7008,31 +7015,42 @@ MoneyByMonth.defaultProps = {
|
|
|
7008
7015
|
labels: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
|
|
7009
7016
|
};
|
|
7010
7017
|
|
|
7018
|
+
var CheckboxThemes;
|
|
7019
|
+
(function (CheckboxThemes) {
|
|
7020
|
+
CheckboxThemes["Primary"] = "primary";
|
|
7021
|
+
CheckboxThemes["Classic"] = "classic";
|
|
7022
|
+
CheckboxThemes["Dark"] = "dark";
|
|
7023
|
+
CheckboxThemes["Blue"] = "blue";
|
|
7024
|
+
})(CheckboxThemes || (CheckboxThemes = {}));
|
|
7025
|
+
|
|
7026
|
+
var _excluded$4 = ["value", "tag", "onChange", "theme", "className", "error", "type"];
|
|
7011
7027
|
var rootClassName$1S = 'component-checkbox';
|
|
7012
|
-
function Checkbox(
|
|
7013
|
-
var
|
|
7014
|
-
|
|
7015
|
-
|
|
7016
|
-
|
|
7017
|
-
|
|
7018
|
-
|
|
7019
|
-
|
|
7020
|
-
|
|
7021
|
-
|
|
7022
|
-
|
|
7023
|
-
|
|
7024
|
-
|
|
7025
|
-
|
|
7026
|
-
|
|
7027
|
-
|
|
7028
|
-
|
|
7029
|
-
|
|
7030
|
-
|
|
7031
|
-
|
|
7032
|
-
|
|
7033
|
-
|
|
7034
|
-
|
|
7035
|
-
|
|
7028
|
+
function Checkbox(_ref) {
|
|
7029
|
+
var value = _ref.value,
|
|
7030
|
+
_ref$tag = _ref.tag,
|
|
7031
|
+
tag = _ref$tag === void 0 ? 'button' : _ref$tag,
|
|
7032
|
+
onChange = _ref.onChange,
|
|
7033
|
+
_ref$theme = _ref.theme,
|
|
7034
|
+
theme = _ref$theme === void 0 ? CheckboxThemes.Primary : _ref$theme,
|
|
7035
|
+
_ref$error = _ref.error,
|
|
7036
|
+
error = _ref$error === void 0 ? false : _ref$error,
|
|
7037
|
+
_ref$type = _ref.type,
|
|
7038
|
+
type = _ref$type === void 0 ? 'button' : _ref$type,
|
|
7039
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
7040
|
+
var handleClick = useCallback(function (evt) {
|
|
7041
|
+
if (!props.disabled) {
|
|
7042
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(!value, evt);
|
|
7043
|
+
}
|
|
7044
|
+
}, [onChange, value, props.disabled]);
|
|
7045
|
+
var classNames = useMergedClassNames([rootClassName$1S, rootClassName$1S + "-" + theme]);
|
|
7046
|
+
return createElement(tag || 'button', _extends({}, props, {
|
|
7047
|
+
className: classNames,
|
|
7048
|
+
onClick: handleClick,
|
|
7049
|
+
'data-error': error,
|
|
7050
|
+
'data-checked': value,
|
|
7051
|
+
'aria-disabled': props.disabled || props['aria-disabled'],
|
|
7052
|
+
type: type
|
|
7053
|
+
}));
|
|
7036
7054
|
}
|
|
7037
7055
|
Checkbox.defaultProps = {
|
|
7038
7056
|
disabled: false,
|
|
@@ -7074,34 +7092,11 @@ Col.defaultProps = {
|
|
|
7074
7092
|
};
|
|
7075
7093
|
var Col$1 = memo(Col);
|
|
7076
7094
|
|
|
7077
|
-
var
|
|
7078
|
-
var rootClassName$1U = 'component-control-label';
|
|
7079
|
-
function ControlLabel(_ref) {
|
|
7080
|
-
var _control$props;
|
|
7081
|
-
var control = _ref.control,
|
|
7082
|
-
labelPosition = _ref.labelPosition,
|
|
7083
|
-
labelGap = _ref.labelGap,
|
|
7084
|
-
label = _ref.label,
|
|
7085
|
-
className = _ref.className,
|
|
7086
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
7087
|
-
var ref = useRef();
|
|
7088
|
-
return React.createElement("label", Object.assign({}, props, {
|
|
7089
|
-
className: getMergedClassNames([className, rootClassName$1U, labelPosition ? labelPosition : '', (_control$props = control.props) !== null && _control$props !== void 0 && _control$props.disabled ? 'disabled' : '']),
|
|
7090
|
-
ref: ref,
|
|
7091
|
-
style: labelGap ? {
|
|
7092
|
-
gap: labelGap + "px"
|
|
7093
|
-
} : {}
|
|
7094
|
-
}), control, React.createElement("span", {
|
|
7095
|
-
className: 'nunito'
|
|
7096
|
-
}, label));
|
|
7097
|
-
}
|
|
7098
|
-
var ControlLabel$1 = memo(ControlLabel);
|
|
7099
|
-
|
|
7100
|
-
var rootClassName$1V = 'component-container';
|
|
7095
|
+
var rootClassName$1U = 'component-container';
|
|
7101
7096
|
function Container(props) {
|
|
7102
7097
|
var getProps = function getProps() {
|
|
7103
7098
|
var p = _extends({}, props, {
|
|
7104
|
-
className: getMergedClassNames([rootClassName$
|
|
7099
|
+
className: getMergedClassNames([rootClassName$1U, props.className, props.fluid ? 'fluid' : '', props.verticalPadding ? 'vertical-padding' : '', props.hasMobileButton ? 'has-mobile-button' : '', props.hasHeader ? 'has-header' : '', props.hasAdvancedHeader ? 'has-advanced-header' : '']),
|
|
7105
7100
|
style: _extends({}, props.style, {
|
|
7106
7101
|
position: props.position
|
|
7107
7102
|
})
|
|
@@ -7115,7 +7110,7 @@ function Container(props) {
|
|
|
7115
7110
|
return p;
|
|
7116
7111
|
};
|
|
7117
7112
|
return React.createElement("div", Object.assign({}, getProps()), React.createElement("div", {
|
|
7118
|
-
className: rootClassName$
|
|
7113
|
+
className: rootClassName$1U + "-insider"
|
|
7119
7114
|
}, props.children));
|
|
7120
7115
|
}
|
|
7121
7116
|
Container.defaultProps = {
|
|
@@ -7127,6 +7122,29 @@ Container.defaultProps = {
|
|
|
7127
7122
|
};
|
|
7128
7123
|
var Container$1 = memo(Container);
|
|
7129
7124
|
|
|
7125
|
+
var _excluded$5 = ["control", "labelPosition", "labelGap", "label", "className"];
|
|
7126
|
+
var rootClassName$1V = 'component-control-label';
|
|
7127
|
+
function ControlLabel(_ref) {
|
|
7128
|
+
var _control$props;
|
|
7129
|
+
var control = _ref.control,
|
|
7130
|
+
labelPosition = _ref.labelPosition,
|
|
7131
|
+
labelGap = _ref.labelGap,
|
|
7132
|
+
label = _ref.label,
|
|
7133
|
+
className = _ref.className,
|
|
7134
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
7135
|
+
var ref = useRef();
|
|
7136
|
+
return React.createElement("label", Object.assign({}, props, {
|
|
7137
|
+
className: getMergedClassNames([className, rootClassName$1V, labelPosition ? labelPosition : '', (_control$props = control.props) !== null && _control$props !== void 0 && _control$props.disabled ? 'disabled' : '']),
|
|
7138
|
+
ref: ref,
|
|
7139
|
+
style: labelGap ? {
|
|
7140
|
+
gap: labelGap + "px"
|
|
7141
|
+
} : {}
|
|
7142
|
+
}), control, React.createElement("span", {
|
|
7143
|
+
className: 'nunito'
|
|
7144
|
+
}, label));
|
|
7145
|
+
}
|
|
7146
|
+
var ControlLabel$1 = memo(ControlLabel);
|
|
7147
|
+
|
|
7130
7148
|
var formatHexadecimalColor = function formatHexadecimalColor(input) {
|
|
7131
7149
|
var value = String(input).replace(/\W/g, '').slice(0, 6).replace(/[^a-fA-F0-9]/g, '').replace(/(.)/, '#$1');
|
|
7132
7150
|
return value;
|
|
@@ -7345,7 +7363,7 @@ function DatePickerCalendar(props) {
|
|
|
7345
7363
|
}
|
|
7346
7364
|
var DatePickerCalendar$1 = memo(DatePickerCalendar);
|
|
7347
7365
|
|
|
7348
|
-
var _excluded$
|
|
7366
|
+
var _excluded$6 = ["language"];
|
|
7349
7367
|
var rootClassName$1X = 'component-date-picker';
|
|
7350
7368
|
function DatePicker(_ref) {
|
|
7351
7369
|
var _ref$language = _ref.language,
|
|
@@ -7355,7 +7373,7 @@ function DatePicker(_ref) {
|
|
|
7355
7373
|
months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
|
|
7356
7374
|
monthsAbrev: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
|
|
7357
7375
|
} : _ref$language,
|
|
7358
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
7376
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
|
|
7359
7377
|
var id = useMemo(function () {
|
|
7360
7378
|
return "picker_" + getUniqueKey();
|
|
7361
7379
|
}, []);
|
|
@@ -7493,11 +7511,11 @@ DatePicker.defaultProps = {
|
|
|
7493
7511
|
};
|
|
7494
7512
|
var DatePicker$1 = memo(DatePicker);
|
|
7495
7513
|
|
|
7496
|
-
var _excluded$
|
|
7514
|
+
var _excluded$7 = ["showLabel"];
|
|
7497
7515
|
var rootClassName$1Y = 'component-doughnut';
|
|
7498
7516
|
function Doughnut(_ref) {
|
|
7499
7517
|
var showLabel = _ref.showLabel,
|
|
7500
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
7518
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
|
|
7501
7519
|
var _useProgressiveCount = useProgressiveCount(),
|
|
7502
7520
|
val = _useProgressiveCount[0],
|
|
7503
7521
|
setVal = _useProgressiveCount[1];
|
|
@@ -7589,7 +7607,7 @@ function useOutsideClick(refs, handler, options) {
|
|
|
7589
7607
|
}, [refs, handler, handleClickOutside, (_options3 = options) === null || _options3 === void 0 ? void 0 : _options3.events]);
|
|
7590
7608
|
}
|
|
7591
7609
|
|
|
7592
|
-
var _excluded$
|
|
7610
|
+
var _excluded$8 = ["opened", "setOpened", "content", "closeOnEsc", "closeOnOutClick", "children", "panelProps"];
|
|
7593
7611
|
var rootClassName$1_ = 'component-dropdown-menu';
|
|
7594
7612
|
function DropdownMenu(_ref) {
|
|
7595
7613
|
var _panelProps$className;
|
|
@@ -7601,7 +7619,7 @@ function DropdownMenu(_ref) {
|
|
|
7601
7619
|
children = _ref.children,
|
|
7602
7620
|
_ref$panelProps = _ref.panelProps,
|
|
7603
7621
|
panelProps = _ref$panelProps === void 0 ? {} : _ref$panelProps,
|
|
7604
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
7622
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
|
|
7605
7623
|
var id = useMemo(function () {
|
|
7606
7624
|
return props.id ? props.id : getUniqueKey();
|
|
7607
7625
|
}, [props.id]);
|
|
@@ -7972,7 +7990,7 @@ var EtiquetasStyle;
|
|
|
7972
7990
|
EtiquetasStyle["Yellow"] = "yellow";
|
|
7973
7991
|
})(EtiquetasStyle || (EtiquetasStyle = {}));
|
|
7974
7992
|
|
|
7975
|
-
var _excluded$
|
|
7993
|
+
var _excluded$9 = ["theme", "label", "icon", "fitContent"];
|
|
7976
7994
|
var rootClassName$22 = 'component-etiqueta';
|
|
7977
7995
|
function Etiqueta(_ref) {
|
|
7978
7996
|
var _ref$theme = _ref.theme,
|
|
@@ -7980,7 +7998,7 @@ function Etiqueta(_ref) {
|
|
|
7980
7998
|
label = _ref.label,
|
|
7981
7999
|
icon = _ref.icon,
|
|
7982
8000
|
fitContent = _ref.fitContent,
|
|
7983
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
8001
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
|
|
7984
8002
|
return React.createElement("div", Object.assign({}, props, {
|
|
7985
8003
|
className: getMergedClassNames([rootClassName$22, theme, fitContent ? 'fit-content' : undefined])
|
|
7986
8004
|
}), icon ? React.createElement("div", {
|
|
@@ -8367,19 +8385,6 @@ FullHeightContainer.defaultProps = {
|
|
|
8367
8385
|
};
|
|
8368
8386
|
var FullHeightContainer$1 = memo(FullHeightContainer);
|
|
8369
8387
|
|
|
8370
|
-
var HEADER_SEPARATOR_PRIMARY = 'primary';
|
|
8371
|
-
var HEADER_SEPARATOR_SECONDARY = 'secondary';
|
|
8372
|
-
|
|
8373
|
-
var rootClassName$28 = 'component-header-separator';
|
|
8374
|
-
function HeaderSeparator(props) {
|
|
8375
|
-
return React.createElement("div", {
|
|
8376
|
-
className: getMergedClassNames([rootClassName$28, rootClassName$28 + "-" + props.theme])
|
|
8377
|
-
});
|
|
8378
|
-
}
|
|
8379
|
-
HeaderSeparator.defaultProps = {
|
|
8380
|
-
theme: HEADER_SEPARATOR_PRIMARY
|
|
8381
|
-
};
|
|
8382
|
-
|
|
8383
8388
|
var HeaderType;
|
|
8384
8389
|
(function (HeaderType) {
|
|
8385
8390
|
HeaderType["Verde"] = "primary";
|
|
@@ -8388,7 +8393,7 @@ var HeaderType;
|
|
|
8388
8393
|
HeaderType["Assembleia"] = "assembleia";
|
|
8389
8394
|
})(HeaderType || (HeaderType = {}));
|
|
8390
8395
|
|
|
8391
|
-
var rootClassName$
|
|
8396
|
+
var rootClassName$28 = 'component-header';
|
|
8392
8397
|
function Header(props) {
|
|
8393
8398
|
var _props$blackBar;
|
|
8394
8399
|
var p = useMemo(function () {
|
|
@@ -8399,31 +8404,31 @@ function Header(props) {
|
|
|
8399
8404
|
(_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, evt);
|
|
8400
8405
|
}
|
|
8401
8406
|
},
|
|
8402
|
-
className: getMergedClassNames([rootClassName$
|
|
8407
|
+
className: getMergedClassNames([rootClassName$28, props.className, rootClassName$28 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
|
|
8403
8408
|
};
|
|
8404
8409
|
}, [props]);
|
|
8405
|
-
var clearfixClassNames = getMergedClassNames([rootClassName$
|
|
8410
|
+
var clearfixClassNames = getMergedClassNames([rootClassName$28 + "-clearfix", rootClassName$28 + "-" + props.theme]);
|
|
8406
8411
|
return React.createElement(React.Fragment, null, React.createElement("header", Object.assign({}, p, {
|
|
8407
8412
|
style: {
|
|
8408
8413
|
position: props.position
|
|
8409
8414
|
}
|
|
8410
8415
|
}), props.blackBar && props.blackBar.show ? React.createElement("div", {
|
|
8411
|
-
className: rootClassName$
|
|
8416
|
+
className: rootClassName$28 + "-black-bar"
|
|
8412
8417
|
}, React.createElement("a", {
|
|
8413
8418
|
href: props.blackBar.link,
|
|
8414
8419
|
target: (_props$blackBar = props.blackBar) === null || _props$blackBar === void 0 ? void 0 : _props$blackBar.target
|
|
8415
8420
|
}, props.blackBar.icon, React.createElement("span", {
|
|
8416
8421
|
className: 'nunito'
|
|
8417
8422
|
}, props.blackBar.label))) : undefined, React.createElement("div", {
|
|
8418
|
-
className: rootClassName$
|
|
8423
|
+
className: rootClassName$28 + "-header-item"
|
|
8419
8424
|
}, props.leftContent, props.separator && props.separator.show ? React.createElement("div", {
|
|
8420
|
-
className: rootClassName$
|
|
8425
|
+
className: rootClassName$28 + "-separator-logo"
|
|
8421
8426
|
}, props.separator.label) : undefined), React.createElement("div", {
|
|
8422
|
-
className: rootClassName$
|
|
8427
|
+
className: rootClassName$28 + "-header-item"
|
|
8423
8428
|
}, props.centerContent), React.createElement("div", {
|
|
8424
|
-
className: rootClassName$
|
|
8429
|
+
className: rootClassName$28 + "-header-item"
|
|
8425
8430
|
}, props.rightContent)), props.theme === HeaderType.Semi && React.createElement("div", {
|
|
8426
|
-
className: rootClassName$
|
|
8431
|
+
className: rootClassName$28 + "-semi-clear"
|
|
8427
8432
|
}), props.clearfix && React.createElement("div", {
|
|
8428
8433
|
className: clearfixClassNames
|
|
8429
8434
|
}));
|
|
@@ -8434,6 +8439,19 @@ Header.defaultProps = {
|
|
|
8434
8439
|
};
|
|
8435
8440
|
var Header$1 = memo(Header);
|
|
8436
8441
|
|
|
8442
|
+
var HEADER_SEPARATOR_PRIMARY = 'primary';
|
|
8443
|
+
var HEADER_SEPARATOR_SECONDARY = 'secondary';
|
|
8444
|
+
|
|
8445
|
+
var rootClassName$29 = 'component-header-separator';
|
|
8446
|
+
function HeaderSeparator(props) {
|
|
8447
|
+
return React.createElement("div", {
|
|
8448
|
+
className: getMergedClassNames([rootClassName$29, rootClassName$29 + "-" + props.theme])
|
|
8449
|
+
});
|
|
8450
|
+
}
|
|
8451
|
+
HeaderSeparator.defaultProps = {
|
|
8452
|
+
theme: HEADER_SEPARATOR_PRIMARY
|
|
8453
|
+
};
|
|
8454
|
+
|
|
8437
8455
|
var rootClassName$2a = 'component-information-icon';
|
|
8438
8456
|
function Information(props) {
|
|
8439
8457
|
var getProps = function getProps() {
|
|
@@ -8940,7 +8958,7 @@ function useScreenSize() {
|
|
|
8940
8958
|
return value;
|
|
8941
8959
|
}
|
|
8942
8960
|
|
|
8943
|
-
var _excluded$
|
|
8961
|
+
var _excluded$a = ["className", "compenseColPaddingContent", "footer", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "title"];
|
|
8944
8962
|
var rootClassName$2g = 'component-modal';
|
|
8945
8963
|
function Modal(_ref) {
|
|
8946
8964
|
var className = _ref.className,
|
|
@@ -8954,7 +8972,7 @@ function Modal(_ref) {
|
|
|
8954
8972
|
_ref$tag = _ref.tag,
|
|
8955
8973
|
tag = _ref$tag === void 0 ? 'dialog' : _ref$tag,
|
|
8956
8974
|
title = _ref.title,
|
|
8957
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
8975
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
|
|
8958
8976
|
var _useScreenSize = useScreenSize(),
|
|
8959
8977
|
rankedSize = _useScreenSize.rankedSize;
|
|
8960
8978
|
var modalProps = useMemo(function () {
|
|
@@ -9127,83 +9145,7 @@ PageSubTitle.defaultProps = {
|
|
|
9127
9145
|
text: ''
|
|
9128
9146
|
};
|
|
9129
9147
|
|
|
9130
|
-
var
|
|
9131
|
-
function Paginator(props) {
|
|
9132
|
-
var _useState = useState([]),
|
|
9133
|
-
arrOfNumbers = _useState[0],
|
|
9134
|
-
setArrOfNumbers = _useState[1];
|
|
9135
|
-
useEffect(function () {
|
|
9136
|
-
var arr = [];
|
|
9137
|
-
var inicio = 1;
|
|
9138
|
-
var fim = props.quantidadeDePaginas;
|
|
9139
|
-
if (props.maxLength) {
|
|
9140
|
-
var maxLength = props.maxLength > props.quantidadeDePaginas ? props.quantidadeDePaginas : props.maxLength;
|
|
9141
|
-
inicio = Math.round(props.paginaAtual - maxLength / 2);
|
|
9142
|
-
inicio = Math.max(inicio, 1);
|
|
9143
|
-
fim = inicio + maxLength - 1;
|
|
9144
|
-
if (fim > props.quantidadeDePaginas) {
|
|
9145
|
-
fim = props.quantidadeDePaginas;
|
|
9146
|
-
inicio = fim - maxLength + 1;
|
|
9147
|
-
}
|
|
9148
|
-
}
|
|
9149
|
-
for (var i = inicio; i <= fim; i++) {
|
|
9150
|
-
arr.push(i);
|
|
9151
|
-
}
|
|
9152
|
-
setArrOfNumbers(arr);
|
|
9153
|
-
}, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
|
|
9154
|
-
return React.createElement("div", {
|
|
9155
|
-
id: props.id ? props.id : undefined,
|
|
9156
|
-
className: getMergedClassNames([rootClassName$2j, props.className || ''])
|
|
9157
|
-
}, React.createElement("div", {
|
|
9158
|
-
className: rootClassName$2j + "-center-content"
|
|
9159
|
-
}, React.createElement("div", {
|
|
9160
|
-
className: props.loading ? "hidden" : ''
|
|
9161
|
-
}, props.quantidadeDePaginas > 1 ? React.createElement("div", {
|
|
9162
|
-
className: rootClassName$2j + "-left-arrow"
|
|
9163
|
-
}, React.createElement(IconButton$1, {
|
|
9164
|
-
disabled: props.paginaAtual === 1,
|
|
9165
|
-
icon: React.createElement(ChevronArrowLeftIcon, null),
|
|
9166
|
-
onClick: function onClick() {
|
|
9167
|
-
if (typeof props.onChange === 'function') {
|
|
9168
|
-
props.onChange(props.paginaAtual - 1);
|
|
9169
|
-
}
|
|
9170
|
-
}
|
|
9171
|
-
})) : undefined, React.createElement("div", {
|
|
9172
|
-
className: rootClassName$2j + "-numbers"
|
|
9173
|
-
}, arrOfNumbers.map(function (num) {
|
|
9174
|
-
return React.createElement("button", {
|
|
9175
|
-
key: num,
|
|
9176
|
-
className: getMergedClassNames([rootClassName$2j + "-number", num === props.paginaAtual ? 'active' : '']),
|
|
9177
|
-
onClick: function onClick() {
|
|
9178
|
-
if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
|
|
9179
|
-
props.onChange(num);
|
|
9180
|
-
}
|
|
9181
|
-
}
|
|
9182
|
-
}, num);
|
|
9183
|
-
})), props.quantidadeDePaginas > 1 ? React.createElement("div", {
|
|
9184
|
-
className: rootClassName$2j + "-right-arrow"
|
|
9185
|
-
}, React.createElement(IconButton$1, {
|
|
9186
|
-
icon: React.createElement(ChevronArrowRightIcon, null),
|
|
9187
|
-
onClick: function onClick() {
|
|
9188
|
-
if (typeof props.onChange === 'function') {
|
|
9189
|
-
props.onChange(props.paginaAtual + 1);
|
|
9190
|
-
}
|
|
9191
|
-
},
|
|
9192
|
-
disabled: props.paginaAtual >= props.quantidadeDePaginas
|
|
9193
|
-
})) : undefined), React.createElement(CSSTransition, {
|
|
9194
|
-
classNames: rootClassName$2j + "-loader",
|
|
9195
|
-
"in": props.loading,
|
|
9196
|
-
timeout: 300,
|
|
9197
|
-
unmountOnExit: true
|
|
9198
|
-
}, React.createElement("div", {
|
|
9199
|
-
className: rootClassName$2j + "-loader"
|
|
9200
|
-
}, React.createElement(ThreeDotsLoader, {
|
|
9201
|
-
size: 2
|
|
9202
|
-
})))));
|
|
9203
|
-
}
|
|
9204
|
-
Paginator.defaultProps = {};
|
|
9205
|
-
|
|
9206
|
-
var _excluded$9 = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
|
|
9148
|
+
var _excluded$b = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
|
|
9207
9149
|
function usePagination(props) {
|
|
9208
9150
|
var _ref;
|
|
9209
9151
|
if (props === void 0) {
|
|
@@ -9227,7 +9169,7 @@ function usePagination(props) {
|
|
|
9227
9169
|
_props$siblingCount = _props.siblingCount,
|
|
9228
9170
|
siblingCount = _props$siblingCount === void 0 ? 1 : _props$siblingCount,
|
|
9229
9171
|
maxLength = _props.maxLength,
|
|
9230
|
-
other = _objectWithoutPropertiesLoose(_props, _excluded$
|
|
9172
|
+
other = _objectWithoutPropertiesLoose(_props, _excluded$b);
|
|
9231
9173
|
var isControlledRef = useRef(pageProp !== undefined);
|
|
9232
9174
|
var _useState = useState(currentPage),
|
|
9233
9175
|
pageCurrent = _useState[0],
|
|
@@ -9306,10 +9248,10 @@ function usePagination(props) {
|
|
|
9306
9248
|
}, other);
|
|
9307
9249
|
}
|
|
9308
9250
|
|
|
9309
|
-
var rootClassName$
|
|
9251
|
+
var rootClassName$2j = 'icon-component';
|
|
9310
9252
|
var ThreeDots = function ThreeDots() {
|
|
9311
9253
|
return React.createElement("svg", {
|
|
9312
|
-
className: rootClassName$
|
|
9254
|
+
className: rootClassName$2j,
|
|
9313
9255
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
9314
9256
|
fill: 'none',
|
|
9315
9257
|
viewBox: '0.8 0.71 10.32 2.37'
|
|
@@ -9319,8 +9261,8 @@ var ThreeDots = function ThreeDots() {
|
|
|
9319
9261
|
}));
|
|
9320
9262
|
};
|
|
9321
9263
|
|
|
9322
|
-
var _excluded$
|
|
9323
|
-
var rootClassName$
|
|
9264
|
+
var _excluded$c = ["page", "type", "selected"];
|
|
9265
|
+
var rootClassName$2k = 'pagination-component';
|
|
9324
9266
|
var Pagination = function Pagination(props) {
|
|
9325
9267
|
var _useScreenSize = useScreenSize(),
|
|
9326
9268
|
size = _useScreenSize.size,
|
|
@@ -9392,7 +9334,7 @@ var Pagination = function Pagination(props) {
|
|
|
9392
9334
|
return false;
|
|
9393
9335
|
}, [size, rowsPerPage, countPages, rankedSize]);
|
|
9394
9336
|
return React.createElement(Row$1, {
|
|
9395
|
-
className: getMergedClassNames([rootClassName$
|
|
9337
|
+
className: getMergedClassNames([rootClassName$2k, countPages ? 'hasLeftItem' : '', countPages || rowsPerPage ? 'oneOf' : ''])
|
|
9396
9338
|
}, countPages || rowsPerPage ? React.createElement(Col$1, {
|
|
9397
9339
|
noPadding: true,
|
|
9398
9340
|
cols: rowsPerPage && countPages ? [12, 12, 6, 6, 6] : rowsPerPage || countPages ? [12, 6, 6, 6, 6] : [12, 12, 12, 12, 12]
|
|
@@ -9445,7 +9387,7 @@ var Pagination = function Pagination(props) {
|
|
|
9445
9387
|
var page = _ref2.page,
|
|
9446
9388
|
type = _ref2.type,
|
|
9447
9389
|
selected = _ref2.selected,
|
|
9448
|
-
item = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
9390
|
+
item = _objectWithoutPropertiesLoose(_ref2, _excluded$c);
|
|
9449
9391
|
var children = null;
|
|
9450
9392
|
if (type === 'start-ellipsis' || type === 'end-ellipsis') {
|
|
9451
9393
|
children = React.createElement("li", {
|
|
@@ -9497,6 +9439,82 @@ var Pagination = function Pagination(props) {
|
|
|
9497
9439
|
}))))));
|
|
9498
9440
|
};
|
|
9499
9441
|
|
|
9442
|
+
var rootClassName$2l = 'component-paginator';
|
|
9443
|
+
function Paginator(props) {
|
|
9444
|
+
var _useState = useState([]),
|
|
9445
|
+
arrOfNumbers = _useState[0],
|
|
9446
|
+
setArrOfNumbers = _useState[1];
|
|
9447
|
+
useEffect(function () {
|
|
9448
|
+
var arr = [];
|
|
9449
|
+
var inicio = 1;
|
|
9450
|
+
var fim = props.quantidadeDePaginas;
|
|
9451
|
+
if (props.maxLength) {
|
|
9452
|
+
var maxLength = props.maxLength > props.quantidadeDePaginas ? props.quantidadeDePaginas : props.maxLength;
|
|
9453
|
+
inicio = Math.round(props.paginaAtual - maxLength / 2);
|
|
9454
|
+
inicio = Math.max(inicio, 1);
|
|
9455
|
+
fim = inicio + maxLength - 1;
|
|
9456
|
+
if (fim > props.quantidadeDePaginas) {
|
|
9457
|
+
fim = props.quantidadeDePaginas;
|
|
9458
|
+
inicio = fim - maxLength + 1;
|
|
9459
|
+
}
|
|
9460
|
+
}
|
|
9461
|
+
for (var i = inicio; i <= fim; i++) {
|
|
9462
|
+
arr.push(i);
|
|
9463
|
+
}
|
|
9464
|
+
setArrOfNumbers(arr);
|
|
9465
|
+
}, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
|
|
9466
|
+
return React.createElement("div", {
|
|
9467
|
+
id: props.id ? props.id : undefined,
|
|
9468
|
+
className: getMergedClassNames([rootClassName$2l, props.className || ''])
|
|
9469
|
+
}, React.createElement("div", {
|
|
9470
|
+
className: rootClassName$2l + "-center-content"
|
|
9471
|
+
}, React.createElement("div", {
|
|
9472
|
+
className: props.loading ? "hidden" : ''
|
|
9473
|
+
}, props.quantidadeDePaginas > 1 ? React.createElement("div", {
|
|
9474
|
+
className: rootClassName$2l + "-left-arrow"
|
|
9475
|
+
}, React.createElement(IconButton$1, {
|
|
9476
|
+
disabled: props.paginaAtual === 1,
|
|
9477
|
+
icon: React.createElement(ChevronArrowLeftIcon, null),
|
|
9478
|
+
onClick: function onClick() {
|
|
9479
|
+
if (typeof props.onChange === 'function') {
|
|
9480
|
+
props.onChange(props.paginaAtual - 1);
|
|
9481
|
+
}
|
|
9482
|
+
}
|
|
9483
|
+
})) : undefined, React.createElement("div", {
|
|
9484
|
+
className: rootClassName$2l + "-numbers"
|
|
9485
|
+
}, arrOfNumbers.map(function (num) {
|
|
9486
|
+
return React.createElement("button", {
|
|
9487
|
+
key: num,
|
|
9488
|
+
className: getMergedClassNames([rootClassName$2l + "-number", num === props.paginaAtual ? 'active' : '']),
|
|
9489
|
+
onClick: function onClick() {
|
|
9490
|
+
if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
|
|
9491
|
+
props.onChange(num);
|
|
9492
|
+
}
|
|
9493
|
+
}
|
|
9494
|
+
}, num);
|
|
9495
|
+
})), props.quantidadeDePaginas > 1 ? React.createElement("div", {
|
|
9496
|
+
className: rootClassName$2l + "-right-arrow"
|
|
9497
|
+
}, React.createElement(IconButton$1, {
|
|
9498
|
+
icon: React.createElement(ChevronArrowRightIcon, null),
|
|
9499
|
+
onClick: function onClick() {
|
|
9500
|
+
if (typeof props.onChange === 'function') {
|
|
9501
|
+
props.onChange(props.paginaAtual + 1);
|
|
9502
|
+
}
|
|
9503
|
+
},
|
|
9504
|
+
disabled: props.paginaAtual >= props.quantidadeDePaginas
|
|
9505
|
+
})) : undefined), React.createElement(CSSTransition, {
|
|
9506
|
+
classNames: rootClassName$2l + "-loader",
|
|
9507
|
+
"in": props.loading,
|
|
9508
|
+
timeout: 300,
|
|
9509
|
+
unmountOnExit: true
|
|
9510
|
+
}, React.createElement("div", {
|
|
9511
|
+
className: rootClassName$2l + "-loader"
|
|
9512
|
+
}, React.createElement(ThreeDotsLoader, {
|
|
9513
|
+
size: 2
|
|
9514
|
+
})))));
|
|
9515
|
+
}
|
|
9516
|
+
Paginator.defaultProps = {};
|
|
9517
|
+
|
|
9500
9518
|
var rootClassName$2m = 'component-video-player';
|
|
9501
9519
|
function VideoPlayer(props) {
|
|
9502
9520
|
var youtubeRegex = /youtu(\.){0,1}be/;
|
|
@@ -9710,23 +9728,32 @@ var RadioButtonType;
|
|
|
9710
9728
|
RadioButtonType["New"] = "new";
|
|
9711
9729
|
})(RadioButtonType || (RadioButtonType = {}));
|
|
9712
9730
|
|
|
9731
|
+
var _excluded$d = ["onChange", "value", "className", "theme", "error", "type"];
|
|
9713
9732
|
var rootClassName$2o = 'component-radio-button';
|
|
9714
|
-
function RadioButton(
|
|
9715
|
-
var
|
|
9716
|
-
|
|
9717
|
-
|
|
9718
|
-
|
|
9719
|
-
|
|
9720
|
-
|
|
9721
|
-
|
|
9722
|
-
|
|
9733
|
+
function RadioButton(_ref) {
|
|
9734
|
+
var onChange = _ref.onChange,
|
|
9735
|
+
value = _ref.value,
|
|
9736
|
+
_ref$className = _ref.className,
|
|
9737
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
9738
|
+
_ref$theme = _ref.theme,
|
|
9739
|
+
theme = _ref$theme === void 0 ? RadioButtonType.New : _ref$theme,
|
|
9740
|
+
_ref$error = _ref.error,
|
|
9741
|
+
error = _ref$error === void 0 ? false : _ref$error,
|
|
9742
|
+
_ref$type = _ref.type,
|
|
9743
|
+
type = _ref$type === void 0 ? 'button' : _ref$type,
|
|
9744
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
9745
|
+
var classNames = useMergedClassNames([rootClassName$2o, theme, className]);
|
|
9746
|
+
return React.createElement("button", Object.assign({}, props, {
|
|
9747
|
+
type: type,
|
|
9748
|
+
"data-checked": value,
|
|
9749
|
+
"data-error": error,
|
|
9750
|
+
className: classNames,
|
|
9751
|
+
onClick: function onClick() {
|
|
9752
|
+
if (!props.disabled) {
|
|
9753
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(!value);
|
|
9723
9754
|
}
|
|
9724
|
-
}
|
|
9725
|
-
|
|
9726
|
-
delete p.onChange;
|
|
9727
|
-
return p;
|
|
9728
|
-
}, [props]);
|
|
9729
|
-
return React.createElement("button", Object.assign({}, buttonProps));
|
|
9755
|
+
}
|
|
9756
|
+
}));
|
|
9730
9757
|
}
|
|
9731
9758
|
RadioButton.defaultProps = {
|
|
9732
9759
|
disabled: false,
|
|
@@ -10614,32 +10641,8 @@ Switch.defaultProps = {
|
|
|
10614
10641
|
scale: 1
|
|
10615
10642
|
};
|
|
10616
10643
|
|
|
10617
|
-
var
|
|
10618
|
-
|
|
10619
|
-
IconButtonType["Primary"] = "primary";
|
|
10620
|
-
IconButtonType["Secondary"] = "secondary";
|
|
10621
|
-
IconButtonType["Gray"] = "gray";
|
|
10622
|
-
IconButtonType["Dark"] = "dark";
|
|
10623
|
-
IconButtonType["Blue"] = "blue";
|
|
10624
|
-
})(IconButtonType || (IconButtonType = {}));
|
|
10625
|
-
|
|
10626
|
-
var rootClassName$2t = 'component-table-actions-column';
|
|
10627
|
-
var ActionsColumn = function ActionsColumn(props) {
|
|
10628
|
-
return React.createElement("div", {
|
|
10629
|
-
className: rootClassName$2t
|
|
10630
|
-
}, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
|
|
10631
|
-
return React.createElement(IconButton$1, Object.assign({
|
|
10632
|
-
key: index,
|
|
10633
|
-
theme: IconButtonType.Primary
|
|
10634
|
-
}, btn));
|
|
10635
|
-
}) : undefined);
|
|
10636
|
-
};
|
|
10637
|
-
ActionsColumn.defaultProps = {
|
|
10638
|
-
buttons: []
|
|
10639
|
-
};
|
|
10640
|
-
|
|
10641
|
-
var _excluded$b = ["columns", "lines", "onSort", "confirmSort", "sortable", "upperHeader", "className"];
|
|
10642
|
-
var rootClassName$2u = 'component-table';
|
|
10644
|
+
var _excluded$e = ["columns", "lines", "onSort", "confirmSort", "sortable", "upperHeader", "className"];
|
|
10645
|
+
var rootClassName$2t = 'component-table';
|
|
10643
10646
|
function TypedTable(props) {
|
|
10644
10647
|
return React.createElement(Table, Object.assign({}, props));
|
|
10645
10648
|
}
|
|
@@ -10651,7 +10654,7 @@ function Table(_ref) {
|
|
|
10651
10654
|
sortable = _ref.sortable,
|
|
10652
10655
|
upperHeader = _ref.upperHeader,
|
|
10653
10656
|
className = _ref.className,
|
|
10654
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
10657
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
|
|
10655
10658
|
var itemsId = useMemo(function () {
|
|
10656
10659
|
return "table" + getUniqueKey();
|
|
10657
10660
|
}, []);
|
|
@@ -10661,8 +10664,8 @@ function Table(_ref) {
|
|
|
10661
10664
|
var el = document.getElementById(itemsId);
|
|
10662
10665
|
sortableComponent = new Sortable(el, {
|
|
10663
10666
|
animation: 300,
|
|
10664
|
-
ghostClass: rootClassName$
|
|
10665
|
-
dragClass: rootClassName$
|
|
10667
|
+
ghostClass: rootClassName$2t + "-item-ghost",
|
|
10668
|
+
dragClass: rootClassName$2t + "-item-dragging",
|
|
10666
10669
|
onStart: function onStart() {
|
|
10667
10670
|
document.body.classList.add('document-grabbing');
|
|
10668
10671
|
},
|
|
@@ -10694,9 +10697,9 @@ function Table(_ref) {
|
|
|
10694
10697
|
};
|
|
10695
10698
|
}, [sortable, itemsId]);
|
|
10696
10699
|
return React.createElement("div", {
|
|
10697
|
-
className: rootClassName$
|
|
10700
|
+
className: rootClassName$2t + "-outer"
|
|
10698
10701
|
}, upperHeader ? React.createElement(React.Fragment, null, React.createElement("div", {
|
|
10699
|
-
className: getMergedClassNames([rootClassName$
|
|
10702
|
+
className: getMergedClassNames([rootClassName$2t + "-upper-header", upperHeader.active ? 'active' : ''])
|
|
10700
10703
|
}, upperHeader.buttons && upperHeader.buttons.length ? upperHeader.buttons.map(function (btn, index) {
|
|
10701
10704
|
return React.createElement("button", {
|
|
10702
10705
|
id: btn.id || undefined,
|
|
@@ -10705,9 +10708,9 @@ function Table(_ref) {
|
|
|
10705
10708
|
disabled: !(upperHeader !== null && upperHeader !== void 0 && upperHeader.active) || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false
|
|
10706
10709
|
}, React.createElement("span", null, btn.icon), btn.label);
|
|
10707
10710
|
}) : undefined)) : undefined, React.createElement("div", {
|
|
10708
|
-
className: rootClassName$
|
|
10711
|
+
className: rootClassName$2t + "-outer-table"
|
|
10709
10712
|
}, React.createElement("table", Object.assign({}, props, {
|
|
10710
|
-
className: getMergedClassNames([rootClassName$
|
|
10713
|
+
className: getMergedClassNames([rootClassName$2t, className || '', upperHeader ? 'has-upper-header' : ''])
|
|
10711
10714
|
}), React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null), columns && columns.length ? Array.from(columns).map(function (column, columnIndex) {
|
|
10712
10715
|
return React.createElement("th", Object.assign({}, column.props, {
|
|
10713
10716
|
key: column.key ? column.key : columnIndex
|
|
@@ -10734,6 +10737,30 @@ function Table(_ref) {
|
|
|
10734
10737
|
}) : undefined))));
|
|
10735
10738
|
}
|
|
10736
10739
|
|
|
10740
|
+
var IconButtonType;
|
|
10741
|
+
(function (IconButtonType) {
|
|
10742
|
+
IconButtonType["Primary"] = "primary";
|
|
10743
|
+
IconButtonType["Secondary"] = "secondary";
|
|
10744
|
+
IconButtonType["Gray"] = "gray";
|
|
10745
|
+
IconButtonType["Dark"] = "dark";
|
|
10746
|
+
IconButtonType["Blue"] = "blue";
|
|
10747
|
+
})(IconButtonType || (IconButtonType = {}));
|
|
10748
|
+
|
|
10749
|
+
var rootClassName$2u = 'component-table-actions-column';
|
|
10750
|
+
var ActionsColumn = function ActionsColumn(props) {
|
|
10751
|
+
return React.createElement("div", {
|
|
10752
|
+
className: rootClassName$2u
|
|
10753
|
+
}, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
|
|
10754
|
+
return React.createElement(IconButton$1, Object.assign({
|
|
10755
|
+
key: index,
|
|
10756
|
+
theme: IconButtonType.Primary
|
|
10757
|
+
}, btn));
|
|
10758
|
+
}) : undefined);
|
|
10759
|
+
};
|
|
10760
|
+
ActionsColumn.defaultProps = {
|
|
10761
|
+
buttons: []
|
|
10762
|
+
};
|
|
10763
|
+
|
|
10737
10764
|
var titleClassName$1 = 'component-table-actions';
|
|
10738
10765
|
function TableActions(props) {
|
|
10739
10766
|
var _props$actions;
|
|
@@ -11227,13 +11254,13 @@ function TextEditorColorPicker(props) {
|
|
|
11227
11254
|
}, "OK")));
|
|
11228
11255
|
}
|
|
11229
11256
|
|
|
11230
|
-
var _excluded$
|
|
11257
|
+
var _excluded$f = ["icon", "active"];
|
|
11231
11258
|
var rootClassName$2C = 'text-editor-header-button';
|
|
11232
11259
|
function TextEditorHeaderButton(_ref) {
|
|
11233
11260
|
var _props$className;
|
|
11234
11261
|
var icon = _ref.icon,
|
|
11235
11262
|
active = _ref.active,
|
|
11236
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
11263
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
|
|
11237
11264
|
return React.createElement("button", Object.assign({
|
|
11238
11265
|
className: getMergedClassNames([rootClassName$2C, active ? 'active' : '', (_props$className = props.className) != null ? _props$className : ''])
|
|
11239
11266
|
}, props), icon);
|
|
@@ -12091,7 +12118,7 @@ TopLoader.defaultProps = {
|
|
|
12091
12118
|
})
|
|
12092
12119
|
};
|
|
12093
12120
|
|
|
12094
|
-
var _excluded$
|
|
12121
|
+
var _excluded$g = ["className", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "urlVideo", "videoPlayerProps"];
|
|
12095
12122
|
var rootClassName$2M = 'video-modal';
|
|
12096
12123
|
function VideoModal(_ref) {
|
|
12097
12124
|
var _ref2;
|
|
@@ -12105,7 +12132,7 @@ function VideoModal(_ref) {
|
|
|
12105
12132
|
tag = _ref$tag === void 0 ? 'dialog' : _ref$tag,
|
|
12106
12133
|
urlVideo = _ref.urlVideo,
|
|
12107
12134
|
videoPlayerProps = _ref.videoPlayerProps,
|
|
12108
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12135
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
|
|
12109
12136
|
var _useScreenSize = useScreenSize(),
|
|
12110
12137
|
rankedSize = _useScreenSize.rankedSize;
|
|
12111
12138
|
var handleClose = useCallback(function () {
|
|
@@ -12131,10 +12158,31 @@ VideoModal.defaultProps = {
|
|
|
12131
12158
|
size: 'md'
|
|
12132
12159
|
};
|
|
12133
12160
|
|
|
12161
|
+
var _excluded$h = ["className"];
|
|
12134
12162
|
var rootClassName$2N = 'icon-component';
|
|
12163
|
+
var MiniInformationIcon = function MiniInformationIcon(_ref) {
|
|
12164
|
+
var _ref$className = _ref.className,
|
|
12165
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
12166
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
|
|
12167
|
+
var classNames = useMergedClassNames([rootClassName$2N, className]);
|
|
12168
|
+
return React.createElement("svg", Object.assign({
|
|
12169
|
+
viewBox: '0 0 12 12',
|
|
12170
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
12171
|
+
fill: 'none'
|
|
12172
|
+
}, props, {
|
|
12173
|
+
className: classNames
|
|
12174
|
+
}), React.createElement("path", {
|
|
12175
|
+
fillRule: 'evenodd',
|
|
12176
|
+
clipRule: 'evenodd',
|
|
12177
|
+
d: 'M12 6C12 2.68564 9.31436 0 6 0C2.68564 0 0 2.68564 0 6C0 7.01942 0.254625 8.00224 0.733857 8.87715C1.10309 9.55088 1.5972 10.1477 2.18733 10.6329C3.25333 11.5114 4.58947 12 6 12C9.31436 12 12 9.31436 12 6ZM0.75 6C0.75 3.09986 3.09986 0.75 6 0.75C8.90014 0.75 11.25 3.09986 11.25 6C11.25 8.90014 8.90014 11.25 6 11.25C4.76512 11.25 3.59719 10.8229 2.66398 10.0539C2.14748 9.62916 1.7149 9.10668 1.3916 8.51678C0.972551 7.75174 0.75 6.89272 0.75 6ZM5.625 5.12622V8.90472C5.625 9.11183 5.79289 9.27972 6 9.27972C6.20711 9.27972 6.375 9.11183 6.375 8.90472V5.12622C6.375 4.91911 6.20711 4.75122 6 4.75122C5.79289 4.75122 5.625 4.91911 5.625 5.12622ZM6 3.09521C6.25875 3.09521 6.46875 3.30446 6.46875 3.56396C6.46875 3.82271 6.25875 4.03271 6 4.03271C5.74125 4.03271 5.53125 3.82271 5.53125 3.56396C5.53125 3.30446 5.74125 3.09521 6 3.09521Z',
|
|
12178
|
+
fill: 'currentColor'
|
|
12179
|
+
}));
|
|
12180
|
+
};
|
|
12181
|
+
|
|
12182
|
+
var rootClassName$2O = 'icon-component';
|
|
12135
12183
|
var PhonePlusIcon = function PhonePlusIcon() {
|
|
12136
12184
|
return React.createElement("svg", {
|
|
12137
|
-
className: rootClassName$
|
|
12185
|
+
className: rootClassName$2O,
|
|
12138
12186
|
viewBox: '0 0 24 24',
|
|
12139
12187
|
fill: 'currentColor',
|
|
12140
12188
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -12145,7 +12193,7 @@ var PhonePlusIcon = function PhonePlusIcon() {
|
|
|
12145
12193
|
}));
|
|
12146
12194
|
};
|
|
12147
12195
|
|
|
12148
|
-
var rootClassName$
|
|
12196
|
+
var rootClassName$2P = 'calendar-header';
|
|
12149
12197
|
function CalendarHeader(props) {
|
|
12150
12198
|
var size = useScreenSize();
|
|
12151
12199
|
var days = useMemo(function () {
|
|
@@ -12155,16 +12203,16 @@ function CalendarHeader(props) {
|
|
|
12155
12203
|
return props.language.daysOfWeek;
|
|
12156
12204
|
}, [props.language.daysOfWeek, props.language.daysOfWeekAbrev, size]);
|
|
12157
12205
|
return React.createElement("div", {
|
|
12158
|
-
className: rootClassName$
|
|
12206
|
+
className: rootClassName$2P
|
|
12159
12207
|
}, days.map(function (d, i) {
|
|
12160
12208
|
return React.createElement("div", {
|
|
12161
|
-
className: rootClassName$
|
|
12209
|
+
className: rootClassName$2P + "-day",
|
|
12162
12210
|
key: i
|
|
12163
12211
|
}, d);
|
|
12164
12212
|
}));
|
|
12165
12213
|
}
|
|
12166
12214
|
|
|
12167
|
-
var rootClassName$
|
|
12215
|
+
var rootClassName$2Q = 'evento-calendario';
|
|
12168
12216
|
function CalendarEvent(props) {
|
|
12169
12217
|
var _useState = useState(props.forceExpanded || false),
|
|
12170
12218
|
expanded = _useState[0],
|
|
@@ -12193,12 +12241,12 @@ function CalendarEvent(props) {
|
|
|
12193
12241
|
return React.createElement(Fragment$1, null, "large");
|
|
12194
12242
|
case 'medium':
|
|
12195
12243
|
return React.createElement(Fragment$1, null, React.createElement("div", {
|
|
12196
|
-
className: rootClassName$
|
|
12244
|
+
className: rootClassName$2Q + "-tipo",
|
|
12197
12245
|
style: {
|
|
12198
12246
|
borderColor: props.color
|
|
12199
12247
|
}
|
|
12200
12248
|
}, props.tipoEvento), React.createElement("div", {
|
|
12201
|
-
className: rootClassName$
|
|
12249
|
+
className: rootClassName$2Q + "-label"
|
|
12202
12250
|
}, React.createElement(CSSTransition, {
|
|
12203
12251
|
"in": !props.forceExpanded && (!expanded || !props.expandedLabel),
|
|
12204
12252
|
timeout: 300,
|
|
@@ -12208,26 +12256,26 @@ function CalendarEvent(props) {
|
|
|
12208
12256
|
opened: props.forceExpanded || expanded && !!props.expandedLabel,
|
|
12209
12257
|
animateOpacity: true
|
|
12210
12258
|
}, React.createElement(Fragment$1, null, React.createElement("span", null, props.expandedLabel), React.createElement("div", {
|
|
12211
|
-
className: rootClassName$
|
|
12259
|
+
className: rootClassName$2Q + "-date-label"
|
|
12212
12260
|
}, props.expandedDate)))), React.createElement("div", {
|
|
12213
|
-
className: rootClassName$
|
|
12261
|
+
className: rootClassName$2Q + "-modalidade"
|
|
12214
12262
|
}, React.createElement("div", {
|
|
12215
|
-
className: rootClassName$
|
|
12263
|
+
className: rootClassName$2Q + "-icon"
|
|
12216
12264
|
}, props.icon), React.createElement("div", {
|
|
12217
|
-
className: rootClassName$
|
|
12265
|
+
className: rootClassName$2Q + "-modalidade-label nunito"
|
|
12218
12266
|
}, props.iconLabel)));
|
|
12219
12267
|
case 'small':
|
|
12220
12268
|
default:
|
|
12221
12269
|
return React.createElement(Fragment$1, null, React.createElement("div", {
|
|
12222
|
-
className: rootClassName$
|
|
12270
|
+
className: rootClassName$2Q + "-icon"
|
|
12223
12271
|
}, props.icon), React.createElement("div", {
|
|
12224
|
-
className: rootClassName$
|
|
12272
|
+
className: rootClassName$2Q + "-label nunito"
|
|
12225
12273
|
}, props.tipoEvento, " | ", props.label));
|
|
12226
12274
|
}
|
|
12227
12275
|
}, [expanded, props.color, props.expandedDate, props.expandedLabel, props.forceExpanded, props.icon, props.iconLabel, props.label, props.size, props.tipoEvento]);
|
|
12228
12276
|
return React.createElement("button", {
|
|
12229
12277
|
ref: ref,
|
|
12230
|
-
className: useMergedClassNames([rootClassName$
|
|
12278
|
+
className: useMergedClassNames([rootClassName$2Q, props.size, props.borderStyle]),
|
|
12231
12279
|
disabled: props.disabled,
|
|
12232
12280
|
onClick: function onClick(evt) {
|
|
12233
12281
|
if (typeof props.onClick === 'function') {
|
|
@@ -12253,10 +12301,10 @@ CalendarEvent.defaultProps = {
|
|
|
12253
12301
|
};
|
|
12254
12302
|
var CalendarEvent$1 = memo(CalendarEvent);
|
|
12255
12303
|
|
|
12256
|
-
var rootClassName$
|
|
12304
|
+
var rootClassName$2R = 'calendar-chip';
|
|
12257
12305
|
function CalendarChip(props) {
|
|
12258
12306
|
return React.createElement("button", {
|
|
12259
|
-
className: useMergedClassNames([rootClassName$
|
|
12307
|
+
className: useMergedClassNames([rootClassName$2R, 'nunito']),
|
|
12260
12308
|
onClick: props.onClick,
|
|
12261
12309
|
disabled: props.disabled,
|
|
12262
12310
|
style: {
|
|
@@ -12271,11 +12319,11 @@ CalendarChip.defaultProps = {
|
|
|
12271
12319
|
};
|
|
12272
12320
|
var CalendarChip$1 = memo(CalendarChip);
|
|
12273
12321
|
|
|
12274
|
-
var rootClassName$
|
|
12322
|
+
var rootClassName$2S = 'calendar-month-day';
|
|
12275
12323
|
function CalendarMonthDay(props) {
|
|
12276
12324
|
var _props$eventos, _props$eventos$length, _props$eventos2, _props$eventos$length2, _props$eventos3, _props$eventos4, _props$eventos4$slice;
|
|
12277
12325
|
var classNames = useMemo(function () {
|
|
12278
|
-
return getMergedClassNames([rootClassName$
|
|
12326
|
+
return getMergedClassNames([rootClassName$2S, props.pocket ? 'pocket' : '', props.isToday ? 'today' : '', props.disabled ? 'disabled' : '', props.highlightWeekends && (props.day.getDay() === 0 || props.day.getDay() === 6) ? 'highlight' : '']);
|
|
12279
12327
|
}, [props.day, props.disabled, props.highlightWeekends, props.isToday, props.pocket]);
|
|
12280
12328
|
var date = new Date();
|
|
12281
12329
|
date.setDate(date.getDate() - 1);
|
|
@@ -12289,9 +12337,9 @@ function CalendarMonthDay(props) {
|
|
|
12289
12337
|
}
|
|
12290
12338
|
}
|
|
12291
12339
|
}, React.createElement("div", {
|
|
12292
|
-
className: rootClassName$
|
|
12340
|
+
className: rootClassName$2S + "-label-line"
|
|
12293
12341
|
}, React.createElement("div", {
|
|
12294
|
-
className: rootClassName$
|
|
12342
|
+
className: rootClassName$2S + "-day nunito",
|
|
12295
12343
|
onClick: function onClick(evt) {
|
|
12296
12344
|
if (props.pocket && !props.disabled && typeof props.onPlusButtonClick === 'function') {
|
|
12297
12345
|
props.onPlusButtonClick(props.day, evt);
|
|
@@ -12312,7 +12360,7 @@ function CalendarMonthDay(props) {
|
|
|
12312
12360
|
},
|
|
12313
12361
|
disabled: props.disabled
|
|
12314
12362
|
}) : undefined)), !props.pocket ? React.createElement(Fragment$1, null, React.createElement("div", {
|
|
12315
|
-
className: rootClassName$
|
|
12363
|
+
className: rootClassName$2S + "-eventos"
|
|
12316
12364
|
}, (_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) {
|
|
12317
12365
|
return React.createElement(CalendarEvent$1, Object.assign({
|
|
12318
12366
|
key: e.id
|
|
@@ -12321,7 +12369,7 @@ function CalendarMonthDay(props) {
|
|
|
12321
12369
|
}));
|
|
12322
12370
|
})), props.showAddButton ? React.createElement("button", {
|
|
12323
12371
|
disabled: props.disabledPrevAddButton ? props.day < date ? true : false : false,
|
|
12324
|
-
className: rootClassName$
|
|
12372
|
+
className: rootClassName$2S + "-button",
|
|
12325
12373
|
onClick: function onClick(evt) {
|
|
12326
12374
|
if (typeof props.onAddButtonClick === 'function') {
|
|
12327
12375
|
var _props$onAddButtonCli;
|
|
@@ -12333,7 +12381,7 @@ function CalendarMonthDay(props) {
|
|
|
12333
12381
|
}
|
|
12334
12382
|
var CalendarMonthDay$1 = memo(CalendarMonthDay);
|
|
12335
12383
|
|
|
12336
|
-
var rootClassName$
|
|
12384
|
+
var rootClassName$2T = 'calendar-days';
|
|
12337
12385
|
function CalendarDays(props) {
|
|
12338
12386
|
var today = useMemo(function () {
|
|
12339
12387
|
return new Date();
|
|
@@ -12351,7 +12399,7 @@ function CalendarDays(props) {
|
|
|
12351
12399
|
return false;
|
|
12352
12400
|
}, [props.referencia, props.disabledNextMonth, props.disabledPrevMonth]);
|
|
12353
12401
|
return React.createElement("div", {
|
|
12354
|
-
className: rootClassName$
|
|
12402
|
+
className: rootClassName$2T
|
|
12355
12403
|
}, days.map(function (d) {
|
|
12356
12404
|
var _props$eventos;
|
|
12357
12405
|
var k = "" + d.getFullYear() + getTwoNumbersIfNotTen(d.getMonth() + 1) + getTwoNumbersIfNotTen(d.getDate());
|
|
@@ -12376,8 +12424,8 @@ function CalendarDays(props) {
|
|
|
12376
12424
|
}
|
|
12377
12425
|
var CalendarDays$1 = memo(CalendarDays);
|
|
12378
12426
|
|
|
12379
|
-
var _excluded$
|
|
12380
|
-
var rootClassName$
|
|
12427
|
+
var _excluded$i = ["language", "visao", "referencia"];
|
|
12428
|
+
var rootClassName$2U = 'calendar';
|
|
12381
12429
|
function Calendar(_ref) {
|
|
12382
12430
|
var _ref$language = _ref.language,
|
|
12383
12431
|
language = _ref$language === void 0 ? ptbrCalendarLanguage : _ref$language,
|
|
@@ -12385,7 +12433,7 @@ function Calendar(_ref) {
|
|
|
12385
12433
|
visao = _ref$visao === void 0 ? CalendarView.Mensal : _ref$visao,
|
|
12386
12434
|
_ref$referencia = _ref.referencia,
|
|
12387
12435
|
referencia = _ref$referencia === void 0 ? new Date() : _ref$referencia,
|
|
12388
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12436
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
|
|
12389
12437
|
var id = useMemo(getUniqueKey, []);
|
|
12390
12438
|
var _useState = useState(false),
|
|
12391
12439
|
pocket = _useState[0],
|
|
@@ -12393,7 +12441,7 @@ function Calendar(_ref) {
|
|
|
12393
12441
|
var pocketRef = useRef(pocket);
|
|
12394
12442
|
pocketRef.current = pocket;
|
|
12395
12443
|
var classNames = useMemo(function () {
|
|
12396
|
-
return getMergedClassNames([rootClassName$
|
|
12444
|
+
return getMergedClassNames([rootClassName$2U, props.loading ? 'loading' : '']);
|
|
12397
12445
|
}, [props.loading]);
|
|
12398
12446
|
var cbResize = useCallback(function (evt) {
|
|
12399
12447
|
if (pocketRef.current) {
|
|
@@ -12450,7 +12498,26 @@ Calendar.defaultProps = {
|
|
|
12450
12498
|
};
|
|
12451
12499
|
var Calendar$1 = memo(Calendar);
|
|
12452
12500
|
|
|
12453
|
-
|
|
12501
|
+
function FormattedText(text) {
|
|
12502
|
+
var _text$text, _text$tag, _text$props;
|
|
12503
|
+
var _final = typeof text === 'string' ? text : (_text$text = text.text) != null ? _text$text : '';
|
|
12504
|
+
var tag = typeof text === 'string' ? 'span' : (_text$tag = text.tag) != null ? _text$tag : 'span';
|
|
12505
|
+
var props = typeof text === 'string' ? {} : (_text$props = text.props) != null ? _text$props : {};
|
|
12506
|
+
_final = _final.replaceAll(/_([^_]*)_/g, '<i>$1</i>').replaceAll(/\*([^*]*)\*/g, '<b>$1</b>').replaceAll(/~([^~]*)~/g, '<del>$1</del>');
|
|
12507
|
+
for (var _len = arguments.length, replacers = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
12508
|
+
replacers[_key - 1] = arguments[_key];
|
|
12509
|
+
}
|
|
12510
|
+
replacers.forEach(function (s, i) {
|
|
12511
|
+
_final = _final.replaceAll("#" + (i + 1) + "#", s);
|
|
12512
|
+
});
|
|
12513
|
+
return React.createElement(tag, _extends({}, props, {
|
|
12514
|
+
dangerouslySetInnerHTML: {
|
|
12515
|
+
__html: DOMPurify.sanitize(_final)
|
|
12516
|
+
}
|
|
12517
|
+
}));
|
|
12518
|
+
}
|
|
12519
|
+
|
|
12520
|
+
var rootClassName$2V = 'scroll-arrow-overflow';
|
|
12454
12521
|
function ScrollArrowOverflow(props) {
|
|
12455
12522
|
var ref = createRef();
|
|
12456
12523
|
var atualRef = useRef(0);
|
|
@@ -12522,9 +12589,9 @@ function ScrollArrowOverflow(props) {
|
|
|
12522
12589
|
};
|
|
12523
12590
|
}, []);
|
|
12524
12591
|
return React.createElement("div", {
|
|
12525
|
-
className: useMergedClassNames([rootClassName$
|
|
12592
|
+
className: useMergedClassNames([rootClassName$2V, props.arrows])
|
|
12526
12593
|
}, React.createElement("div", {
|
|
12527
|
-
className: rootClassName$
|
|
12594
|
+
className: rootClassName$2V + "-navigation"
|
|
12528
12595
|
}, React.createElement(IconButton$1, {
|
|
12529
12596
|
disabled: start,
|
|
12530
12597
|
icon: React.createElement(CircleArrowLeft, null),
|
|
@@ -12539,7 +12606,7 @@ function ScrollArrowOverflow(props) {
|
|
|
12539
12606
|
}
|
|
12540
12607
|
})), React.createElement("div", {
|
|
12541
12608
|
ref: ref,
|
|
12542
|
-
className: rootClassName$
|
|
12609
|
+
className: rootClassName$2V + "-overflow"
|
|
12543
12610
|
}, props.children));
|
|
12544
12611
|
}
|
|
12545
12612
|
ScrollArrowOverflow.defaultProps = {
|
|
@@ -12548,26 +12615,26 @@ ScrollArrowOverflow.defaultProps = {
|
|
|
12548
12615
|
};
|
|
12549
12616
|
var ScrollArrowOverflow$1 = memo(ScrollArrowOverflow);
|
|
12550
12617
|
|
|
12551
|
-
var rootClassName$
|
|
12618
|
+
var rootClassName$2W = 'hour-events';
|
|
12552
12619
|
function HourEvents(props) {
|
|
12553
12620
|
var _props$language, _props$language2, _props$events, _props$events2, _props$language3, _props$events3;
|
|
12554
12621
|
var _useState = useState(props.defaultOpened),
|
|
12555
12622
|
opened = _useState[0],
|
|
12556
12623
|
setOpened = _useState[1];
|
|
12557
12624
|
return React.createElement("div", {
|
|
12558
|
-
className: rootClassName$
|
|
12625
|
+
className: rootClassName$2W
|
|
12559
12626
|
}, React.createElement("div", {
|
|
12560
|
-
className: rootClassName$
|
|
12627
|
+
className: rootClassName$2W + "-first-line"
|
|
12561
12628
|
}, React.createElement("div", {
|
|
12562
|
-
className: rootClassName$
|
|
12629
|
+
className: rootClassName$2W + "-hour"
|
|
12563
12630
|
}, props.hour), React.createElement("div", {
|
|
12564
|
-
className: rootClassName$
|
|
12631
|
+
className: rootClassName$2W + "-line"
|
|
12565
12632
|
}), !props.events || !props.events.length ? React.createElement("div", {
|
|
12566
|
-
className: rootClassName$
|
|
12633
|
+
className: rootClassName$2W + "-no-events nunito"
|
|
12567
12634
|
}, (_props$language = props.language) === null || _props$language === void 0 ? void 0 : _props$language.noEvent) : React.createElement("div", {
|
|
12568
|
-
className: rootClassName$
|
|
12635
|
+
className: rootClassName$2W + "-counter nunito"
|
|
12569
12636
|
}, (_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.createElement(Fragment$1, null, React.createElement("div", {
|
|
12570
|
-
className: rootClassName$
|
|
12637
|
+
className: rootClassName$2W + "-toggle"
|
|
12571
12638
|
}, React.createElement(Button$1, {
|
|
12572
12639
|
theme: ButtonThemes.DefaultPrimary,
|
|
12573
12640
|
onClick: function onClick() {
|
|
@@ -12602,7 +12669,7 @@ HourEvents.defaultProps = {
|
|
|
12602
12669
|
};
|
|
12603
12670
|
var HourEvents$1 = memo(HourEvents);
|
|
12604
12671
|
|
|
12605
|
-
var rootClassName$
|
|
12672
|
+
var rootClassName$2X = 'inline-month-picker';
|
|
12606
12673
|
function InlineMonthPicker(props) {
|
|
12607
12674
|
var _props$labelGen;
|
|
12608
12675
|
var d = new Date(props.value.getTime());
|
|
@@ -12614,13 +12681,13 @@ function InlineMonthPicker(props) {
|
|
|
12614
12681
|
}
|
|
12615
12682
|
};
|
|
12616
12683
|
return React.createElement("div", {
|
|
12617
|
-
className: rootClassName$
|
|
12684
|
+
className: rootClassName$2X
|
|
12618
12685
|
}, React.createElement("div", {
|
|
12619
|
-
className: rootClassName$
|
|
12686
|
+
className: rootClassName$2X + "-icon"
|
|
12620
12687
|
}, React.createElement(CalendarCheckIcon, null)), React.createElement("div", {
|
|
12621
|
-
className: rootClassName$
|
|
12688
|
+
className: rootClassName$2X + "-label"
|
|
12622
12689
|
}, (_props$labelGen = props.labelGen) === null || _props$labelGen === void 0 ? void 0 : _props$labelGen.call(props, props.value)), React.createElement("div", {
|
|
12623
|
-
className: rootClassName$
|
|
12690
|
+
className: rootClassName$2X + "-actions"
|
|
12624
12691
|
}, React.createElement(IconButton$1, {
|
|
12625
12692
|
icon: React.createElement(ChevronArrowLeftIcon, null),
|
|
12626
12693
|
onClick: function onClick() {
|
|
@@ -12646,7 +12713,7 @@ InlineMonthPicker.defaultProps = {
|
|
|
12646
12713
|
};
|
|
12647
12714
|
var InlineMonthPicker$1 = memo(InlineMonthPicker);
|
|
12648
12715
|
|
|
12649
|
-
var rootClassName$
|
|
12716
|
+
var rootClassName$2Y = 'qrcode';
|
|
12650
12717
|
function QRCode(props) {
|
|
12651
12718
|
var ref = createRef();
|
|
12652
12719
|
useEffect(function () {
|
|
@@ -12665,7 +12732,7 @@ function QRCode(props) {
|
|
|
12665
12732
|
});
|
|
12666
12733
|
}, [props, ref]);
|
|
12667
12734
|
var className = useMemo(function () {
|
|
12668
|
-
return getMergedClassNames([rootClassName$
|
|
12735
|
+
return getMergedClassNames([rootClassName$2Y, props.button ? 'button' : '']);
|
|
12669
12736
|
}, [props.button]);
|
|
12670
12737
|
return React.createElement("div", {
|
|
12671
12738
|
className: className,
|
|
@@ -12686,6 +12753,204 @@ QRCode.defaultProps = {
|
|
|
12686
12753
|
};
|
|
12687
12754
|
var QRCode$1 = memo(QRCode);
|
|
12688
12755
|
|
|
12756
|
+
var rootClassName$2Z = 'icon-component';
|
|
12757
|
+
var DecreaseIcon = function DecreaseIcon() {
|
|
12758
|
+
return React.createElement("svg", {
|
|
12759
|
+
className: rootClassName$2Z,
|
|
12760
|
+
viewBox: '0 0 24 24',
|
|
12761
|
+
xmlns: 'http://www.w3.org/2000/svg'
|
|
12762
|
+
}, React.createElement("path", {
|
|
12763
|
+
fillRule: 'evenodd',
|
|
12764
|
+
clipRule: 'evenodd',
|
|
12765
|
+
d: 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17.5 12C17.5 11.7239 17.2761 11.5 17 11.5H7L6.91012 11.5081C6.67688 11.5504 6.5 11.7545 6.5 12C6.5 12.2761 6.72386 12.5 7 12.5H17L17.0899 12.4919C17.3231 12.4496 17.5 12.2455 17.5 12Z',
|
|
12766
|
+
fill: 'currentColor'
|
|
12767
|
+
}));
|
|
12768
|
+
};
|
|
12769
|
+
|
|
12770
|
+
var _excluded$j = ["type"];
|
|
12771
|
+
var rootClassName$2_ = 'component-table-left-checkbox-with-label';
|
|
12772
|
+
var LeftControlWithLabel = function LeftControlWithLabel(_ref) {
|
|
12773
|
+
var _props$spanProps2, _props$spanProps3;
|
|
12774
|
+
var type = _ref.type,
|
|
12775
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
|
|
12776
|
+
var style = useMemo(function () {
|
|
12777
|
+
var _props$spanProps$styl, _props$spanProps;
|
|
12778
|
+
var style = _extends({
|
|
12779
|
+
justifyContent: props.justifyContent
|
|
12780
|
+
}, (_props$spanProps$styl = (_props$spanProps = props.spanProps) === null || _props$spanProps === void 0 ? void 0 : _props$spanProps.style) != null ? _props$spanProps$styl : {});
|
|
12781
|
+
if (props.removeUserSelect) {
|
|
12782
|
+
style.userSelect = 'none';
|
|
12783
|
+
}
|
|
12784
|
+
if (props.anchorLabelToCheckbox && !props.disabled) {
|
|
12785
|
+
style.cursor = 'pointer';
|
|
12786
|
+
}
|
|
12787
|
+
return style;
|
|
12788
|
+
}, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
|
|
12789
|
+
return React.createElement("div", {
|
|
12790
|
+
className: getMergedClassNames([rootClassName$2_, props.w100 ? 'w-100' : ''])
|
|
12791
|
+
}, React.createElement("span", {
|
|
12792
|
+
className: rootClassName$2_ + "-checkbox-wrapper",
|
|
12793
|
+
"tooltip-position": props['tooltip-position'],
|
|
12794
|
+
"tooltip-text": props['tooltip-text']
|
|
12795
|
+
}, type === 'addRemove' ? React.createElement(IconButton$1, {
|
|
12796
|
+
className: getMergedClassNames([rootClassName$2_ + "-add-remove-button", props.value ? rootClassName$2_ + "-danger" : '']),
|
|
12797
|
+
icon: props.value ? React.createElement(DecreaseIcon, null) : React.createElement(AddIcon, null),
|
|
12798
|
+
disabled: props.disabled,
|
|
12799
|
+
onClick: function onClick(evt) {
|
|
12800
|
+
var _props$onChange;
|
|
12801
|
+
evt.stopPropagation();
|
|
12802
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, !props.value, evt);
|
|
12803
|
+
}
|
|
12804
|
+
}) : React.createElement(Checkbox$1, {
|
|
12805
|
+
value: props.value,
|
|
12806
|
+
disabled: props.disabled,
|
|
12807
|
+
onChange: props.onChange,
|
|
12808
|
+
theme: props.theme
|
|
12809
|
+
})), React.createElement("span", Object.assign({}, (_props$spanProps2 = props.spanProps) != null ? _props$spanProps2 : {}, {
|
|
12810
|
+
className: getMergedClassNames([rootClassName$2_ + "-label-wrapper", ((_props$spanProps3 = props.spanProps) === null || _props$spanProps3 === void 0 ? void 0 : _props$spanProps3.className) || '']),
|
|
12811
|
+
style: style,
|
|
12812
|
+
onClick: function onClick(evt) {
|
|
12813
|
+
var _props$spanProps4, _props$spanProps4$onC;
|
|
12814
|
+
if (props.anchorLabelToCheckbox) {
|
|
12815
|
+
var _props$onChange2;
|
|
12816
|
+
(_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 ? void 0 : _props$onChange2.call(props, !props.value, evt);
|
|
12817
|
+
}
|
|
12818
|
+
(_props$spanProps4 = props.spanProps) === null || _props$spanProps4 === void 0 ? void 0 : (_props$spanProps4$onC = _props$spanProps4.onClick) === null || _props$spanProps4$onC === void 0 ? void 0 : _props$spanProps4$onC.call(_props$spanProps4, evt);
|
|
12819
|
+
}
|
|
12820
|
+
}), props.label));
|
|
12821
|
+
};
|
|
12822
|
+
|
|
12823
|
+
function TooltipElement(_ref) {
|
|
12824
|
+
var label = _ref.label,
|
|
12825
|
+
_ref$placement = _ref.placement,
|
|
12826
|
+
placement = _ref$placement === void 0 ? 'top' : _ref$placement,
|
|
12827
|
+
_ref$fallbackPlacemen = _ref.fallbackPlacements,
|
|
12828
|
+
fallbackPlacements = _ref$fallbackPlacemen === void 0 ? ['right', 'left', 'bottom'] : _ref$fallbackPlacemen,
|
|
12829
|
+
children = _ref.children;
|
|
12830
|
+
var arrowRef = useRef(null);
|
|
12831
|
+
var _useState = useState(false),
|
|
12832
|
+
opened = _useState[0],
|
|
12833
|
+
setOpened = _useState[1];
|
|
12834
|
+
var _useFloating = useFloating({
|
|
12835
|
+
open: opened,
|
|
12836
|
+
onOpenChange: setOpened,
|
|
12837
|
+
placement: placement,
|
|
12838
|
+
whileElementsMounted: autoUpdate,
|
|
12839
|
+
transform: false,
|
|
12840
|
+
strategy: 'fixed',
|
|
12841
|
+
middleware: [offset(7 + 2), flip({
|
|
12842
|
+
fallbackPlacements: fallbackPlacements
|
|
12843
|
+
}), shift(), arrow({
|
|
12844
|
+
element: arrowRef,
|
|
12845
|
+
padding: 8
|
|
12846
|
+
})]
|
|
12847
|
+
}),
|
|
12848
|
+
floatingStyles = _useFloating.floatingStyles,
|
|
12849
|
+
refs = _useFloating.refs,
|
|
12850
|
+
context = _useFloating.context;
|
|
12851
|
+
var hover = useHover(context, {
|
|
12852
|
+
move: false
|
|
12853
|
+
});
|
|
12854
|
+
var focus = useFocus(context);
|
|
12855
|
+
var dismiss = useDismiss(context);
|
|
12856
|
+
var role = useRole(context, {
|
|
12857
|
+
role: 'tooltip'
|
|
12858
|
+
});
|
|
12859
|
+
var _useInteractions = useInteractions([hover, focus, dismiss, role]),
|
|
12860
|
+
getReferenceProps = _useInteractions.getReferenceProps,
|
|
12861
|
+
getFloatingProps = _useInteractions.getFloatingProps;
|
|
12862
|
+
var _useTransitionStyles = useTransitionStyles(context, {
|
|
12863
|
+
duration: 250,
|
|
12864
|
+
initial: function initial(_ref2) {
|
|
12865
|
+
var side = _ref2.side;
|
|
12866
|
+
return {
|
|
12867
|
+
transform: ['top', 'bottom'].includes(side) ? 'translateY(5px)' : '',
|
|
12868
|
+
opacity: 0
|
|
12869
|
+
};
|
|
12870
|
+
},
|
|
12871
|
+
common: {
|
|
12872
|
+
transform: 'translateY(0px)',
|
|
12873
|
+
opacity: 1
|
|
12874
|
+
}
|
|
12875
|
+
}),
|
|
12876
|
+
isMounted = _useTransitionStyles.isMounted,
|
|
12877
|
+
transitionStyles = _useTransitionStyles.styles;
|
|
12878
|
+
return React.createElement(Fragment$1, null, React.createElement("div", Object.assign({
|
|
12879
|
+
className: undefined.reference,
|
|
12880
|
+
ref: refs.setReference
|
|
12881
|
+
}, getReferenceProps), children), React.createElement(FloatingPortal, null, isMounted && React.createElement("div", Object.assign({
|
|
12882
|
+
className: undefined.tooltip,
|
|
12883
|
+
ref: refs.setFloating,
|
|
12884
|
+
style: _extends({}, floatingStyles, transitionStyles)
|
|
12885
|
+
}, getFloatingProps()), React.createElement("span", {
|
|
12886
|
+
className: undefined.label
|
|
12887
|
+
}, label), React.createElement(FloatingArrow, {
|
|
12888
|
+
ref: arrowRef,
|
|
12889
|
+
context: context,
|
|
12890
|
+
fill: '#323c32'
|
|
12891
|
+
}))));
|
|
12892
|
+
}
|
|
12893
|
+
|
|
12894
|
+
var _excluded$k = ["className", "variant", "color", "focus", "style", "alignment", "format", "dangerouslySetInnerHTML", "children"];
|
|
12895
|
+
var Typography = forwardRef(function (_ref, ref) {
|
|
12896
|
+
var _ref$className = _ref.className,
|
|
12897
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
12898
|
+
_ref$variant = _ref.variant,
|
|
12899
|
+
variant = _ref$variant === void 0 ? 'body' : _ref$variant,
|
|
12900
|
+
_ref$color = _ref.color,
|
|
12901
|
+
color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
12902
|
+
_ref$focus = _ref.focus,
|
|
12903
|
+
focus = _ref$focus === void 0 ? false : _ref$focus,
|
|
12904
|
+
style = _ref.style,
|
|
12905
|
+
alignment = _ref.alignment,
|
|
12906
|
+
_ref$format = _ref.format,
|
|
12907
|
+
format = _ref$format === void 0 ? {
|
|
12908
|
+
active: false,
|
|
12909
|
+
replacers: []
|
|
12910
|
+
} : _ref$format,
|
|
12911
|
+
dangerouslySetInnerHTML = _ref.dangerouslySetInnerHTML,
|
|
12912
|
+
children = _ref.children,
|
|
12913
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
|
|
12914
|
+
var classNames = useMergedClassNames([undefined.tp, focus ? undefined.focus : '', undefined[color], undefined[variant], className]);
|
|
12915
|
+
var tag = useMemo(function () {
|
|
12916
|
+
switch (variant) {
|
|
12917
|
+
case 'body':
|
|
12918
|
+
return 'p';
|
|
12919
|
+
case 'caption':
|
|
12920
|
+
case 'small':
|
|
12921
|
+
return 'span';
|
|
12922
|
+
default:
|
|
12923
|
+
return variant;
|
|
12924
|
+
}
|
|
12925
|
+
}, [variant]);
|
|
12926
|
+
var formatted = useMemo(function () {
|
|
12927
|
+
if (typeof children === 'string' && (format === true || format !== null && format !== void 0 && format.active)) {
|
|
12928
|
+
var content = children.toString().replace(/_([^_]*)_/g, '<i>$1</i>').replace(/\*{4}([^*]*)\*{4}/g, '<span style="font-weight: 500;">$1</span>').replace(/\*{3}([^*]*)\*{3}/g, '<span style="font-weight: 600;">$1</span>').replace(/\*{2}([^*]*)\*{2}/g, '<span style="font-weight: 700;">$1</span>').replace(/\*([^*]*)\*/g, '<b>$1</b>').replace(/~([^~]*)~/g, '<del>$1</del>');
|
|
12929
|
+
if (format !== true) {
|
|
12930
|
+
var _format$replacers;
|
|
12931
|
+
(_format$replacers = format.replacers) === null || _format$replacers === void 0 ? void 0 : _format$replacers.forEach(function (s, i) {
|
|
12932
|
+
content = content.replaceAll("#" + (i + 1) + "#", s);
|
|
12933
|
+
});
|
|
12934
|
+
}
|
|
12935
|
+
return DOMPurify.sanitize(content, {
|
|
12936
|
+
ADD_ATTR: ['target']
|
|
12937
|
+
});
|
|
12938
|
+
}
|
|
12939
|
+
return undefined;
|
|
12940
|
+
}, [children, format]);
|
|
12941
|
+
return createElement(tag, _extends({
|
|
12942
|
+
ref: ref,
|
|
12943
|
+
className: classNames,
|
|
12944
|
+
style: _extends({}, style != null ? style : {}, alignment ? {
|
|
12945
|
+
textAlign: alignment
|
|
12946
|
+
} : {}),
|
|
12947
|
+
dangerouslySetInnerHTML: formatted ? {
|
|
12948
|
+
__html: formatted
|
|
12949
|
+
} : dangerouslySetInnerHTML
|
|
12950
|
+
}, props), formatted ? undefined : children);
|
|
12951
|
+
});
|
|
12952
|
+
Typography.displayName = 'Typography';
|
|
12953
|
+
|
|
12689
12954
|
function useCallbackedState(callback, initialValue) {
|
|
12690
12955
|
var _useState = useState(initialValue),
|
|
12691
12956
|
value = _useState[0],
|
|
@@ -43710,7 +43975,7 @@ function useHTMLShare() {
|
|
|
43710
43975
|
};
|
|
43711
43976
|
}
|
|
43712
43977
|
|
|
43713
|
-
var rootClassName$
|
|
43978
|
+
var rootClassName$2$ = 'comp-modal-manager';
|
|
43714
43979
|
var maskRootClassName$1 = 'component-modal-mask';
|
|
43715
43980
|
var hackFocus$1 = function hackFocus() {
|
|
43716
43981
|
var tmp = document.createElement('input');
|
|
@@ -43778,13 +44043,13 @@ function useModalManager() {
|
|
|
43778
44043
|
return [React.createElement(React.Fragment, {
|
|
43779
44044
|
key: 1
|
|
43780
44045
|
}, React.createElement(TransitionGroup, {
|
|
43781
|
-
className: rootClassName$
|
|
44046
|
+
className: rootClassName$2$ + "-modals"
|
|
43782
44047
|
}, arrayOfModal.map(function (obj) {
|
|
43783
44048
|
var _obj$props2, _obj$props3;
|
|
43784
44049
|
var ModalComponent = React.createElement(obj.component, obj.props);
|
|
43785
44050
|
return React.createElement(CSSTransition, {
|
|
43786
44051
|
timeout: 300,
|
|
43787
|
-
classNames: rootClassName$
|
|
44052
|
+
classNames: rootClassName$2$ + "-mask",
|
|
43788
44053
|
key: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.modalKey,
|
|
43789
44054
|
unmountOnExit: true
|
|
43790
44055
|
}, React.createElement(ModalMask, {
|
|
@@ -43802,6 +44067,134 @@ function useModalManager() {
|
|
|
43802
44067
|
}))), openModal, closeModal];
|
|
43803
44068
|
}
|
|
43804
44069
|
|
|
44070
|
+
var References;
|
|
44071
|
+
(function (References) {
|
|
44072
|
+
References[References["FORCE_CLOSE"] = -1] = "FORCE_CLOSE";
|
|
44073
|
+
References[References["OPENED_ACTIVE"] = 0] = "OPENED_ACTIVE";
|
|
44074
|
+
})(References || (References = {}));
|
|
44075
|
+
var sortItems = function sortItems(a, b) {
|
|
44076
|
+
return a.ordem - b.ordem;
|
|
44077
|
+
};
|
|
44078
|
+
function usePublicMenuList(props) {
|
|
44079
|
+
var hasPermission = useCallback(function (need) {
|
|
44080
|
+
var needPermission = need.roles && need.roles.length || need.programas && need.programas.length;
|
|
44081
|
+
var hasRole = need.roles && need.roles.length && need.roles.some(function (role) {
|
|
44082
|
+
return props.roles && props.roles.includes(role);
|
|
44083
|
+
});
|
|
44084
|
+
var hasRoleByPrograma = need.programas && need.programas.length && need.programas.some(function (prog) {
|
|
44085
|
+
return props.allProfilesForProgramas[prog] && props.allProfilesForProgramas[prog].some(function (profile) {
|
|
44086
|
+
return props.roles && props.roles.includes(profile);
|
|
44087
|
+
});
|
|
44088
|
+
});
|
|
44089
|
+
return !needPermission || hasRole || hasRoleByPrograma;
|
|
44090
|
+
}, [props.allProfilesForProgramas, props.roles]);
|
|
44091
|
+
var _useState = useState(References.OPENED_ACTIVE),
|
|
44092
|
+
subListReference = _useState[0],
|
|
44093
|
+
setSubListReference = _useState[1];
|
|
44094
|
+
var isOpenedByReference = useCallback(function (reference) {
|
|
44095
|
+
return reference === subListReference;
|
|
44096
|
+
}, [subListReference]);
|
|
44097
|
+
var setOpenedByReference = useCallback(function (reference) {
|
|
44098
|
+
if (isOpenedByReference(reference)) {
|
|
44099
|
+
setSubListReference(References.FORCE_CLOSE);
|
|
44100
|
+
} else {
|
|
44101
|
+
setSubListReference(reference);
|
|
44102
|
+
}
|
|
44103
|
+
}, [isOpenedByReference]);
|
|
44104
|
+
var handleClickLink = useCallback(function (url, obj) {
|
|
44105
|
+
if (!url) return;
|
|
44106
|
+
var target = obj.novaAba ? '_blank' : '_self';
|
|
44107
|
+
var isPermitted = !obj.permissoes || hasPermission(obj.permissoes);
|
|
44108
|
+
var watchIncongruencia = obj.permissoes && obj.permissoes.incongruencia;
|
|
44109
|
+
if (watchIncongruencia && props.incongruencia && typeof props.openModalIncongruencia === 'function') {
|
|
44110
|
+
props.openModalIncongruencia();
|
|
44111
|
+
} else if (isPermitted) {
|
|
44112
|
+
if (obj.internal) {
|
|
44113
|
+
props.history.push(url.replace(window.location.origin, ''));
|
|
44114
|
+
} else {
|
|
44115
|
+
window.open(url, target);
|
|
44116
|
+
}
|
|
44117
|
+
setOpenedByReference(References.OPENED_ACTIVE);
|
|
44118
|
+
} else if (obj.permissoes) {
|
|
44119
|
+
var _obj$permissoes$progr, _obj$permissoes$roles;
|
|
44120
|
+
var isPrograma = obj.permissoes.programas && !!obj.permissoes.programas.length;
|
|
44121
|
+
var plural = isPrograma ? obj.permissoes.programas && obj.permissoes.programas.length > 1 : obj.permissoes.roles && obj.permissoes.roles.length > 1;
|
|
44122
|
+
var label = isPrograma ? (_obj$permissoes$progr = obj.permissoes.programas) === null || _obj$permissoes$progr === void 0 ? void 0 : _obj$permissoes$progr.map(function (prog) {
|
|
44123
|
+
var _props$getProgramaLab;
|
|
44124
|
+
return (_props$getProgramaLab = props.getProgramaLabel(prog)) != null ? _props$getProgramaLab : '';
|
|
44125
|
+
}).join(', ') : (_obj$permissoes$roles = obj.permissoes.roles) === null || _obj$permissoes$roles === void 0 ? void 0 : _obj$permissoes$roles.join(', ');
|
|
44126
|
+
props.openModalProfileWarning(label || '', plural, !isPrograma || obj.permissoes && obj.permissoes.forcePerfilLabel, obj.labelPrograma);
|
|
44127
|
+
setOpenedByReference(References.FORCE_CLOSE);
|
|
44128
|
+
}
|
|
44129
|
+
props.closeMenu();
|
|
44130
|
+
}, [hasPermission, props, setOpenedByReference]);
|
|
44131
|
+
var getSubList = useCallback(function (itens) {
|
|
44132
|
+
if (!itens || !itens.length) return undefined;
|
|
44133
|
+
return itens.sort(sortItems).filter(function (sub) {
|
|
44134
|
+
if (sub.permissoes && sub.permissoes.hide) {
|
|
44135
|
+
return hasPermission(sub.permissoes);
|
|
44136
|
+
}
|
|
44137
|
+
return true;
|
|
44138
|
+
}).map(function (sub) {
|
|
44139
|
+
return {
|
|
44140
|
+
id: sub.id,
|
|
44141
|
+
icon: React.createElement(ListDotIcon, null),
|
|
44142
|
+
label: sub.label,
|
|
44143
|
+
active: sub.regex ? props.isRoute(window.location.pathname, new RegExp(sub.regex)) : false,
|
|
44144
|
+
onClick: function onClick() {
|
|
44145
|
+
if (sub.url) handleClickLink(sub.url, {
|
|
44146
|
+
novaAba: sub.novaAba,
|
|
44147
|
+
permissoes: sub.permissoes,
|
|
44148
|
+
internal: Boolean(sub.idFerramenta && sub.idFerramenta === props.idFerramenta),
|
|
44149
|
+
labelPrograma: sub.labelPrograma
|
|
44150
|
+
});
|
|
44151
|
+
}
|
|
44152
|
+
};
|
|
44153
|
+
});
|
|
44154
|
+
}, [handleClickLink, hasPermission, props]);
|
|
44155
|
+
var menus = useMemo(function () {
|
|
44156
|
+
if (!props.menus) return [];
|
|
44157
|
+
return props.menus.sort(sortItems).filter(function (item) {
|
|
44158
|
+
var _item$subItems;
|
|
44159
|
+
if (item.permissoes && item.permissoes.hide || (_item$subItems = item.subItems) !== null && _item$subItems !== void 0 && _item$subItems.some(function (s) {
|
|
44160
|
+
return s.permissoes && s.permissoes.hide;
|
|
44161
|
+
})) {
|
|
44162
|
+
var _item$subItems2;
|
|
44163
|
+
return !((_item$subItems2 = item.subItems) !== null && _item$subItems2 !== void 0 && _item$subItems2.every(function (s) {
|
|
44164
|
+
return s.permissoes && s.permissoes.hide && !hasPermission(s.permissoes);
|
|
44165
|
+
}));
|
|
44166
|
+
}
|
|
44167
|
+
return true;
|
|
44168
|
+
}).map(function (it) {
|
|
44169
|
+
return {
|
|
44170
|
+
id: it.id,
|
|
44171
|
+
icon: stringToReactElement(it.icon, {
|
|
44172
|
+
style: {
|
|
44173
|
+
height: '24px',
|
|
44174
|
+
width: '24px'
|
|
44175
|
+
}
|
|
44176
|
+
}),
|
|
44177
|
+
label: it.label,
|
|
44178
|
+
active: it.regex ? props.isRoute(window.location.pathname, new RegExp(it.regex)) : false,
|
|
44179
|
+
onClick: it.url ? function () {
|
|
44180
|
+
var _it$novaAba;
|
|
44181
|
+
return handleClickLink(it.url, {
|
|
44182
|
+
novaAba: (_it$novaAba = it.novaAba) != null ? _it$novaAba : false,
|
|
44183
|
+
permissoes: it.permissoes,
|
|
44184
|
+
internal: Boolean(it.idFerramenta && it.idFerramenta === props.idFerramenta),
|
|
44185
|
+
labelPrograma: it.labelPrograma
|
|
44186
|
+
});
|
|
44187
|
+
} : function () {
|
|
44188
|
+
setOpenedByReference(it.id);
|
|
44189
|
+
},
|
|
44190
|
+
subListOpened: isOpenedByReference(it.id),
|
|
44191
|
+
subList: getSubList(it.subItems)
|
|
44192
|
+
};
|
|
44193
|
+
});
|
|
44194
|
+
}, [isOpenedByReference, props.menus, props.history.location, props.roles]);
|
|
44195
|
+
return menus;
|
|
44196
|
+
}
|
|
44197
|
+
|
|
43805
44198
|
function useScrollTo() {
|
|
43806
44199
|
var scrollTo = function scrollTo(_ref) {
|
|
43807
44200
|
var to = _ref.to,
|
|
@@ -43927,7 +44320,7 @@ function useTimeElapsed(timeLeftInSeconds, callBackZero) {
|
|
|
43927
44320
|
return timeToReturn;
|
|
43928
44321
|
}
|
|
43929
44322
|
|
|
43930
|
-
var rootClassName$
|
|
44323
|
+
var rootClassName$30 = 'comp-toast-manager';
|
|
43931
44324
|
var count$1 = 0;
|
|
43932
44325
|
function useToastManager(props) {
|
|
43933
44326
|
var _props$max;
|
|
@@ -43972,17 +44365,17 @@ function useToastManager(props) {
|
|
|
43972
44365
|
toastsRef.current = [];
|
|
43973
44366
|
}, []);
|
|
43974
44367
|
var classNames = useMemo(function () {
|
|
43975
|
-
return getMergedClassNames([rootClassName$
|
|
44368
|
+
return getMergedClassNames([rootClassName$30 + "-toasts", rootClassName$30 + "-" + verticalPosition, rootClassName$30 + "-" + horizontalPosition, reverse ? rootClassName$30 + "-reverse" : '', animateSize ? rootClassName$30 + "-animate-size" : '']);
|
|
43976
44369
|
}, [reverse, animateSize, horizontalPosition, verticalPosition]);
|
|
43977
44370
|
useLayoutEffect(function () {
|
|
43978
|
-
var wrapper = document.querySelector("." + rootClassName$
|
|
44371
|
+
var wrapper = document.querySelector("." + rootClassName$30 + "-toasts");
|
|
43979
44372
|
if (wrapper && wrapper.childElementCount > 0) {
|
|
43980
44373
|
var somaDasAlturas = 0;
|
|
43981
44374
|
if (verticalPosition === 'top' && !reverse) {
|
|
43982
44375
|
somaDasAlturas = 12;
|
|
43983
44376
|
for (var i = 0; i < wrapper.children.length; i++) {
|
|
43984
44377
|
var el = wrapper.children[i];
|
|
43985
|
-
if (!el.classList.contains(rootClassName$
|
|
44378
|
+
if (!el.classList.contains(rootClassName$30 + "-toast-exit")) {
|
|
43986
44379
|
el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
43987
44380
|
somaDasAlturas += el.getBoundingClientRect().height + 12;
|
|
43988
44381
|
}
|
|
@@ -43990,7 +44383,7 @@ function useToastManager(props) {
|
|
|
43990
44383
|
} else if (verticalPosition === 'top') {
|
|
43991
44384
|
for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
|
|
43992
44385
|
var _el = wrapper.children[_i];
|
|
43993
|
-
if (!_el.classList.contains(rootClassName$
|
|
44386
|
+
if (!_el.classList.contains(rootClassName$30 + "-toast-exit")) {
|
|
43994
44387
|
somaDasAlturas += _el.getBoundingClientRect().height + 12;
|
|
43995
44388
|
_el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
43996
44389
|
}
|
|
@@ -43998,7 +44391,7 @@ function useToastManager(props) {
|
|
|
43998
44391
|
} else if (verticalPosition === 'bottom' && !reverse) {
|
|
43999
44392
|
for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
|
|
44000
44393
|
var _el2 = wrapper.children[_i2];
|
|
44001
|
-
if (!_el2.classList.contains(rootClassName$
|
|
44394
|
+
if (!_el2.classList.contains(rootClassName$30 + "-toast-exit")) {
|
|
44002
44395
|
somaDasAlturas += _el2.getBoundingClientRect().height + 12;
|
|
44003
44396
|
_el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
44004
44397
|
}
|
|
@@ -44007,7 +44400,7 @@ function useToastManager(props) {
|
|
|
44007
44400
|
somaDasAlturas = 12;
|
|
44008
44401
|
for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
|
|
44009
44402
|
var _el3 = wrapper.children[_i3];
|
|
44010
|
-
if (!_el3.classList.contains(rootClassName$
|
|
44403
|
+
if (!_el3.classList.contains(rootClassName$30 + "-toast-exit")) {
|
|
44011
44404
|
_el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
44012
44405
|
somaDasAlturas += _el3.getBoundingClientRect().height + 12;
|
|
44013
44406
|
}
|
|
@@ -44022,11 +44415,11 @@ function useToastManager(props) {
|
|
|
44022
44415
|
}, arrayOfToast.map(function (toast) {
|
|
44023
44416
|
return React.createElement(CSSTransition, {
|
|
44024
44417
|
timeout: 300,
|
|
44025
|
-
classNames: rootClassName$
|
|
44418
|
+
classNames: rootClassName$30 + "-toast",
|
|
44026
44419
|
key: toast.id,
|
|
44027
44420
|
unmountOnExit: true
|
|
44028
44421
|
}, React.createElement("div", {
|
|
44029
|
-
className: rootClassName$
|
|
44422
|
+
className: rootClassName$30 + "-toastzin"
|
|
44030
44423
|
}, React.createElement(Toast, {
|
|
44031
44424
|
theme: toast.theme,
|
|
44032
44425
|
label: toast.label,
|
|
@@ -44054,218 +44447,7 @@ function useValidatedState(validation, initialValue) {
|
|
|
44054
44447
|
return [value, setValue, validation(value)];
|
|
44055
44448
|
}
|
|
44056
44449
|
|
|
44057
|
-
var
|
|
44058
|
-
(function (References) {
|
|
44059
|
-
References[References["FORCE_CLOSE"] = -1] = "FORCE_CLOSE";
|
|
44060
|
-
References[References["OPENED_ACTIVE"] = 0] = "OPENED_ACTIVE";
|
|
44061
|
-
})(References || (References = {}));
|
|
44062
|
-
var sortItems = function sortItems(a, b) {
|
|
44063
|
-
return a.ordem - b.ordem;
|
|
44064
|
-
};
|
|
44065
|
-
function usePublicMenuList(props) {
|
|
44066
|
-
var hasPermission = useCallback(function (need) {
|
|
44067
|
-
var needPermission = need.roles && need.roles.length || need.programas && need.programas.length;
|
|
44068
|
-
var hasRole = need.roles && need.roles.length && need.roles.some(function (role) {
|
|
44069
|
-
return props.roles && props.roles.includes(role);
|
|
44070
|
-
});
|
|
44071
|
-
var hasRoleByPrograma = need.programas && need.programas.length && need.programas.some(function (prog) {
|
|
44072
|
-
return props.allProfilesForProgramas[prog] && props.allProfilesForProgramas[prog].some(function (profile) {
|
|
44073
|
-
return props.roles && props.roles.includes(profile);
|
|
44074
|
-
});
|
|
44075
|
-
});
|
|
44076
|
-
return !needPermission || hasRole || hasRoleByPrograma;
|
|
44077
|
-
}, [props.allProfilesForProgramas, props.roles]);
|
|
44078
|
-
var _useState = useState(References.OPENED_ACTIVE),
|
|
44079
|
-
subListReference = _useState[0],
|
|
44080
|
-
setSubListReference = _useState[1];
|
|
44081
|
-
var isOpenedByReference = useCallback(function (reference) {
|
|
44082
|
-
return reference === subListReference;
|
|
44083
|
-
}, [subListReference]);
|
|
44084
|
-
var setOpenedByReference = useCallback(function (reference) {
|
|
44085
|
-
if (isOpenedByReference(reference)) {
|
|
44086
|
-
setSubListReference(References.FORCE_CLOSE);
|
|
44087
|
-
} else {
|
|
44088
|
-
setSubListReference(reference);
|
|
44089
|
-
}
|
|
44090
|
-
}, [isOpenedByReference]);
|
|
44091
|
-
var handleClickLink = useCallback(function (url, obj) {
|
|
44092
|
-
if (!url) return;
|
|
44093
|
-
var target = obj.novaAba ? '_blank' : '_self';
|
|
44094
|
-
var isPermitted = !obj.permissoes || hasPermission(obj.permissoes);
|
|
44095
|
-
var watchIncongruencia = obj.permissoes && obj.permissoes.incongruencia;
|
|
44096
|
-
if (watchIncongruencia && props.incongruencia && typeof props.openModalIncongruencia === 'function') {
|
|
44097
|
-
props.openModalIncongruencia();
|
|
44098
|
-
} else if (isPermitted) {
|
|
44099
|
-
if (obj.internal) {
|
|
44100
|
-
props.history.push(url.replace(window.location.origin, ''));
|
|
44101
|
-
} else {
|
|
44102
|
-
window.open(url, target);
|
|
44103
|
-
}
|
|
44104
|
-
setOpenedByReference(References.OPENED_ACTIVE);
|
|
44105
|
-
} else if (obj.permissoes) {
|
|
44106
|
-
var _obj$permissoes$progr, _obj$permissoes$roles;
|
|
44107
|
-
var isPrograma = obj.permissoes.programas && !!obj.permissoes.programas.length;
|
|
44108
|
-
var plural = isPrograma ? obj.permissoes.programas && obj.permissoes.programas.length > 1 : obj.permissoes.roles && obj.permissoes.roles.length > 1;
|
|
44109
|
-
var label = isPrograma ? (_obj$permissoes$progr = obj.permissoes.programas) === null || _obj$permissoes$progr === void 0 ? void 0 : _obj$permissoes$progr.map(function (prog) {
|
|
44110
|
-
var _props$getProgramaLab;
|
|
44111
|
-
return (_props$getProgramaLab = props.getProgramaLabel(prog)) != null ? _props$getProgramaLab : '';
|
|
44112
|
-
}).join(', ') : (_obj$permissoes$roles = obj.permissoes.roles) === null || _obj$permissoes$roles === void 0 ? void 0 : _obj$permissoes$roles.join(', ');
|
|
44113
|
-
props.openModalProfileWarning(label || '', plural, !isPrograma || obj.permissoes && obj.permissoes.forcePerfilLabel, obj.labelPrograma);
|
|
44114
|
-
setOpenedByReference(References.FORCE_CLOSE);
|
|
44115
|
-
}
|
|
44116
|
-
props.closeMenu();
|
|
44117
|
-
}, [hasPermission, props, setOpenedByReference]);
|
|
44118
|
-
var getSubList = useCallback(function (itens) {
|
|
44119
|
-
if (!itens || !itens.length) return undefined;
|
|
44120
|
-
return itens.sort(sortItems).filter(function (sub) {
|
|
44121
|
-
if (sub.permissoes && sub.permissoes.hide) {
|
|
44122
|
-
return hasPermission(sub.permissoes);
|
|
44123
|
-
}
|
|
44124
|
-
return true;
|
|
44125
|
-
}).map(function (sub) {
|
|
44126
|
-
return {
|
|
44127
|
-
id: sub.id,
|
|
44128
|
-
icon: React.createElement(ListDotIcon, null),
|
|
44129
|
-
label: sub.label,
|
|
44130
|
-
active: sub.regex ? props.isRoute(window.location.pathname, new RegExp(sub.regex)) : false,
|
|
44131
|
-
onClick: function onClick() {
|
|
44132
|
-
if (sub.url) handleClickLink(sub.url, {
|
|
44133
|
-
novaAba: sub.novaAba,
|
|
44134
|
-
permissoes: sub.permissoes,
|
|
44135
|
-
internal: Boolean(sub.idFerramenta && sub.idFerramenta === props.idFerramenta),
|
|
44136
|
-
labelPrograma: sub.labelPrograma
|
|
44137
|
-
});
|
|
44138
|
-
}
|
|
44139
|
-
};
|
|
44140
|
-
});
|
|
44141
|
-
}, [handleClickLink, hasPermission, props]);
|
|
44142
|
-
var menus = useMemo(function () {
|
|
44143
|
-
if (!props.menus) return [];
|
|
44144
|
-
return props.menus.sort(sortItems).filter(function (item) {
|
|
44145
|
-
var _item$subItems;
|
|
44146
|
-
if (item.permissoes && item.permissoes.hide || (_item$subItems = item.subItems) !== null && _item$subItems !== void 0 && _item$subItems.some(function (s) {
|
|
44147
|
-
return s.permissoes && s.permissoes.hide;
|
|
44148
|
-
})) {
|
|
44149
|
-
var _item$subItems2;
|
|
44150
|
-
return !((_item$subItems2 = item.subItems) !== null && _item$subItems2 !== void 0 && _item$subItems2.every(function (s) {
|
|
44151
|
-
return s.permissoes && s.permissoes.hide && !hasPermission(s.permissoes);
|
|
44152
|
-
}));
|
|
44153
|
-
}
|
|
44154
|
-
return true;
|
|
44155
|
-
}).map(function (it) {
|
|
44156
|
-
return {
|
|
44157
|
-
id: it.id,
|
|
44158
|
-
icon: stringToReactElement(it.icon, {
|
|
44159
|
-
style: {
|
|
44160
|
-
height: '24px',
|
|
44161
|
-
width: '24px'
|
|
44162
|
-
}
|
|
44163
|
-
}),
|
|
44164
|
-
label: it.label,
|
|
44165
|
-
active: it.regex ? props.isRoute(window.location.pathname, new RegExp(it.regex)) : false,
|
|
44166
|
-
onClick: it.url ? function () {
|
|
44167
|
-
var _it$novaAba;
|
|
44168
|
-
return handleClickLink(it.url, {
|
|
44169
|
-
novaAba: (_it$novaAba = it.novaAba) != null ? _it$novaAba : false,
|
|
44170
|
-
permissoes: it.permissoes,
|
|
44171
|
-
internal: Boolean(it.idFerramenta && it.idFerramenta === props.idFerramenta),
|
|
44172
|
-
labelPrograma: it.labelPrograma
|
|
44173
|
-
});
|
|
44174
|
-
} : function () {
|
|
44175
|
-
setOpenedByReference(it.id);
|
|
44176
|
-
},
|
|
44177
|
-
subListOpened: isOpenedByReference(it.id),
|
|
44178
|
-
subList: getSubList(it.subItems)
|
|
44179
|
-
};
|
|
44180
|
-
});
|
|
44181
|
-
}, [isOpenedByReference, props.menus, props.history.location, props.roles]);
|
|
44182
|
-
return menus;
|
|
44183
|
-
}
|
|
44184
|
-
|
|
44185
|
-
function FormattedText(text) {
|
|
44186
|
-
var _text$text, _text$tag, _text$props;
|
|
44187
|
-
var _final = typeof text === 'string' ? text : (_text$text = text.text) != null ? _text$text : '';
|
|
44188
|
-
var tag = typeof text === 'string' ? 'span' : (_text$tag = text.tag) != null ? _text$tag : 'span';
|
|
44189
|
-
var props = typeof text === 'string' ? {} : (_text$props = text.props) != null ? _text$props : {};
|
|
44190
|
-
_final = _final.replaceAll(/_([^_]*)_/g, '<i>$1</i>').replaceAll(/\*([^*]*)\*/g, '<b>$1</b>').replaceAll(/~([^~]*)~/g, '<del>$1</del>');
|
|
44191
|
-
for (var _len = arguments.length, replacers = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
44192
|
-
replacers[_key - 1] = arguments[_key];
|
|
44193
|
-
}
|
|
44194
|
-
replacers.forEach(function (s, i) {
|
|
44195
|
-
_final = _final.replaceAll("#" + (i + 1) + "#", s);
|
|
44196
|
-
});
|
|
44197
|
-
return React.createElement(tag, _extends({}, props, {
|
|
44198
|
-
dangerouslySetInnerHTML: {
|
|
44199
|
-
__html: DOMPurify.sanitize(_final)
|
|
44200
|
-
}
|
|
44201
|
-
}));
|
|
44202
|
-
}
|
|
44203
|
-
|
|
44204
|
-
var rootClassName$2_ = 'icon-component';
|
|
44205
|
-
var DecreaseIcon = function DecreaseIcon() {
|
|
44206
|
-
return React.createElement("svg", {
|
|
44207
|
-
className: rootClassName$2_,
|
|
44208
|
-
viewBox: '0 0 24 24',
|
|
44209
|
-
xmlns: 'http://www.w3.org/2000/svg'
|
|
44210
|
-
}, React.createElement("path", {
|
|
44211
|
-
fillRule: 'evenodd',
|
|
44212
|
-
clipRule: 'evenodd',
|
|
44213
|
-
d: 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17.5 12C17.5 11.7239 17.2761 11.5 17 11.5H7L6.91012 11.5081C6.67688 11.5504 6.5 11.7545 6.5 12C6.5 12.2761 6.72386 12.5 7 12.5H17L17.0899 12.4919C17.3231 12.4496 17.5 12.2455 17.5 12Z',
|
|
44214
|
-
fill: 'currentColor'
|
|
44215
|
-
}));
|
|
44216
|
-
};
|
|
44217
|
-
|
|
44218
|
-
var rootClassName$2$ = 'component-table-left-checkbox-with-label';
|
|
44219
|
-
var LeftControlWithLabel = function LeftControlWithLabel(props) {
|
|
44220
|
-
var _props$spanProps2, _props$spanProps3;
|
|
44221
|
-
var style = useMemo(function () {
|
|
44222
|
-
var _props$spanProps$styl, _props$spanProps;
|
|
44223
|
-
var style = _extends({
|
|
44224
|
-
justifyContent: props.justifyContent
|
|
44225
|
-
}, (_props$spanProps$styl = (_props$spanProps = props.spanProps) === null || _props$spanProps === void 0 ? void 0 : _props$spanProps.style) != null ? _props$spanProps$styl : {});
|
|
44226
|
-
if (props.removeUserSelect) {
|
|
44227
|
-
style.userSelect = 'none';
|
|
44228
|
-
}
|
|
44229
|
-
if (props.anchorLabelToCheckbox && !props.disabled) {
|
|
44230
|
-
style.cursor = 'pointer';
|
|
44231
|
-
}
|
|
44232
|
-
return style;
|
|
44233
|
-
}, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
|
|
44234
|
-
return React.createElement("div", {
|
|
44235
|
-
className: getMergedClassNames([rootClassName$2$, props.w100 ? 'w-100' : ''])
|
|
44236
|
-
}, React.createElement("span", {
|
|
44237
|
-
className: rootClassName$2$ + "-checkbox-wrapper",
|
|
44238
|
-
"tooltip-position": props['tooltip-position'],
|
|
44239
|
-
"tooltip-text": props['tooltip-text']
|
|
44240
|
-
}, props.type === 'addRemove' ? React.createElement(IconButton$1, {
|
|
44241
|
-
className: getMergedClassNames([rootClassName$2$ + "-add-remove-button", props.value ? rootClassName$2$ + "-danger" : '']),
|
|
44242
|
-
icon: props.value ? React.createElement(DecreaseIcon, null) : React.createElement(AddIcon, null),
|
|
44243
|
-
disabled: props.disabled,
|
|
44244
|
-
onClick: function onClick(evt) {
|
|
44245
|
-
var _props$onChange;
|
|
44246
|
-
evt.stopPropagation();
|
|
44247
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, !props.value, evt);
|
|
44248
|
-
}
|
|
44249
|
-
}) : React.createElement(Checkbox$1, {
|
|
44250
|
-
value: props.value,
|
|
44251
|
-
disabled: props.disabled,
|
|
44252
|
-
onChange: props.onChange,
|
|
44253
|
-
theme: props.theme
|
|
44254
|
-
})), React.createElement("span", Object.assign({}, (_props$spanProps2 = props.spanProps) != null ? _props$spanProps2 : {}, {
|
|
44255
|
-
className: getMergedClassNames([rootClassName$2$ + "-label-wrapper", ((_props$spanProps3 = props.spanProps) === null || _props$spanProps3 === void 0 ? void 0 : _props$spanProps3.className) || '']),
|
|
44256
|
-
style: style,
|
|
44257
|
-
onClick: function onClick(evt) {
|
|
44258
|
-
var _props$spanProps4, _props$spanProps4$onC;
|
|
44259
|
-
if (props.anchorLabelToCheckbox) {
|
|
44260
|
-
var _props$onChange2;
|
|
44261
|
-
(_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 ? void 0 : _props$onChange2.call(props, !props.value, evt);
|
|
44262
|
-
}
|
|
44263
|
-
(_props$spanProps4 = props.spanProps) === null || _props$spanProps4 === void 0 ? void 0 : (_props$spanProps4$onC = _props$spanProps4.onClick) === null || _props$spanProps4$onC === void 0 ? void 0 : _props$spanProps4$onC.call(_props$spanProps4, evt);
|
|
44264
|
-
}
|
|
44265
|
-
}), props.label));
|
|
44266
|
-
};
|
|
44267
|
-
|
|
44268
|
-
var _excluded$f = ["disabled", "language", "onConfirm", "showIcons"],
|
|
44450
|
+
var _excluded$l = ["disabled", "language", "onConfirm", "showIcons"],
|
|
44269
44451
|
_excluded2 = ["disabled", "language", "onCancel", "onConfirm", "showIcons"],
|
|
44270
44452
|
_excluded3 = ["disabled", "language", "onCancel", "onConfirm", "showIcons"];
|
|
44271
44453
|
function AlertModal(_ref) {
|
|
@@ -44275,7 +44457,7 @@ function AlertModal(_ref) {
|
|
|
44275
44457
|
onConfirm = _ref.onConfirm,
|
|
44276
44458
|
_ref$showIcons = _ref.showIcons,
|
|
44277
44459
|
showIcons = _ref$showIcons === void 0 ? true : _ref$showIcons,
|
|
44278
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
44460
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
|
|
44279
44461
|
var _useState = useState(false),
|
|
44280
44462
|
loading = _useState[0],
|
|
44281
44463
|
setLoading = _useState[1];
|
|
@@ -44373,14 +44555,6 @@ function DestructiveModal(_ref3) {
|
|
|
44373
44555
|
}, props));
|
|
44374
44556
|
}
|
|
44375
44557
|
|
|
44376
|
-
var CheckboxThemes;
|
|
44377
|
-
(function (CheckboxThemes) {
|
|
44378
|
-
CheckboxThemes["Primary"] = "primary";
|
|
44379
|
-
CheckboxThemes["Classic"] = "classic";
|
|
44380
|
-
CheckboxThemes["Dark"] = "dark";
|
|
44381
|
-
CheckboxThemes["Blue"] = "blue";
|
|
44382
|
-
})(CheckboxThemes || (CheckboxThemes = {}));
|
|
44383
|
-
|
|
44384
44558
|
var ControlLabelPosition;
|
|
44385
44559
|
(function (ControlLabelPosition) {
|
|
44386
44560
|
ControlLabelPosition["Left"] = "left";
|
|
@@ -44416,5 +44590,5 @@ var getStatusClassName = function getStatusClassName(status) {
|
|
|
44416
44590
|
};
|
|
44417
44591
|
var STATUS_PAUTA = [STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_LIBERADA, STATUS_PAUTA_ENCERRADA];
|
|
44418
44592
|
|
|
44419
|
-
export { ATMIcon, Accordion, AconteceuIcon, ActionCard$1 as ActionCard, ActionCardThemes, ActionsColumn, AddAssemblyIcon, AddIcon as AddCircleIcon, AddIcon, AgencyIcon, AlertIcon, AlertModal, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnimatedLink$1 as AnimatedLink, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, BackOfficeIcon, Banner, BarChartIcon, BeeIcon, BigBlockButton, BigPlayIcon, BoldIcon, BottomNavigation$1 as BottomNavigation, BreadCrumb, Button$1 as Button, ButtonFileUpload$1 as ButtonFileUpload, ButtonThemes, Calendar$1 as Calendar, CalendarCheckIcon, CalendarEvent$1 as CalendarEvent, CalendarIcon, Card, CardTypes, CardsIcon, Carousel, CarouselPersona$1 as CarouselPersona, CarouselTouchFrendly$1 as CarouselTouchFrendly, CataventoVerde, CheckCircleIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxThemes, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip$1 as Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, Col$1 as Col, Collapse$1 as Collapse, ComitesIcon, ComunidadeIcon, ConfirmModal, Container$1 as Container, ControlLabel$1 as ControlLabel, ControlLabelPosition, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DatePicker$1 as DatePicker, DestructiveModal, DevicePlusIcon, Doughnut$1 as Doughnut, DoughnutSquare, DownloadIcon, DraggableIcon, DropdownItem$1 as DropdownItem, DropdownMenu, DropdownSelector$1 as DropdownSelector, EditIcon, ElementPaginator$1 as ElementPaginator, Etapas$1 as Etapas, Etiqueta, EtiquetasStyle, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FUNDACAO_LOGO_BRANCO, FUNDACAO_LOGO_VERDE, FileLoader, FilePlusIcon, FileTypes, FileUpload, FilesIcon, FilterIcon, FloatingPanel$1 as FloatingPanel, FontColorIcon, FontIcon, FooterSicredi$1 as FooterSicredi, FormacaoIcon, FormattedText, FullHeightContainer$1 as FullHeightContainer, FundacaoLogo, FundacaoLogoTheme, FundoSocialIcon, GlobeIcon, GraduationIcon, HEADER_SEPARATOR_PRIMARY, HEADER_SEPARATOR_SECONDARY, HamburgerIcon, HandUpIcon, Header$1 as Header, HeaderSeparator, HeaderType, HomeIcon, HourEvents$1 as HourEvents, IconButton$1 as IconButton, IconButtonType, ImageTypes, Information, InformationIcon, InlineMonthPicker$1 as InlineMonthPicker, Input$1 as Input, InputArea$1 as InputArea, InvestimentIcon, ItalicIcon, ItemDropdownDownload$1 as ItemDropdownDownload, LeftControlWithLabel as LeftCheckboxWithLabel, LeftControlWithLabel, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, Menu$1 as Menu, MenuItem, MessageIcon, Modal, ModalManager, ModalSizes, MoneyByMonth, MoneyFileIcon, MoneyMonthLineChart, NavigatorWithMouse, NotebookIcon, Notification, NotificationPosition, NotificationType, OptionsIcon, PageSubTitle, PageTitle, Pagination, Paginator, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PreviaVideo$1 as PreviaVideo, PrintIcon, QRCode$1 as QRCode, QRCodeIcon, QRCodeWhatsapp, RadioButton$1 as RadioButton, RadioButtonType, RedoIcon, RefreshIcon, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, ScreenSize, ScrollArrowOverflow$1 as ScrollArrowOverflow, Search$1 as Search, SearchIcon, Select$1 as Select, SettingsIcon, SicrediLogo, SicrediLogoTheme, SquaresIcon, SustentabilidadeIcon, Switch, Table, TableActions, TableFileNameAndAction$1 as TableFileNameAndAction, TableWithOverflow$1 as TableWithOverflow, Tabs$1 as Tabs, TextEditor, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, Title, Toast, ToastManager, ToastTypes, Tooltip, TooltipManager, TooltipPosition, TopLoader, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, TypedTable, UnderlineIcon, UndoIcon, UserIcon, VideoModal, VideoPlayer, WebsiteIcon, getStatusClassName, stringToReactElement, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useHTMLShare, useModalManager, useOutsideClick, usePagination, useProgressiveCount, usePublicMenuList, useScreenSize, useScrollTo, useStorageState, useTimeElapsed, useToastManager, useValidatedState };
|
|
44593
|
+
export { ATMIcon, Accordion, AconteceuIcon, ActionCard$1 as ActionCard, ActionCardThemes, ActionsColumn, AddAssemblyIcon, AddIcon as AddCircleIcon, AddIcon, AgencyIcon, AlertIcon, AlertModal, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnimatedLink$1 as AnimatedLink, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, BackOfficeIcon, Banner, BarChartIcon, BeeIcon, BigBlockButton, BigPlayIcon, BoldIcon, BottomNavigation$1 as BottomNavigation, BreadCrumb, Button$1 as Button, ButtonFileUpload$1 as ButtonFileUpload, ButtonThemes, Calendar$1 as Calendar, CalendarCheckIcon, CalendarEvent$1 as CalendarEvent, CalendarIcon, Card, CardTypes, CardsIcon, Carousel, CarouselPersona$1 as CarouselPersona, CarouselTouchFrendly$1 as CarouselTouchFrendly, CataventoVerde, CheckCircleIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxThemes, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip$1 as Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, Col$1 as Col, Collapse$1 as Collapse, ComitesIcon, ComunidadeIcon, ConfirmModal, Container$1 as Container, ControlLabel$1 as ControlLabel, ControlLabelPosition, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DatePicker$1 as DatePicker, DestructiveModal, DevicePlusIcon, Doughnut$1 as Doughnut, DoughnutSquare, DownloadIcon, DraggableIcon, DropdownItem$1 as DropdownItem, DropdownMenu, DropdownSelector$1 as DropdownSelector, EditIcon, ElementPaginator$1 as ElementPaginator, Etapas$1 as Etapas, Etiqueta, EtiquetasStyle, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FUNDACAO_LOGO_BRANCO, FUNDACAO_LOGO_VERDE, FileLoader, FilePlusIcon, FileTypes, FileUpload, FilesIcon, FilterIcon, FloatingPanel$1 as FloatingPanel, FontColorIcon, FontIcon, FooterSicredi$1 as FooterSicredi, FormacaoIcon, FormattedText, FullHeightContainer$1 as FullHeightContainer, FundacaoLogo, FundacaoLogoTheme, FundoSocialIcon, GlobeIcon, GraduationIcon, HEADER_SEPARATOR_PRIMARY, HEADER_SEPARATOR_SECONDARY, HamburgerIcon, HandUpIcon, Header$1 as Header, HeaderSeparator, HeaderType, HomeIcon, HourEvents$1 as HourEvents, IconButton$1 as IconButton, IconButtonType, ImageTypes, Information, InformationIcon, InlineMonthPicker$1 as InlineMonthPicker, Input$1 as Input, InputArea$1 as InputArea, InvestimentIcon, ItalicIcon, ItemDropdownDownload$1 as ItemDropdownDownload, LeftControlWithLabel as LeftCheckboxWithLabel, LeftControlWithLabel, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, Menu$1 as Menu, MenuItem, MessageIcon, MiniInformationIcon, Modal, ModalManager, ModalSizes, MoneyByMonth, MoneyFileIcon, MoneyMonthLineChart, NavigatorWithMouse, NotebookIcon, Notification, NotificationPosition, NotificationType, OptionsIcon, PageSubTitle, PageTitle, Pagination, Paginator, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PreviaVideo$1 as PreviaVideo, PrintIcon, QRCode$1 as QRCode, QRCodeIcon, QRCodeWhatsapp, RadioButton$1 as RadioButton, RadioButtonType, RedoIcon, RefreshIcon, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, ScreenSize, ScrollArrowOverflow$1 as ScrollArrowOverflow, Search$1 as Search, SearchIcon, Select$1 as Select, SettingsIcon, SicrediLogo, SicrediLogoTheme, SquaresIcon, SustentabilidadeIcon, Switch, Table, TableActions, TableFileNameAndAction$1 as TableFileNameAndAction, TableWithOverflow$1 as TableWithOverflow, Tabs$1 as Tabs, TextEditor, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, Title, Toast, ToastManager, ToastTypes, Tooltip, TooltipElement, TooltipManager, TooltipPosition, TopLoader, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, TypedTable, Typography, UnderlineIcon, UndoIcon, UserIcon, VideoModal, VideoPlayer, WebsiteIcon, getStatusClassName, stringToReactElement, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useHTMLShare, useModalManager, useOutsideClick, usePagination, useProgressiveCount, usePublicMenuList, useScreenSize, useScrollTo, useStorageState, useTimeElapsed, useToastManager, useValidatedState };
|
|
44420
44594
|
//# sourceMappingURL=index.modern.js.map
|