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.js
CHANGED
|
@@ -8,6 +8,7 @@ var moment = _interopDefault(require('moment'));
|
|
|
8
8
|
var DOMPurify = _interopDefault(require('dompurify'));
|
|
9
9
|
var Sortable = _interopDefault(require('sortablejs'));
|
|
10
10
|
var QR = _interopDefault(require('qrcode'));
|
|
11
|
+
var react = require('@floating-ui/react');
|
|
11
12
|
var html2canvas = _interopDefault(require('html2canvas'));
|
|
12
13
|
var jspdf = require('jspdf');
|
|
13
14
|
|
|
@@ -181,13 +182,13 @@ var getMergedClassNames = function getMergedClassNames(arr) {
|
|
|
181
182
|
return Boolean(el);
|
|
182
183
|
}).join(' ');
|
|
183
184
|
};
|
|
184
|
-
|
|
185
|
+
function useMergedClassNames(arr) {
|
|
185
186
|
return React.useMemo(function () {
|
|
186
187
|
return arr.filter(function (el) {
|
|
187
188
|
return Boolean(el);
|
|
188
189
|
}).join(' ');
|
|
189
190
|
}, [arr]);
|
|
190
|
-
}
|
|
191
|
+
}
|
|
191
192
|
var getUniqueKey = function getUniqueKey() {
|
|
192
193
|
var atual = window.sessionStorage.getItem('chaveAtual') ? parseInt(window.sessionStorage.getItem('chaveAtual') || '1') : 1;
|
|
193
194
|
window.sessionStorage.setItem('chaveAtual', String(atual + 1));
|
|
@@ -868,13 +869,19 @@ var CreditIcon = function CreditIcon() {
|
|
|
868
869
|
}));
|
|
869
870
|
};
|
|
870
871
|
|
|
872
|
+
var _excluded = ["className"];
|
|
871
873
|
var rootClassName$A = 'icon-component';
|
|
872
|
-
var InformationIcon = function InformationIcon() {
|
|
873
|
-
|
|
874
|
-
className:
|
|
874
|
+
var InformationIcon = function InformationIcon(_ref) {
|
|
875
|
+
var _ref$className = _ref.className,
|
|
876
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
877
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
878
|
+
var classNames = useMergedClassNames([rootClassName$A, className]);
|
|
879
|
+
return React__default.createElement("svg", Object.assign({
|
|
875
880
|
viewBox: '0 0 24 24',
|
|
876
881
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
877
|
-
},
|
|
882
|
+
}, props, {
|
|
883
|
+
className: classNames
|
|
884
|
+
}), React__default.createElement("path", {
|
|
878
885
|
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',
|
|
879
886
|
fill: 'none',
|
|
880
887
|
stroke: 'currentColor'
|
|
@@ -1216,13 +1223,13 @@ var LinkIcon = function LinkIcon() {
|
|
|
1216
1223
|
}));
|
|
1217
1224
|
};
|
|
1218
1225
|
|
|
1219
|
-
var _excluded = ["theme", "size", "className"];
|
|
1226
|
+
var _excluded$1 = ["theme", "size", "className"];
|
|
1220
1227
|
var rootClassName$L = 'loader-three-dots';
|
|
1221
1228
|
var ThreeDotsLoader = function ThreeDotsLoader(_ref) {
|
|
1222
1229
|
var theme = _ref.theme,
|
|
1223
1230
|
size = _ref.size,
|
|
1224
1231
|
className = _ref.className,
|
|
1225
|
-
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
1232
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
|
1226
1233
|
return React__default.createElement("div", Object.assign({
|
|
1227
1234
|
className: useMergedClassNames([rootClassName$L, className != null ? className : '', rootClassName$L + "-" + (theme != null ? theme : 'primary'), rootClassName$L + "-size-" + (size != null ? size : 3)])
|
|
1228
1235
|
}, rest), React__default.createElement("div", null), React__default.createElement("div", null), React__default.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__default.createElement("button", Object.assign({}, props, {
|
|
4635
4642
|
className: useMergedClassNames([rootClassName$1D, className])
|
|
4636
4643
|
}), React__default.createElement("div", {
|
|
@@ -4764,7 +4771,7 @@ BreadCrumb.defaultProps = {
|
|
|
4764
4771
|
ButtonThemes["HeaderUserBold"] = "header-user-bold";
|
|
4765
4772
|
})(exports.ButtonThemes || (exports.ButtonThemes = {}));
|
|
4766
4773
|
|
|
4767
|
-
var _excluded$
|
|
4774
|
+
var _excluded$3 = ["className", "theme", "w100", "leftIcon", "rightIcon", "mobileBottomPage", "loader", "loading", "children"];
|
|
4768
4775
|
var rootClassName$1H = 'component-button';
|
|
4769
4776
|
function Button(_ref) {
|
|
4770
4777
|
var className = _ref.className,
|
|
@@ -4777,7 +4784,7 @@ function Button(_ref) {
|
|
|
4777
4784
|
loader = _ref.loader,
|
|
4778
4785
|
loading = _ref.loading,
|
|
4779
4786
|
children = _ref.children,
|
|
4780
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
4787
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
4781
4788
|
var handleClick = function handleClick(evt) {
|
|
4782
4789
|
if (!props.disabled && !loading) {
|
|
4783
4790
|
var _props$onClick;
|
|
@@ -7002,31 +7009,41 @@ MoneyByMonth.defaultProps = {
|
|
|
7002
7009
|
labels: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
|
|
7003
7010
|
};
|
|
7004
7011
|
|
|
7012
|
+
(function (CheckboxThemes) {
|
|
7013
|
+
CheckboxThemes["Primary"] = "primary";
|
|
7014
|
+
CheckboxThemes["Classic"] = "classic";
|
|
7015
|
+
CheckboxThemes["Dark"] = "dark";
|
|
7016
|
+
CheckboxThemes["Blue"] = "blue";
|
|
7017
|
+
})(exports.CheckboxThemes || (exports.CheckboxThemes = {}));
|
|
7018
|
+
|
|
7019
|
+
var _excluded$4 = ["value", "tag", "onChange", "theme", "className", "error", "type"];
|
|
7005
7020
|
var rootClassName$1S = 'component-checkbox';
|
|
7006
|
-
function Checkbox(
|
|
7007
|
-
var
|
|
7008
|
-
|
|
7009
|
-
|
|
7010
|
-
|
|
7011
|
-
|
|
7012
|
-
|
|
7013
|
-
|
|
7014
|
-
|
|
7015
|
-
|
|
7016
|
-
|
|
7017
|
-
|
|
7018
|
-
|
|
7019
|
-
|
|
7020
|
-
|
|
7021
|
-
|
|
7022
|
-
|
|
7023
|
-
|
|
7024
|
-
|
|
7025
|
-
|
|
7026
|
-
|
|
7027
|
-
|
|
7028
|
-
|
|
7029
|
-
|
|
7021
|
+
function Checkbox(_ref) {
|
|
7022
|
+
var value = _ref.value,
|
|
7023
|
+
_ref$tag = _ref.tag,
|
|
7024
|
+
tag = _ref$tag === void 0 ? 'button' : _ref$tag,
|
|
7025
|
+
onChange = _ref.onChange,
|
|
7026
|
+
_ref$theme = _ref.theme,
|
|
7027
|
+
theme = _ref$theme === void 0 ? exports.CheckboxThemes.Primary : _ref$theme,
|
|
7028
|
+
_ref$error = _ref.error,
|
|
7029
|
+
error = _ref$error === void 0 ? false : _ref$error,
|
|
7030
|
+
_ref$type = _ref.type,
|
|
7031
|
+
type = _ref$type === void 0 ? 'button' : _ref$type,
|
|
7032
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
7033
|
+
var handleClick = React.useCallback(function (evt) {
|
|
7034
|
+
if (!props.disabled) {
|
|
7035
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(!value, evt);
|
|
7036
|
+
}
|
|
7037
|
+
}, [onChange, value, props.disabled]);
|
|
7038
|
+
var classNames = useMergedClassNames([rootClassName$1S, rootClassName$1S + "-" + theme]);
|
|
7039
|
+
return React.createElement(tag || 'button', _extends({}, props, {
|
|
7040
|
+
className: classNames,
|
|
7041
|
+
onClick: handleClick,
|
|
7042
|
+
'data-error': error,
|
|
7043
|
+
'data-checked': value,
|
|
7044
|
+
'aria-disabled': props.disabled || props['aria-disabled'],
|
|
7045
|
+
type: type
|
|
7046
|
+
}));
|
|
7030
7047
|
}
|
|
7031
7048
|
Checkbox.defaultProps = {
|
|
7032
7049
|
disabled: false,
|
|
@@ -7068,34 +7085,11 @@ Col.defaultProps = {
|
|
|
7068
7085
|
};
|
|
7069
7086
|
var Col$1 = React.memo(Col);
|
|
7070
7087
|
|
|
7071
|
-
var
|
|
7072
|
-
var rootClassName$1U = 'component-control-label';
|
|
7073
|
-
function ControlLabel(_ref) {
|
|
7074
|
-
var _control$props;
|
|
7075
|
-
var control = _ref.control,
|
|
7076
|
-
labelPosition = _ref.labelPosition,
|
|
7077
|
-
labelGap = _ref.labelGap,
|
|
7078
|
-
label = _ref.label,
|
|
7079
|
-
className = _ref.className,
|
|
7080
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
7081
|
-
var ref = React.useRef();
|
|
7082
|
-
return React__default.createElement("label", Object.assign({}, props, {
|
|
7083
|
-
className: getMergedClassNames([className, rootClassName$1U, labelPosition ? labelPosition : '', (_control$props = control.props) !== null && _control$props !== void 0 && _control$props.disabled ? 'disabled' : '']),
|
|
7084
|
-
ref: ref,
|
|
7085
|
-
style: labelGap ? {
|
|
7086
|
-
gap: labelGap + "px"
|
|
7087
|
-
} : {}
|
|
7088
|
-
}), control, React__default.createElement("span", {
|
|
7089
|
-
className: 'nunito'
|
|
7090
|
-
}, label));
|
|
7091
|
-
}
|
|
7092
|
-
var ControlLabel$1 = React.memo(ControlLabel);
|
|
7093
|
-
|
|
7094
|
-
var rootClassName$1V = 'component-container';
|
|
7088
|
+
var rootClassName$1U = 'component-container';
|
|
7095
7089
|
function Container(props) {
|
|
7096
7090
|
var getProps = function getProps() {
|
|
7097
7091
|
var p = _extends({}, props, {
|
|
7098
|
-
className: getMergedClassNames([rootClassName$
|
|
7092
|
+
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' : '']),
|
|
7099
7093
|
style: _extends({}, props.style, {
|
|
7100
7094
|
position: props.position
|
|
7101
7095
|
})
|
|
@@ -7109,7 +7103,7 @@ function Container(props) {
|
|
|
7109
7103
|
return p;
|
|
7110
7104
|
};
|
|
7111
7105
|
return React__default.createElement("div", Object.assign({}, getProps()), React__default.createElement("div", {
|
|
7112
|
-
className: rootClassName$
|
|
7106
|
+
className: rootClassName$1U + "-insider"
|
|
7113
7107
|
}, props.children));
|
|
7114
7108
|
}
|
|
7115
7109
|
Container.defaultProps = {
|
|
@@ -7121,6 +7115,29 @@ Container.defaultProps = {
|
|
|
7121
7115
|
};
|
|
7122
7116
|
var Container$1 = React.memo(Container);
|
|
7123
7117
|
|
|
7118
|
+
var _excluded$5 = ["control", "labelPosition", "labelGap", "label", "className"];
|
|
7119
|
+
var rootClassName$1V = 'component-control-label';
|
|
7120
|
+
function ControlLabel(_ref) {
|
|
7121
|
+
var _control$props;
|
|
7122
|
+
var control = _ref.control,
|
|
7123
|
+
labelPosition = _ref.labelPosition,
|
|
7124
|
+
labelGap = _ref.labelGap,
|
|
7125
|
+
label = _ref.label,
|
|
7126
|
+
className = _ref.className,
|
|
7127
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
7128
|
+
var ref = React.useRef();
|
|
7129
|
+
return React__default.createElement("label", Object.assign({}, props, {
|
|
7130
|
+
className: getMergedClassNames([className, rootClassName$1V, labelPosition ? labelPosition : '', (_control$props = control.props) !== null && _control$props !== void 0 && _control$props.disabled ? 'disabled' : '']),
|
|
7131
|
+
ref: ref,
|
|
7132
|
+
style: labelGap ? {
|
|
7133
|
+
gap: labelGap + "px"
|
|
7134
|
+
} : {}
|
|
7135
|
+
}), control, React__default.createElement("span", {
|
|
7136
|
+
className: 'nunito'
|
|
7137
|
+
}, label));
|
|
7138
|
+
}
|
|
7139
|
+
var ControlLabel$1 = React.memo(ControlLabel);
|
|
7140
|
+
|
|
7124
7141
|
var formatHexadecimalColor = function formatHexadecimalColor(input) {
|
|
7125
7142
|
var value = String(input).replace(/\W/g, '').slice(0, 6).replace(/[^a-fA-F0-9]/g, '').replace(/(.)/, '#$1');
|
|
7126
7143
|
return value;
|
|
@@ -7339,7 +7356,7 @@ function DatePickerCalendar(props) {
|
|
|
7339
7356
|
}
|
|
7340
7357
|
var DatePickerCalendar$1 = React.memo(DatePickerCalendar);
|
|
7341
7358
|
|
|
7342
|
-
var _excluded$
|
|
7359
|
+
var _excluded$6 = ["language"];
|
|
7343
7360
|
var rootClassName$1X = 'component-date-picker';
|
|
7344
7361
|
function DatePicker(_ref) {
|
|
7345
7362
|
var _ref$language = _ref.language,
|
|
@@ -7349,7 +7366,7 @@ function DatePicker(_ref) {
|
|
|
7349
7366
|
months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
|
|
7350
7367
|
monthsAbrev: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
|
|
7351
7368
|
} : _ref$language,
|
|
7352
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
7369
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
|
|
7353
7370
|
var id = React.useMemo(function () {
|
|
7354
7371
|
return "picker_" + getUniqueKey();
|
|
7355
7372
|
}, []);
|
|
@@ -7487,11 +7504,11 @@ DatePicker.defaultProps = {
|
|
|
7487
7504
|
};
|
|
7488
7505
|
var DatePicker$1 = React.memo(DatePicker);
|
|
7489
7506
|
|
|
7490
|
-
var _excluded$
|
|
7507
|
+
var _excluded$7 = ["showLabel"];
|
|
7491
7508
|
var rootClassName$1Y = 'component-doughnut';
|
|
7492
7509
|
function Doughnut(_ref) {
|
|
7493
7510
|
var showLabel = _ref.showLabel,
|
|
7494
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
7511
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
|
|
7495
7512
|
var _useProgressiveCount = useProgressiveCount(),
|
|
7496
7513
|
val = _useProgressiveCount[0],
|
|
7497
7514
|
setVal = _useProgressiveCount[1];
|
|
@@ -7583,7 +7600,7 @@ function useOutsideClick(refs, handler, options) {
|
|
|
7583
7600
|
}, [refs, handler, handleClickOutside, (_options3 = options) === null || _options3 === void 0 ? void 0 : _options3.events]);
|
|
7584
7601
|
}
|
|
7585
7602
|
|
|
7586
|
-
var _excluded$
|
|
7603
|
+
var _excluded$8 = ["opened", "setOpened", "content", "closeOnEsc", "closeOnOutClick", "children", "panelProps"];
|
|
7587
7604
|
var rootClassName$1_ = 'component-dropdown-menu';
|
|
7588
7605
|
function DropdownMenu(_ref) {
|
|
7589
7606
|
var _panelProps$className;
|
|
@@ -7595,7 +7612,7 @@ function DropdownMenu(_ref) {
|
|
|
7595
7612
|
children = _ref.children,
|
|
7596
7613
|
_ref$panelProps = _ref.panelProps,
|
|
7597
7614
|
panelProps = _ref$panelProps === void 0 ? {} : _ref$panelProps,
|
|
7598
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
7615
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
|
|
7599
7616
|
var id = React.useMemo(function () {
|
|
7600
7617
|
return props.id ? props.id : getUniqueKey();
|
|
7601
7618
|
}, [props.id]);
|
|
@@ -7965,7 +7982,7 @@ var Etapas$1 = React.memo(Etapas);
|
|
|
7965
7982
|
EtiquetasStyle["Yellow"] = "yellow";
|
|
7966
7983
|
})(exports.EtiquetasStyle || (exports.EtiquetasStyle = {}));
|
|
7967
7984
|
|
|
7968
|
-
var _excluded$
|
|
7985
|
+
var _excluded$9 = ["theme", "label", "icon", "fitContent"];
|
|
7969
7986
|
var rootClassName$22 = 'component-etiqueta';
|
|
7970
7987
|
function Etiqueta(_ref) {
|
|
7971
7988
|
var _ref$theme = _ref.theme,
|
|
@@ -7973,7 +7990,7 @@ function Etiqueta(_ref) {
|
|
|
7973
7990
|
label = _ref.label,
|
|
7974
7991
|
icon = _ref.icon,
|
|
7975
7992
|
fitContent = _ref.fitContent,
|
|
7976
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
7993
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
|
|
7977
7994
|
return React__default.createElement("div", Object.assign({}, props, {
|
|
7978
7995
|
className: getMergedClassNames([rootClassName$22, theme, fitContent ? 'fit-content' : undefined])
|
|
7979
7996
|
}), icon ? React__default.createElement("div", {
|
|
@@ -8360,19 +8377,6 @@ FullHeightContainer.defaultProps = {
|
|
|
8360
8377
|
};
|
|
8361
8378
|
var FullHeightContainer$1 = React.memo(FullHeightContainer);
|
|
8362
8379
|
|
|
8363
|
-
var HEADER_SEPARATOR_PRIMARY = 'primary';
|
|
8364
|
-
var HEADER_SEPARATOR_SECONDARY = 'secondary';
|
|
8365
|
-
|
|
8366
|
-
var rootClassName$28 = 'component-header-separator';
|
|
8367
|
-
function HeaderSeparator(props) {
|
|
8368
|
-
return React__default.createElement("div", {
|
|
8369
|
-
className: getMergedClassNames([rootClassName$28, rootClassName$28 + "-" + props.theme])
|
|
8370
|
-
});
|
|
8371
|
-
}
|
|
8372
|
-
HeaderSeparator.defaultProps = {
|
|
8373
|
-
theme: HEADER_SEPARATOR_PRIMARY
|
|
8374
|
-
};
|
|
8375
|
-
|
|
8376
8380
|
(function (HeaderType) {
|
|
8377
8381
|
HeaderType["Verde"] = "primary";
|
|
8378
8382
|
HeaderType["Branco"] = "secondary";
|
|
@@ -8380,7 +8384,7 @@ HeaderSeparator.defaultProps = {
|
|
|
8380
8384
|
HeaderType["Assembleia"] = "assembleia";
|
|
8381
8385
|
})(exports.HeaderType || (exports.HeaderType = {}));
|
|
8382
8386
|
|
|
8383
|
-
var rootClassName$
|
|
8387
|
+
var rootClassName$28 = 'component-header';
|
|
8384
8388
|
function Header(props) {
|
|
8385
8389
|
var _props$blackBar;
|
|
8386
8390
|
var p = React.useMemo(function () {
|
|
@@ -8391,31 +8395,31 @@ function Header(props) {
|
|
|
8391
8395
|
(_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, evt);
|
|
8392
8396
|
}
|
|
8393
8397
|
},
|
|
8394
|
-
className: getMergedClassNames([rootClassName$
|
|
8398
|
+
className: getMergedClassNames([rootClassName$28, props.className, rootClassName$28 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
|
|
8395
8399
|
};
|
|
8396
8400
|
}, [props]);
|
|
8397
|
-
var clearfixClassNames = getMergedClassNames([rootClassName$
|
|
8401
|
+
var clearfixClassNames = getMergedClassNames([rootClassName$28 + "-clearfix", rootClassName$28 + "-" + props.theme]);
|
|
8398
8402
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement("header", Object.assign({}, p, {
|
|
8399
8403
|
style: {
|
|
8400
8404
|
position: props.position
|
|
8401
8405
|
}
|
|
8402
8406
|
}), props.blackBar && props.blackBar.show ? React__default.createElement("div", {
|
|
8403
|
-
className: rootClassName$
|
|
8407
|
+
className: rootClassName$28 + "-black-bar"
|
|
8404
8408
|
}, React__default.createElement("a", {
|
|
8405
8409
|
href: props.blackBar.link,
|
|
8406
8410
|
target: (_props$blackBar = props.blackBar) === null || _props$blackBar === void 0 ? void 0 : _props$blackBar.target
|
|
8407
8411
|
}, props.blackBar.icon, React__default.createElement("span", {
|
|
8408
8412
|
className: 'nunito'
|
|
8409
8413
|
}, props.blackBar.label))) : undefined, React__default.createElement("div", {
|
|
8410
|
-
className: rootClassName$
|
|
8414
|
+
className: rootClassName$28 + "-header-item"
|
|
8411
8415
|
}, props.leftContent, props.separator && props.separator.show ? React__default.createElement("div", {
|
|
8412
|
-
className: rootClassName$
|
|
8416
|
+
className: rootClassName$28 + "-separator-logo"
|
|
8413
8417
|
}, props.separator.label) : undefined), React__default.createElement("div", {
|
|
8414
|
-
className: rootClassName$
|
|
8418
|
+
className: rootClassName$28 + "-header-item"
|
|
8415
8419
|
}, props.centerContent), React__default.createElement("div", {
|
|
8416
|
-
className: rootClassName$
|
|
8420
|
+
className: rootClassName$28 + "-header-item"
|
|
8417
8421
|
}, props.rightContent)), props.theme === exports.HeaderType.Semi && React__default.createElement("div", {
|
|
8418
|
-
className: rootClassName$
|
|
8422
|
+
className: rootClassName$28 + "-semi-clear"
|
|
8419
8423
|
}), props.clearfix && React__default.createElement("div", {
|
|
8420
8424
|
className: clearfixClassNames
|
|
8421
8425
|
}));
|
|
@@ -8426,6 +8430,19 @@ Header.defaultProps = {
|
|
|
8426
8430
|
};
|
|
8427
8431
|
var Header$1 = React.memo(Header);
|
|
8428
8432
|
|
|
8433
|
+
var HEADER_SEPARATOR_PRIMARY = 'primary';
|
|
8434
|
+
var HEADER_SEPARATOR_SECONDARY = 'secondary';
|
|
8435
|
+
|
|
8436
|
+
var rootClassName$29 = 'component-header-separator';
|
|
8437
|
+
function HeaderSeparator(props) {
|
|
8438
|
+
return React__default.createElement("div", {
|
|
8439
|
+
className: getMergedClassNames([rootClassName$29, rootClassName$29 + "-" + props.theme])
|
|
8440
|
+
});
|
|
8441
|
+
}
|
|
8442
|
+
HeaderSeparator.defaultProps = {
|
|
8443
|
+
theme: HEADER_SEPARATOR_PRIMARY
|
|
8444
|
+
};
|
|
8445
|
+
|
|
8429
8446
|
var rootClassName$2a = 'component-information-icon';
|
|
8430
8447
|
function Information(props) {
|
|
8431
8448
|
var getProps = function getProps() {
|
|
@@ -8931,7 +8948,7 @@ function useScreenSize() {
|
|
|
8931
8948
|
return value;
|
|
8932
8949
|
}
|
|
8933
8950
|
|
|
8934
|
-
var _excluded$
|
|
8951
|
+
var _excluded$a = ["className", "compenseColPaddingContent", "footer", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "title"];
|
|
8935
8952
|
var rootClassName$2g = 'component-modal';
|
|
8936
8953
|
function Modal(_ref) {
|
|
8937
8954
|
var className = _ref.className,
|
|
@@ -8945,7 +8962,7 @@ function Modal(_ref) {
|
|
|
8945
8962
|
_ref$tag = _ref.tag,
|
|
8946
8963
|
tag = _ref$tag === void 0 ? 'dialog' : _ref$tag,
|
|
8947
8964
|
title = _ref.title,
|
|
8948
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
8965
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
|
|
8949
8966
|
var _useScreenSize = useScreenSize(),
|
|
8950
8967
|
rankedSize = _useScreenSize.rankedSize;
|
|
8951
8968
|
var modalProps = React.useMemo(function () {
|
|
@@ -9118,83 +9135,7 @@ PageSubTitle.defaultProps = {
|
|
|
9118
9135
|
text: ''
|
|
9119
9136
|
};
|
|
9120
9137
|
|
|
9121
|
-
var
|
|
9122
|
-
function Paginator(props) {
|
|
9123
|
-
var _useState = React.useState([]),
|
|
9124
|
-
arrOfNumbers = _useState[0],
|
|
9125
|
-
setArrOfNumbers = _useState[1];
|
|
9126
|
-
React.useEffect(function () {
|
|
9127
|
-
var arr = [];
|
|
9128
|
-
var inicio = 1;
|
|
9129
|
-
var fim = props.quantidadeDePaginas;
|
|
9130
|
-
if (props.maxLength) {
|
|
9131
|
-
var maxLength = props.maxLength > props.quantidadeDePaginas ? props.quantidadeDePaginas : props.maxLength;
|
|
9132
|
-
inicio = Math.round(props.paginaAtual - maxLength / 2);
|
|
9133
|
-
inicio = Math.max(inicio, 1);
|
|
9134
|
-
fim = inicio + maxLength - 1;
|
|
9135
|
-
if (fim > props.quantidadeDePaginas) {
|
|
9136
|
-
fim = props.quantidadeDePaginas;
|
|
9137
|
-
inicio = fim - maxLength + 1;
|
|
9138
|
-
}
|
|
9139
|
-
}
|
|
9140
|
-
for (var i = inicio; i <= fim; i++) {
|
|
9141
|
-
arr.push(i);
|
|
9142
|
-
}
|
|
9143
|
-
setArrOfNumbers(arr);
|
|
9144
|
-
}, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
|
|
9145
|
-
return React__default.createElement("div", {
|
|
9146
|
-
id: props.id ? props.id : undefined,
|
|
9147
|
-
className: getMergedClassNames([rootClassName$2j, props.className || ''])
|
|
9148
|
-
}, React__default.createElement("div", {
|
|
9149
|
-
className: rootClassName$2j + "-center-content"
|
|
9150
|
-
}, React__default.createElement("div", {
|
|
9151
|
-
className: props.loading ? "hidden" : ''
|
|
9152
|
-
}, props.quantidadeDePaginas > 1 ? React__default.createElement("div", {
|
|
9153
|
-
className: rootClassName$2j + "-left-arrow"
|
|
9154
|
-
}, React__default.createElement(IconButton$1, {
|
|
9155
|
-
disabled: props.paginaAtual === 1,
|
|
9156
|
-
icon: React__default.createElement(ChevronArrowLeftIcon, null),
|
|
9157
|
-
onClick: function onClick() {
|
|
9158
|
-
if (typeof props.onChange === 'function') {
|
|
9159
|
-
props.onChange(props.paginaAtual - 1);
|
|
9160
|
-
}
|
|
9161
|
-
}
|
|
9162
|
-
})) : undefined, React__default.createElement("div", {
|
|
9163
|
-
className: rootClassName$2j + "-numbers"
|
|
9164
|
-
}, arrOfNumbers.map(function (num) {
|
|
9165
|
-
return React__default.createElement("button", {
|
|
9166
|
-
key: num,
|
|
9167
|
-
className: getMergedClassNames([rootClassName$2j + "-number", num === props.paginaAtual ? 'active' : '']),
|
|
9168
|
-
onClick: function onClick() {
|
|
9169
|
-
if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
|
|
9170
|
-
props.onChange(num);
|
|
9171
|
-
}
|
|
9172
|
-
}
|
|
9173
|
-
}, num);
|
|
9174
|
-
})), props.quantidadeDePaginas > 1 ? React__default.createElement("div", {
|
|
9175
|
-
className: rootClassName$2j + "-right-arrow"
|
|
9176
|
-
}, React__default.createElement(IconButton$1, {
|
|
9177
|
-
icon: React__default.createElement(ChevronArrowRightIcon, null),
|
|
9178
|
-
onClick: function onClick() {
|
|
9179
|
-
if (typeof props.onChange === 'function') {
|
|
9180
|
-
props.onChange(props.paginaAtual + 1);
|
|
9181
|
-
}
|
|
9182
|
-
},
|
|
9183
|
-
disabled: props.paginaAtual >= props.quantidadeDePaginas
|
|
9184
|
-
})) : undefined), React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
9185
|
-
classNames: rootClassName$2j + "-loader",
|
|
9186
|
-
"in": props.loading,
|
|
9187
|
-
timeout: 300,
|
|
9188
|
-
unmountOnExit: true
|
|
9189
|
-
}, React__default.createElement("div", {
|
|
9190
|
-
className: rootClassName$2j + "-loader"
|
|
9191
|
-
}, React__default.createElement(ThreeDotsLoader, {
|
|
9192
|
-
size: 2
|
|
9193
|
-
})))));
|
|
9194
|
-
}
|
|
9195
|
-
Paginator.defaultProps = {};
|
|
9196
|
-
|
|
9197
|
-
var _excluded$9 = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
|
|
9138
|
+
var _excluded$b = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
|
|
9198
9139
|
function usePagination(props) {
|
|
9199
9140
|
var _ref;
|
|
9200
9141
|
if (props === void 0) {
|
|
@@ -9218,7 +9159,7 @@ function usePagination(props) {
|
|
|
9218
9159
|
_props$siblingCount = _props.siblingCount,
|
|
9219
9160
|
siblingCount = _props$siblingCount === void 0 ? 1 : _props$siblingCount,
|
|
9220
9161
|
maxLength = _props.maxLength,
|
|
9221
|
-
other = _objectWithoutPropertiesLoose(_props, _excluded$
|
|
9162
|
+
other = _objectWithoutPropertiesLoose(_props, _excluded$b);
|
|
9222
9163
|
var isControlledRef = React.useRef(pageProp !== undefined);
|
|
9223
9164
|
var _useState = React.useState(currentPage),
|
|
9224
9165
|
pageCurrent = _useState[0],
|
|
@@ -9297,10 +9238,10 @@ function usePagination(props) {
|
|
|
9297
9238
|
}, other);
|
|
9298
9239
|
}
|
|
9299
9240
|
|
|
9300
|
-
var rootClassName$
|
|
9241
|
+
var rootClassName$2j = 'icon-component';
|
|
9301
9242
|
var ThreeDots = function ThreeDots() {
|
|
9302
9243
|
return React__default.createElement("svg", {
|
|
9303
|
-
className: rootClassName$
|
|
9244
|
+
className: rootClassName$2j,
|
|
9304
9245
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
9305
9246
|
fill: 'none',
|
|
9306
9247
|
viewBox: '0.8 0.71 10.32 2.37'
|
|
@@ -9310,8 +9251,8 @@ var ThreeDots = function ThreeDots() {
|
|
|
9310
9251
|
}));
|
|
9311
9252
|
};
|
|
9312
9253
|
|
|
9313
|
-
var _excluded$
|
|
9314
|
-
var rootClassName$
|
|
9254
|
+
var _excluded$c = ["page", "type", "selected"];
|
|
9255
|
+
var rootClassName$2k = 'pagination-component';
|
|
9315
9256
|
var Pagination = function Pagination(props) {
|
|
9316
9257
|
var _useScreenSize = useScreenSize(),
|
|
9317
9258
|
size = _useScreenSize.size,
|
|
@@ -9383,7 +9324,7 @@ var Pagination = function Pagination(props) {
|
|
|
9383
9324
|
return false;
|
|
9384
9325
|
}, [size, rowsPerPage, countPages, rankedSize]);
|
|
9385
9326
|
return React__default.createElement(Row$1, {
|
|
9386
|
-
className: getMergedClassNames([rootClassName$
|
|
9327
|
+
className: getMergedClassNames([rootClassName$2k, countPages ? 'hasLeftItem' : '', countPages || rowsPerPage ? 'oneOf' : ''])
|
|
9387
9328
|
}, countPages || rowsPerPage ? React__default.createElement(Col$1, {
|
|
9388
9329
|
noPadding: true,
|
|
9389
9330
|
cols: rowsPerPage && countPages ? [12, 12, 6, 6, 6] : rowsPerPage || countPages ? [12, 6, 6, 6, 6] : [12, 12, 12, 12, 12]
|
|
@@ -9436,7 +9377,7 @@ var Pagination = function Pagination(props) {
|
|
|
9436
9377
|
var page = _ref2.page,
|
|
9437
9378
|
type = _ref2.type,
|
|
9438
9379
|
selected = _ref2.selected,
|
|
9439
|
-
item = _objectWithoutPropertiesLoose(_ref2, _excluded$
|
|
9380
|
+
item = _objectWithoutPropertiesLoose(_ref2, _excluded$c);
|
|
9440
9381
|
var children = null;
|
|
9441
9382
|
if (type === 'start-ellipsis' || type === 'end-ellipsis') {
|
|
9442
9383
|
children = React__default.createElement("li", {
|
|
@@ -9488,6 +9429,82 @@ var Pagination = function Pagination(props) {
|
|
|
9488
9429
|
}))))));
|
|
9489
9430
|
};
|
|
9490
9431
|
|
|
9432
|
+
var rootClassName$2l = 'component-paginator';
|
|
9433
|
+
function Paginator(props) {
|
|
9434
|
+
var _useState = React.useState([]),
|
|
9435
|
+
arrOfNumbers = _useState[0],
|
|
9436
|
+
setArrOfNumbers = _useState[1];
|
|
9437
|
+
React.useEffect(function () {
|
|
9438
|
+
var arr = [];
|
|
9439
|
+
var inicio = 1;
|
|
9440
|
+
var fim = props.quantidadeDePaginas;
|
|
9441
|
+
if (props.maxLength) {
|
|
9442
|
+
var maxLength = props.maxLength > props.quantidadeDePaginas ? props.quantidadeDePaginas : props.maxLength;
|
|
9443
|
+
inicio = Math.round(props.paginaAtual - maxLength / 2);
|
|
9444
|
+
inicio = Math.max(inicio, 1);
|
|
9445
|
+
fim = inicio + maxLength - 1;
|
|
9446
|
+
if (fim > props.quantidadeDePaginas) {
|
|
9447
|
+
fim = props.quantidadeDePaginas;
|
|
9448
|
+
inicio = fim - maxLength + 1;
|
|
9449
|
+
}
|
|
9450
|
+
}
|
|
9451
|
+
for (var i = inicio; i <= fim; i++) {
|
|
9452
|
+
arr.push(i);
|
|
9453
|
+
}
|
|
9454
|
+
setArrOfNumbers(arr);
|
|
9455
|
+
}, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
|
|
9456
|
+
return React__default.createElement("div", {
|
|
9457
|
+
id: props.id ? props.id : undefined,
|
|
9458
|
+
className: getMergedClassNames([rootClassName$2l, props.className || ''])
|
|
9459
|
+
}, React__default.createElement("div", {
|
|
9460
|
+
className: rootClassName$2l + "-center-content"
|
|
9461
|
+
}, React__default.createElement("div", {
|
|
9462
|
+
className: props.loading ? "hidden" : ''
|
|
9463
|
+
}, props.quantidadeDePaginas > 1 ? React__default.createElement("div", {
|
|
9464
|
+
className: rootClassName$2l + "-left-arrow"
|
|
9465
|
+
}, React__default.createElement(IconButton$1, {
|
|
9466
|
+
disabled: props.paginaAtual === 1,
|
|
9467
|
+
icon: React__default.createElement(ChevronArrowLeftIcon, null),
|
|
9468
|
+
onClick: function onClick() {
|
|
9469
|
+
if (typeof props.onChange === 'function') {
|
|
9470
|
+
props.onChange(props.paginaAtual - 1);
|
|
9471
|
+
}
|
|
9472
|
+
}
|
|
9473
|
+
})) : undefined, React__default.createElement("div", {
|
|
9474
|
+
className: rootClassName$2l + "-numbers"
|
|
9475
|
+
}, arrOfNumbers.map(function (num) {
|
|
9476
|
+
return React__default.createElement("button", {
|
|
9477
|
+
key: num,
|
|
9478
|
+
className: getMergedClassNames([rootClassName$2l + "-number", num === props.paginaAtual ? 'active' : '']),
|
|
9479
|
+
onClick: function onClick() {
|
|
9480
|
+
if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
|
|
9481
|
+
props.onChange(num);
|
|
9482
|
+
}
|
|
9483
|
+
}
|
|
9484
|
+
}, num);
|
|
9485
|
+
})), props.quantidadeDePaginas > 1 ? React__default.createElement("div", {
|
|
9486
|
+
className: rootClassName$2l + "-right-arrow"
|
|
9487
|
+
}, React__default.createElement(IconButton$1, {
|
|
9488
|
+
icon: React__default.createElement(ChevronArrowRightIcon, null),
|
|
9489
|
+
onClick: function onClick() {
|
|
9490
|
+
if (typeof props.onChange === 'function') {
|
|
9491
|
+
props.onChange(props.paginaAtual + 1);
|
|
9492
|
+
}
|
|
9493
|
+
},
|
|
9494
|
+
disabled: props.paginaAtual >= props.quantidadeDePaginas
|
|
9495
|
+
})) : undefined), React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
9496
|
+
classNames: rootClassName$2l + "-loader",
|
|
9497
|
+
"in": props.loading,
|
|
9498
|
+
timeout: 300,
|
|
9499
|
+
unmountOnExit: true
|
|
9500
|
+
}, React__default.createElement("div", {
|
|
9501
|
+
className: rootClassName$2l + "-loader"
|
|
9502
|
+
}, React__default.createElement(ThreeDotsLoader, {
|
|
9503
|
+
size: 2
|
|
9504
|
+
})))));
|
|
9505
|
+
}
|
|
9506
|
+
Paginator.defaultProps = {};
|
|
9507
|
+
|
|
9491
9508
|
var rootClassName$2m = 'component-video-player';
|
|
9492
9509
|
function VideoPlayer(props) {
|
|
9493
9510
|
var youtubeRegex = /youtu(\.){0,1}be/;
|
|
@@ -9700,23 +9717,32 @@ var PreviaVideo$1 = React.memo(PreviaVideo);
|
|
|
9700
9717
|
RadioButtonType["New"] = "new";
|
|
9701
9718
|
})(exports.RadioButtonType || (exports.RadioButtonType = {}));
|
|
9702
9719
|
|
|
9720
|
+
var _excluded$d = ["onChange", "value", "className", "theme", "error", "type"];
|
|
9703
9721
|
var rootClassName$2o = 'component-radio-button';
|
|
9704
|
-
function RadioButton(
|
|
9705
|
-
var
|
|
9706
|
-
|
|
9707
|
-
|
|
9708
|
-
|
|
9709
|
-
|
|
9710
|
-
|
|
9711
|
-
|
|
9712
|
-
|
|
9722
|
+
function RadioButton(_ref) {
|
|
9723
|
+
var onChange = _ref.onChange,
|
|
9724
|
+
value = _ref.value,
|
|
9725
|
+
_ref$className = _ref.className,
|
|
9726
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
9727
|
+
_ref$theme = _ref.theme,
|
|
9728
|
+
theme = _ref$theme === void 0 ? exports.RadioButtonType.New : _ref$theme,
|
|
9729
|
+
_ref$error = _ref.error,
|
|
9730
|
+
error = _ref$error === void 0 ? false : _ref$error,
|
|
9731
|
+
_ref$type = _ref.type,
|
|
9732
|
+
type = _ref$type === void 0 ? 'button' : _ref$type,
|
|
9733
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
9734
|
+
var classNames = useMergedClassNames([rootClassName$2o, theme, className]);
|
|
9735
|
+
return React__default.createElement("button", Object.assign({}, props, {
|
|
9736
|
+
type: type,
|
|
9737
|
+
"data-checked": value,
|
|
9738
|
+
"data-error": error,
|
|
9739
|
+
className: classNames,
|
|
9740
|
+
onClick: function onClick() {
|
|
9741
|
+
if (!props.disabled) {
|
|
9742
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(!value);
|
|
9713
9743
|
}
|
|
9714
|
-
}
|
|
9715
|
-
|
|
9716
|
-
delete p.onChange;
|
|
9717
|
-
return p;
|
|
9718
|
-
}, [props]);
|
|
9719
|
-
return React__default.createElement("button", Object.assign({}, buttonProps));
|
|
9744
|
+
}
|
|
9745
|
+
}));
|
|
9720
9746
|
}
|
|
9721
9747
|
RadioButton.defaultProps = {
|
|
9722
9748
|
disabled: false,
|
|
@@ -10604,31 +10630,8 @@ Switch.defaultProps = {
|
|
|
10604
10630
|
scale: 1
|
|
10605
10631
|
};
|
|
10606
10632
|
|
|
10607
|
-
|
|
10608
|
-
|
|
10609
|
-
IconButtonType["Secondary"] = "secondary";
|
|
10610
|
-
IconButtonType["Gray"] = "gray";
|
|
10611
|
-
IconButtonType["Dark"] = "dark";
|
|
10612
|
-
IconButtonType["Blue"] = "blue";
|
|
10613
|
-
})(exports.IconButtonType || (exports.IconButtonType = {}));
|
|
10614
|
-
|
|
10615
|
-
var rootClassName$2t = 'component-table-actions-column';
|
|
10616
|
-
var ActionsColumn = function ActionsColumn(props) {
|
|
10617
|
-
return React__default.createElement("div", {
|
|
10618
|
-
className: rootClassName$2t
|
|
10619
|
-
}, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
|
|
10620
|
-
return React__default.createElement(IconButton$1, Object.assign({
|
|
10621
|
-
key: index,
|
|
10622
|
-
theme: exports.IconButtonType.Primary
|
|
10623
|
-
}, btn));
|
|
10624
|
-
}) : undefined);
|
|
10625
|
-
};
|
|
10626
|
-
ActionsColumn.defaultProps = {
|
|
10627
|
-
buttons: []
|
|
10628
|
-
};
|
|
10629
|
-
|
|
10630
|
-
var _excluded$b = ["columns", "lines", "onSort", "confirmSort", "sortable", "upperHeader", "className"];
|
|
10631
|
-
var rootClassName$2u = 'component-table';
|
|
10633
|
+
var _excluded$e = ["columns", "lines", "onSort", "confirmSort", "sortable", "upperHeader", "className"];
|
|
10634
|
+
var rootClassName$2t = 'component-table';
|
|
10632
10635
|
function TypedTable(props) {
|
|
10633
10636
|
return React__default.createElement(Table, Object.assign({}, props));
|
|
10634
10637
|
}
|
|
@@ -10640,7 +10643,7 @@ function Table(_ref) {
|
|
|
10640
10643
|
sortable = _ref.sortable,
|
|
10641
10644
|
upperHeader = _ref.upperHeader,
|
|
10642
10645
|
className = _ref.className,
|
|
10643
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
10646
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
|
|
10644
10647
|
var itemsId = React.useMemo(function () {
|
|
10645
10648
|
return "table" + getUniqueKey();
|
|
10646
10649
|
}, []);
|
|
@@ -10650,8 +10653,8 @@ function Table(_ref) {
|
|
|
10650
10653
|
var el = document.getElementById(itemsId);
|
|
10651
10654
|
sortableComponent = new Sortable(el, {
|
|
10652
10655
|
animation: 300,
|
|
10653
|
-
ghostClass: rootClassName$
|
|
10654
|
-
dragClass: rootClassName$
|
|
10656
|
+
ghostClass: rootClassName$2t + "-item-ghost",
|
|
10657
|
+
dragClass: rootClassName$2t + "-item-dragging",
|
|
10655
10658
|
onStart: function onStart() {
|
|
10656
10659
|
document.body.classList.add('document-grabbing');
|
|
10657
10660
|
},
|
|
@@ -10683,9 +10686,9 @@ function Table(_ref) {
|
|
|
10683
10686
|
};
|
|
10684
10687
|
}, [sortable, itemsId]);
|
|
10685
10688
|
return React__default.createElement("div", {
|
|
10686
|
-
className: rootClassName$
|
|
10689
|
+
className: rootClassName$2t + "-outer"
|
|
10687
10690
|
}, upperHeader ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
10688
|
-
className: getMergedClassNames([rootClassName$
|
|
10691
|
+
className: getMergedClassNames([rootClassName$2t + "-upper-header", upperHeader.active ? 'active' : ''])
|
|
10689
10692
|
}, upperHeader.buttons && upperHeader.buttons.length ? upperHeader.buttons.map(function (btn, index) {
|
|
10690
10693
|
return React__default.createElement("button", {
|
|
10691
10694
|
id: btn.id || undefined,
|
|
@@ -10694,9 +10697,9 @@ function Table(_ref) {
|
|
|
10694
10697
|
disabled: !(upperHeader !== null && upperHeader !== void 0 && upperHeader.active) || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false
|
|
10695
10698
|
}, React__default.createElement("span", null, btn.icon), btn.label);
|
|
10696
10699
|
}) : undefined)) : undefined, React__default.createElement("div", {
|
|
10697
|
-
className: rootClassName$
|
|
10700
|
+
className: rootClassName$2t + "-outer-table"
|
|
10698
10701
|
}, React__default.createElement("table", Object.assign({}, props, {
|
|
10699
|
-
className: getMergedClassNames([rootClassName$
|
|
10702
|
+
className: getMergedClassNames([rootClassName$2t, className || '', upperHeader ? 'has-upper-header' : ''])
|
|
10700
10703
|
}), React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null), columns && columns.length ? Array.from(columns).map(function (column, columnIndex) {
|
|
10701
10704
|
return React__default.createElement("th", Object.assign({}, column.props, {
|
|
10702
10705
|
key: column.key ? column.key : columnIndex
|
|
@@ -10723,6 +10726,29 @@ function Table(_ref) {
|
|
|
10723
10726
|
}) : undefined))));
|
|
10724
10727
|
}
|
|
10725
10728
|
|
|
10729
|
+
(function (IconButtonType) {
|
|
10730
|
+
IconButtonType["Primary"] = "primary";
|
|
10731
|
+
IconButtonType["Secondary"] = "secondary";
|
|
10732
|
+
IconButtonType["Gray"] = "gray";
|
|
10733
|
+
IconButtonType["Dark"] = "dark";
|
|
10734
|
+
IconButtonType["Blue"] = "blue";
|
|
10735
|
+
})(exports.IconButtonType || (exports.IconButtonType = {}));
|
|
10736
|
+
|
|
10737
|
+
var rootClassName$2u = 'component-table-actions-column';
|
|
10738
|
+
var ActionsColumn = function ActionsColumn(props) {
|
|
10739
|
+
return React__default.createElement("div", {
|
|
10740
|
+
className: rootClassName$2u
|
|
10741
|
+
}, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
|
|
10742
|
+
return React__default.createElement(IconButton$1, Object.assign({
|
|
10743
|
+
key: index,
|
|
10744
|
+
theme: exports.IconButtonType.Primary
|
|
10745
|
+
}, btn));
|
|
10746
|
+
}) : undefined);
|
|
10747
|
+
};
|
|
10748
|
+
ActionsColumn.defaultProps = {
|
|
10749
|
+
buttons: []
|
|
10750
|
+
};
|
|
10751
|
+
|
|
10726
10752
|
var titleClassName$1 = 'component-table-actions';
|
|
10727
10753
|
function TableActions(props) {
|
|
10728
10754
|
var _props$actions;
|
|
@@ -11216,13 +11242,13 @@ function TextEditorColorPicker(props) {
|
|
|
11216
11242
|
}, "OK")));
|
|
11217
11243
|
}
|
|
11218
11244
|
|
|
11219
|
-
var _excluded$
|
|
11245
|
+
var _excluded$f = ["icon", "active"];
|
|
11220
11246
|
var rootClassName$2C = 'text-editor-header-button';
|
|
11221
11247
|
function TextEditorHeaderButton(_ref) {
|
|
11222
11248
|
var _props$className;
|
|
11223
11249
|
var icon = _ref.icon,
|
|
11224
11250
|
active = _ref.active,
|
|
11225
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
11251
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
|
|
11226
11252
|
return React__default.createElement("button", Object.assign({
|
|
11227
11253
|
className: getMergedClassNames([rootClassName$2C, active ? 'active' : '', (_props$className = props.className) != null ? _props$className : ''])
|
|
11228
11254
|
}, props), icon);
|
|
@@ -12078,7 +12104,7 @@ TopLoader.defaultProps = {
|
|
|
12078
12104
|
})
|
|
12079
12105
|
};
|
|
12080
12106
|
|
|
12081
|
-
var _excluded$
|
|
12107
|
+
var _excluded$g = ["className", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "urlVideo", "videoPlayerProps"];
|
|
12082
12108
|
var rootClassName$2M = 'video-modal';
|
|
12083
12109
|
function VideoModal(_ref) {
|
|
12084
12110
|
var _ref2;
|
|
@@ -12092,7 +12118,7 @@ function VideoModal(_ref) {
|
|
|
12092
12118
|
tag = _ref$tag === void 0 ? 'dialog' : _ref$tag,
|
|
12093
12119
|
urlVideo = _ref.urlVideo,
|
|
12094
12120
|
videoPlayerProps = _ref.videoPlayerProps,
|
|
12095
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12121
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
|
|
12096
12122
|
var _useScreenSize = useScreenSize(),
|
|
12097
12123
|
rankedSize = _useScreenSize.rankedSize;
|
|
12098
12124
|
var handleClose = React.useCallback(function () {
|
|
@@ -12118,10 +12144,31 @@ VideoModal.defaultProps = {
|
|
|
12118
12144
|
size: 'md'
|
|
12119
12145
|
};
|
|
12120
12146
|
|
|
12147
|
+
var _excluded$h = ["className"];
|
|
12121
12148
|
var rootClassName$2N = 'icon-component';
|
|
12149
|
+
var MiniInformationIcon = function MiniInformationIcon(_ref) {
|
|
12150
|
+
var _ref$className = _ref.className,
|
|
12151
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
12152
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
|
|
12153
|
+
var classNames = useMergedClassNames([rootClassName$2N, className]);
|
|
12154
|
+
return React__default.createElement("svg", Object.assign({
|
|
12155
|
+
viewBox: '0 0 12 12',
|
|
12156
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
12157
|
+
fill: 'none'
|
|
12158
|
+
}, props, {
|
|
12159
|
+
className: classNames
|
|
12160
|
+
}), React__default.createElement("path", {
|
|
12161
|
+
fillRule: 'evenodd',
|
|
12162
|
+
clipRule: 'evenodd',
|
|
12163
|
+
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',
|
|
12164
|
+
fill: 'currentColor'
|
|
12165
|
+
}));
|
|
12166
|
+
};
|
|
12167
|
+
|
|
12168
|
+
var rootClassName$2O = 'icon-component';
|
|
12122
12169
|
var PhonePlusIcon = function PhonePlusIcon() {
|
|
12123
12170
|
return React__default.createElement("svg", {
|
|
12124
|
-
className: rootClassName$
|
|
12171
|
+
className: rootClassName$2O,
|
|
12125
12172
|
viewBox: '0 0 24 24',
|
|
12126
12173
|
fill: 'currentColor',
|
|
12127
12174
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -12132,7 +12179,7 @@ var PhonePlusIcon = function PhonePlusIcon() {
|
|
|
12132
12179
|
}));
|
|
12133
12180
|
};
|
|
12134
12181
|
|
|
12135
|
-
var rootClassName$
|
|
12182
|
+
var rootClassName$2P = 'calendar-header';
|
|
12136
12183
|
function CalendarHeader(props) {
|
|
12137
12184
|
var size = useScreenSize();
|
|
12138
12185
|
var days = React.useMemo(function () {
|
|
@@ -12142,16 +12189,16 @@ function CalendarHeader(props) {
|
|
|
12142
12189
|
return props.language.daysOfWeek;
|
|
12143
12190
|
}, [props.language.daysOfWeek, props.language.daysOfWeekAbrev, size]);
|
|
12144
12191
|
return React__default.createElement("div", {
|
|
12145
|
-
className: rootClassName$
|
|
12192
|
+
className: rootClassName$2P
|
|
12146
12193
|
}, days.map(function (d, i) {
|
|
12147
12194
|
return React__default.createElement("div", {
|
|
12148
|
-
className: rootClassName$
|
|
12195
|
+
className: rootClassName$2P + "-day",
|
|
12149
12196
|
key: i
|
|
12150
12197
|
}, d);
|
|
12151
12198
|
}));
|
|
12152
12199
|
}
|
|
12153
12200
|
|
|
12154
|
-
var rootClassName$
|
|
12201
|
+
var rootClassName$2Q = 'evento-calendario';
|
|
12155
12202
|
function CalendarEvent(props) {
|
|
12156
12203
|
var _useState = React.useState(props.forceExpanded || false),
|
|
12157
12204
|
expanded = _useState[0],
|
|
@@ -12180,12 +12227,12 @@ function CalendarEvent(props) {
|
|
|
12180
12227
|
return React__default.createElement(React.Fragment, null, "large");
|
|
12181
12228
|
case 'medium':
|
|
12182
12229
|
return React__default.createElement(React.Fragment, null, React__default.createElement("div", {
|
|
12183
|
-
className: rootClassName$
|
|
12230
|
+
className: rootClassName$2Q + "-tipo",
|
|
12184
12231
|
style: {
|
|
12185
12232
|
borderColor: props.color
|
|
12186
12233
|
}
|
|
12187
12234
|
}, props.tipoEvento), React__default.createElement("div", {
|
|
12188
|
-
className: rootClassName$
|
|
12235
|
+
className: rootClassName$2Q + "-label"
|
|
12189
12236
|
}, React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
12190
12237
|
"in": !props.forceExpanded && (!expanded || !props.expandedLabel),
|
|
12191
12238
|
timeout: 300,
|
|
@@ -12195,26 +12242,26 @@ function CalendarEvent(props) {
|
|
|
12195
12242
|
opened: props.forceExpanded || expanded && !!props.expandedLabel,
|
|
12196
12243
|
animateOpacity: true
|
|
12197
12244
|
}, React__default.createElement(React.Fragment, null, React__default.createElement("span", null, props.expandedLabel), React__default.createElement("div", {
|
|
12198
|
-
className: rootClassName$
|
|
12245
|
+
className: rootClassName$2Q + "-date-label"
|
|
12199
12246
|
}, props.expandedDate)))), React__default.createElement("div", {
|
|
12200
|
-
className: rootClassName$
|
|
12247
|
+
className: rootClassName$2Q + "-modalidade"
|
|
12201
12248
|
}, React__default.createElement("div", {
|
|
12202
|
-
className: rootClassName$
|
|
12249
|
+
className: rootClassName$2Q + "-icon"
|
|
12203
12250
|
}, props.icon), React__default.createElement("div", {
|
|
12204
|
-
className: rootClassName$
|
|
12251
|
+
className: rootClassName$2Q + "-modalidade-label nunito"
|
|
12205
12252
|
}, props.iconLabel)));
|
|
12206
12253
|
case 'small':
|
|
12207
12254
|
default:
|
|
12208
12255
|
return React__default.createElement(React.Fragment, null, React__default.createElement("div", {
|
|
12209
|
-
className: rootClassName$
|
|
12256
|
+
className: rootClassName$2Q + "-icon"
|
|
12210
12257
|
}, props.icon), React__default.createElement("div", {
|
|
12211
|
-
className: rootClassName$
|
|
12258
|
+
className: rootClassName$2Q + "-label nunito"
|
|
12212
12259
|
}, props.tipoEvento, " | ", props.label));
|
|
12213
12260
|
}
|
|
12214
12261
|
}, [expanded, props.color, props.expandedDate, props.expandedLabel, props.forceExpanded, props.icon, props.iconLabel, props.label, props.size, props.tipoEvento]);
|
|
12215
12262
|
return React__default.createElement("button", {
|
|
12216
12263
|
ref: ref,
|
|
12217
|
-
className: useMergedClassNames([rootClassName$
|
|
12264
|
+
className: useMergedClassNames([rootClassName$2Q, props.size, props.borderStyle]),
|
|
12218
12265
|
disabled: props.disabled,
|
|
12219
12266
|
onClick: function onClick(evt) {
|
|
12220
12267
|
if (typeof props.onClick === 'function') {
|
|
@@ -12240,10 +12287,10 @@ CalendarEvent.defaultProps = {
|
|
|
12240
12287
|
};
|
|
12241
12288
|
var CalendarEvent$1 = React.memo(CalendarEvent);
|
|
12242
12289
|
|
|
12243
|
-
var rootClassName$
|
|
12290
|
+
var rootClassName$2R = 'calendar-chip';
|
|
12244
12291
|
function CalendarChip(props) {
|
|
12245
12292
|
return React__default.createElement("button", {
|
|
12246
|
-
className: useMergedClassNames([rootClassName$
|
|
12293
|
+
className: useMergedClassNames([rootClassName$2R, 'nunito']),
|
|
12247
12294
|
onClick: props.onClick,
|
|
12248
12295
|
disabled: props.disabled,
|
|
12249
12296
|
style: {
|
|
@@ -12258,11 +12305,11 @@ CalendarChip.defaultProps = {
|
|
|
12258
12305
|
};
|
|
12259
12306
|
var CalendarChip$1 = React.memo(CalendarChip);
|
|
12260
12307
|
|
|
12261
|
-
var rootClassName$
|
|
12308
|
+
var rootClassName$2S = 'calendar-month-day';
|
|
12262
12309
|
function CalendarMonthDay(props) {
|
|
12263
12310
|
var _props$eventos, _props$eventos$length, _props$eventos2, _props$eventos$length2, _props$eventos3, _props$eventos4, _props$eventos4$slice;
|
|
12264
12311
|
var classNames = React.useMemo(function () {
|
|
12265
|
-
return getMergedClassNames([rootClassName$
|
|
12312
|
+
return getMergedClassNames([rootClassName$2S, props.pocket ? 'pocket' : '', props.isToday ? 'today' : '', props.disabled ? 'disabled' : '', props.highlightWeekends && (props.day.getDay() === 0 || props.day.getDay() === 6) ? 'highlight' : '']);
|
|
12266
12313
|
}, [props.day, props.disabled, props.highlightWeekends, props.isToday, props.pocket]);
|
|
12267
12314
|
var date = new Date();
|
|
12268
12315
|
date.setDate(date.getDate() - 1);
|
|
@@ -12276,9 +12323,9 @@ function CalendarMonthDay(props) {
|
|
|
12276
12323
|
}
|
|
12277
12324
|
}
|
|
12278
12325
|
}, React__default.createElement("div", {
|
|
12279
|
-
className: rootClassName$
|
|
12326
|
+
className: rootClassName$2S + "-label-line"
|
|
12280
12327
|
}, React__default.createElement("div", {
|
|
12281
|
-
className: rootClassName$
|
|
12328
|
+
className: rootClassName$2S + "-day nunito",
|
|
12282
12329
|
onClick: function onClick(evt) {
|
|
12283
12330
|
if (props.pocket && !props.disabled && typeof props.onPlusButtonClick === 'function') {
|
|
12284
12331
|
props.onPlusButtonClick(props.day, evt);
|
|
@@ -12299,7 +12346,7 @@ function CalendarMonthDay(props) {
|
|
|
12299
12346
|
},
|
|
12300
12347
|
disabled: props.disabled
|
|
12301
12348
|
}) : undefined)), !props.pocket ? React__default.createElement(React.Fragment, null, React__default.createElement("div", {
|
|
12302
|
-
className: rootClassName$
|
|
12349
|
+
className: rootClassName$2S + "-eventos"
|
|
12303
12350
|
}, (_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) {
|
|
12304
12351
|
return React__default.createElement(CalendarEvent$1, Object.assign({
|
|
12305
12352
|
key: e.id
|
|
@@ -12308,7 +12355,7 @@ function CalendarMonthDay(props) {
|
|
|
12308
12355
|
}));
|
|
12309
12356
|
})), props.showAddButton ? React__default.createElement("button", {
|
|
12310
12357
|
disabled: props.disabledPrevAddButton ? props.day < date ? true : false : false,
|
|
12311
|
-
className: rootClassName$
|
|
12358
|
+
className: rootClassName$2S + "-button",
|
|
12312
12359
|
onClick: function onClick(evt) {
|
|
12313
12360
|
if (typeof props.onAddButtonClick === 'function') {
|
|
12314
12361
|
var _props$onAddButtonCli;
|
|
@@ -12320,7 +12367,7 @@ function CalendarMonthDay(props) {
|
|
|
12320
12367
|
}
|
|
12321
12368
|
var CalendarMonthDay$1 = React.memo(CalendarMonthDay);
|
|
12322
12369
|
|
|
12323
|
-
var rootClassName$
|
|
12370
|
+
var rootClassName$2T = 'calendar-days';
|
|
12324
12371
|
function CalendarDays(props) {
|
|
12325
12372
|
var today = React.useMemo(function () {
|
|
12326
12373
|
return new Date();
|
|
@@ -12338,7 +12385,7 @@ function CalendarDays(props) {
|
|
|
12338
12385
|
return false;
|
|
12339
12386
|
}, [props.referencia, props.disabledNextMonth, props.disabledPrevMonth]);
|
|
12340
12387
|
return React__default.createElement("div", {
|
|
12341
|
-
className: rootClassName$
|
|
12388
|
+
className: rootClassName$2T
|
|
12342
12389
|
}, days.map(function (d) {
|
|
12343
12390
|
var _props$eventos;
|
|
12344
12391
|
var k = "" + d.getFullYear() + getTwoNumbersIfNotTen(d.getMonth() + 1) + getTwoNumbersIfNotTen(d.getDate());
|
|
@@ -12363,8 +12410,8 @@ function CalendarDays(props) {
|
|
|
12363
12410
|
}
|
|
12364
12411
|
var CalendarDays$1 = React.memo(CalendarDays);
|
|
12365
12412
|
|
|
12366
|
-
var _excluded$
|
|
12367
|
-
var rootClassName$
|
|
12413
|
+
var _excluded$i = ["language", "visao", "referencia"];
|
|
12414
|
+
var rootClassName$2U = 'calendar';
|
|
12368
12415
|
function Calendar(_ref) {
|
|
12369
12416
|
var _ref$language = _ref.language,
|
|
12370
12417
|
language = _ref$language === void 0 ? ptbrCalendarLanguage : _ref$language,
|
|
@@ -12372,7 +12419,7 @@ function Calendar(_ref) {
|
|
|
12372
12419
|
visao = _ref$visao === void 0 ? CalendarView.Mensal : _ref$visao,
|
|
12373
12420
|
_ref$referencia = _ref.referencia,
|
|
12374
12421
|
referencia = _ref$referencia === void 0 ? new Date() : _ref$referencia,
|
|
12375
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
12422
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
|
|
12376
12423
|
var id = React.useMemo(getUniqueKey, []);
|
|
12377
12424
|
var _useState = React.useState(false),
|
|
12378
12425
|
pocket = _useState[0],
|
|
@@ -12380,7 +12427,7 @@ function Calendar(_ref) {
|
|
|
12380
12427
|
var pocketRef = React.useRef(pocket);
|
|
12381
12428
|
pocketRef.current = pocket;
|
|
12382
12429
|
var classNames = React.useMemo(function () {
|
|
12383
|
-
return getMergedClassNames([rootClassName$
|
|
12430
|
+
return getMergedClassNames([rootClassName$2U, props.loading ? 'loading' : '']);
|
|
12384
12431
|
}, [props.loading]);
|
|
12385
12432
|
var cbResize = React.useCallback(function (evt) {
|
|
12386
12433
|
if (pocketRef.current) {
|
|
@@ -12437,7 +12484,26 @@ Calendar.defaultProps = {
|
|
|
12437
12484
|
};
|
|
12438
12485
|
var Calendar$1 = React.memo(Calendar);
|
|
12439
12486
|
|
|
12440
|
-
|
|
12487
|
+
function FormattedText(text) {
|
|
12488
|
+
var _text$text, _text$tag, _text$props;
|
|
12489
|
+
var _final = typeof text === 'string' ? text : (_text$text = text.text) != null ? _text$text : '';
|
|
12490
|
+
var tag = typeof text === 'string' ? 'span' : (_text$tag = text.tag) != null ? _text$tag : 'span';
|
|
12491
|
+
var props = typeof text === 'string' ? {} : (_text$props = text.props) != null ? _text$props : {};
|
|
12492
|
+
_final = _final.replaceAll(/_([^_]*)_/g, '<i>$1</i>').replaceAll(/\*([^*]*)\*/g, '<b>$1</b>').replaceAll(/~([^~]*)~/g, '<del>$1</del>');
|
|
12493
|
+
for (var _len = arguments.length, replacers = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
12494
|
+
replacers[_key - 1] = arguments[_key];
|
|
12495
|
+
}
|
|
12496
|
+
replacers.forEach(function (s, i) {
|
|
12497
|
+
_final = _final.replaceAll("#" + (i + 1) + "#", s);
|
|
12498
|
+
});
|
|
12499
|
+
return React__default.createElement(tag, _extends({}, props, {
|
|
12500
|
+
dangerouslySetInnerHTML: {
|
|
12501
|
+
__html: DOMPurify.sanitize(_final)
|
|
12502
|
+
}
|
|
12503
|
+
}));
|
|
12504
|
+
}
|
|
12505
|
+
|
|
12506
|
+
var rootClassName$2V = 'scroll-arrow-overflow';
|
|
12441
12507
|
function ScrollArrowOverflow(props) {
|
|
12442
12508
|
var ref = React.createRef();
|
|
12443
12509
|
var atualRef = React.useRef(0);
|
|
@@ -12509,9 +12575,9 @@ function ScrollArrowOverflow(props) {
|
|
|
12509
12575
|
};
|
|
12510
12576
|
}, []);
|
|
12511
12577
|
return React__default.createElement("div", {
|
|
12512
|
-
className: useMergedClassNames([rootClassName$
|
|
12578
|
+
className: useMergedClassNames([rootClassName$2V, props.arrows])
|
|
12513
12579
|
}, React__default.createElement("div", {
|
|
12514
|
-
className: rootClassName$
|
|
12580
|
+
className: rootClassName$2V + "-navigation"
|
|
12515
12581
|
}, React__default.createElement(IconButton$1, {
|
|
12516
12582
|
disabled: start,
|
|
12517
12583
|
icon: React__default.createElement(CircleArrowLeft, null),
|
|
@@ -12526,7 +12592,7 @@ function ScrollArrowOverflow(props) {
|
|
|
12526
12592
|
}
|
|
12527
12593
|
})), React__default.createElement("div", {
|
|
12528
12594
|
ref: ref,
|
|
12529
|
-
className: rootClassName$
|
|
12595
|
+
className: rootClassName$2V + "-overflow"
|
|
12530
12596
|
}, props.children));
|
|
12531
12597
|
}
|
|
12532
12598
|
ScrollArrowOverflow.defaultProps = {
|
|
@@ -12535,26 +12601,26 @@ ScrollArrowOverflow.defaultProps = {
|
|
|
12535
12601
|
};
|
|
12536
12602
|
var ScrollArrowOverflow$1 = React.memo(ScrollArrowOverflow);
|
|
12537
12603
|
|
|
12538
|
-
var rootClassName$
|
|
12604
|
+
var rootClassName$2W = 'hour-events';
|
|
12539
12605
|
function HourEvents(props) {
|
|
12540
12606
|
var _props$language, _props$language2, _props$events, _props$events2, _props$language3, _props$events3;
|
|
12541
12607
|
var _useState = React.useState(props.defaultOpened),
|
|
12542
12608
|
opened = _useState[0],
|
|
12543
12609
|
setOpened = _useState[1];
|
|
12544
12610
|
return React__default.createElement("div", {
|
|
12545
|
-
className: rootClassName$
|
|
12611
|
+
className: rootClassName$2W
|
|
12546
12612
|
}, React__default.createElement("div", {
|
|
12547
|
-
className: rootClassName$
|
|
12613
|
+
className: rootClassName$2W + "-first-line"
|
|
12548
12614
|
}, React__default.createElement("div", {
|
|
12549
|
-
className: rootClassName$
|
|
12615
|
+
className: rootClassName$2W + "-hour"
|
|
12550
12616
|
}, props.hour), React__default.createElement("div", {
|
|
12551
|
-
className: rootClassName$
|
|
12617
|
+
className: rootClassName$2W + "-line"
|
|
12552
12618
|
}), !props.events || !props.events.length ? React__default.createElement("div", {
|
|
12553
|
-
className: rootClassName$
|
|
12619
|
+
className: rootClassName$2W + "-no-events nunito"
|
|
12554
12620
|
}, (_props$language = props.language) === null || _props$language === void 0 ? void 0 : _props$language.noEvent) : React__default.createElement("div", {
|
|
12555
|
-
className: rootClassName$
|
|
12621
|
+
className: rootClassName$2W + "-counter nunito"
|
|
12556
12622
|
}, (_props$language2 = props.language) === null || _props$language2 === void 0 ? void 0 : _props$language2.events((_props$events = props.events) === null || _props$events === void 0 ? void 0 : _props$events.length))), (_props$events2 = props.events) !== null && _props$events2 !== void 0 && _props$events2.length ? React__default.createElement(React.Fragment, null, React__default.createElement("div", {
|
|
12557
|
-
className: rootClassName$
|
|
12623
|
+
className: rootClassName$2W + "-toggle"
|
|
12558
12624
|
}, React__default.createElement(Button$1, {
|
|
12559
12625
|
theme: exports.ButtonThemes.DefaultPrimary,
|
|
12560
12626
|
onClick: function onClick() {
|
|
@@ -12589,7 +12655,7 @@ HourEvents.defaultProps = {
|
|
|
12589
12655
|
};
|
|
12590
12656
|
var HourEvents$1 = React.memo(HourEvents);
|
|
12591
12657
|
|
|
12592
|
-
var rootClassName$
|
|
12658
|
+
var rootClassName$2X = 'inline-month-picker';
|
|
12593
12659
|
function InlineMonthPicker(props) {
|
|
12594
12660
|
var _props$labelGen;
|
|
12595
12661
|
var d = new Date(props.value.getTime());
|
|
@@ -12601,13 +12667,13 @@ function InlineMonthPicker(props) {
|
|
|
12601
12667
|
}
|
|
12602
12668
|
};
|
|
12603
12669
|
return React__default.createElement("div", {
|
|
12604
|
-
className: rootClassName$
|
|
12670
|
+
className: rootClassName$2X
|
|
12605
12671
|
}, React__default.createElement("div", {
|
|
12606
|
-
className: rootClassName$
|
|
12672
|
+
className: rootClassName$2X + "-icon"
|
|
12607
12673
|
}, React__default.createElement(CalendarCheckIcon, null)), React__default.createElement("div", {
|
|
12608
|
-
className: rootClassName$
|
|
12674
|
+
className: rootClassName$2X + "-label"
|
|
12609
12675
|
}, (_props$labelGen = props.labelGen) === null || _props$labelGen === void 0 ? void 0 : _props$labelGen.call(props, props.value)), React__default.createElement("div", {
|
|
12610
|
-
className: rootClassName$
|
|
12676
|
+
className: rootClassName$2X + "-actions"
|
|
12611
12677
|
}, React__default.createElement(IconButton$1, {
|
|
12612
12678
|
icon: React__default.createElement(ChevronArrowLeftIcon, null),
|
|
12613
12679
|
onClick: function onClick() {
|
|
@@ -12633,7 +12699,7 @@ InlineMonthPicker.defaultProps = {
|
|
|
12633
12699
|
};
|
|
12634
12700
|
var InlineMonthPicker$1 = React.memo(InlineMonthPicker);
|
|
12635
12701
|
|
|
12636
|
-
var rootClassName$
|
|
12702
|
+
var rootClassName$2Y = 'qrcode';
|
|
12637
12703
|
function QRCode(props) {
|
|
12638
12704
|
var ref = React.createRef();
|
|
12639
12705
|
React.useEffect(function () {
|
|
@@ -12652,7 +12718,7 @@ function QRCode(props) {
|
|
|
12652
12718
|
});
|
|
12653
12719
|
}, [props, ref]);
|
|
12654
12720
|
var className = React.useMemo(function () {
|
|
12655
|
-
return getMergedClassNames([rootClassName$
|
|
12721
|
+
return getMergedClassNames([rootClassName$2Y, props.button ? 'button' : '']);
|
|
12656
12722
|
}, [props.button]);
|
|
12657
12723
|
return React__default.createElement("div", {
|
|
12658
12724
|
className: className,
|
|
@@ -12673,6 +12739,204 @@ QRCode.defaultProps = {
|
|
|
12673
12739
|
};
|
|
12674
12740
|
var QRCode$1 = React.memo(QRCode);
|
|
12675
12741
|
|
|
12742
|
+
var rootClassName$2Z = 'icon-component';
|
|
12743
|
+
var DecreaseIcon = function DecreaseIcon() {
|
|
12744
|
+
return React__default.createElement("svg", {
|
|
12745
|
+
className: rootClassName$2Z,
|
|
12746
|
+
viewBox: '0 0 24 24',
|
|
12747
|
+
xmlns: 'http://www.w3.org/2000/svg'
|
|
12748
|
+
}, React__default.createElement("path", {
|
|
12749
|
+
fillRule: 'evenodd',
|
|
12750
|
+
clipRule: 'evenodd',
|
|
12751
|
+
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',
|
|
12752
|
+
fill: 'currentColor'
|
|
12753
|
+
}));
|
|
12754
|
+
};
|
|
12755
|
+
|
|
12756
|
+
var _excluded$j = ["type"];
|
|
12757
|
+
var rootClassName$2_ = 'component-table-left-checkbox-with-label';
|
|
12758
|
+
var LeftControlWithLabel = function LeftControlWithLabel(_ref) {
|
|
12759
|
+
var _props$spanProps2, _props$spanProps3;
|
|
12760
|
+
var type = _ref.type,
|
|
12761
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
|
|
12762
|
+
var style = React.useMemo(function () {
|
|
12763
|
+
var _props$spanProps$styl, _props$spanProps;
|
|
12764
|
+
var style = _extends({
|
|
12765
|
+
justifyContent: props.justifyContent
|
|
12766
|
+
}, (_props$spanProps$styl = (_props$spanProps = props.spanProps) === null || _props$spanProps === void 0 ? void 0 : _props$spanProps.style) != null ? _props$spanProps$styl : {});
|
|
12767
|
+
if (props.removeUserSelect) {
|
|
12768
|
+
style.userSelect = 'none';
|
|
12769
|
+
}
|
|
12770
|
+
if (props.anchorLabelToCheckbox && !props.disabled) {
|
|
12771
|
+
style.cursor = 'pointer';
|
|
12772
|
+
}
|
|
12773
|
+
return style;
|
|
12774
|
+
}, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
|
|
12775
|
+
return React__default.createElement("div", {
|
|
12776
|
+
className: getMergedClassNames([rootClassName$2_, props.w100 ? 'w-100' : ''])
|
|
12777
|
+
}, React__default.createElement("span", {
|
|
12778
|
+
className: rootClassName$2_ + "-checkbox-wrapper",
|
|
12779
|
+
"tooltip-position": props['tooltip-position'],
|
|
12780
|
+
"tooltip-text": props['tooltip-text']
|
|
12781
|
+
}, type === 'addRemove' ? React__default.createElement(IconButton$1, {
|
|
12782
|
+
className: getMergedClassNames([rootClassName$2_ + "-add-remove-button", props.value ? rootClassName$2_ + "-danger" : '']),
|
|
12783
|
+
icon: props.value ? React__default.createElement(DecreaseIcon, null) : React__default.createElement(AddIcon, null),
|
|
12784
|
+
disabled: props.disabled,
|
|
12785
|
+
onClick: function onClick(evt) {
|
|
12786
|
+
var _props$onChange;
|
|
12787
|
+
evt.stopPropagation();
|
|
12788
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, !props.value, evt);
|
|
12789
|
+
}
|
|
12790
|
+
}) : React__default.createElement(Checkbox$1, {
|
|
12791
|
+
value: props.value,
|
|
12792
|
+
disabled: props.disabled,
|
|
12793
|
+
onChange: props.onChange,
|
|
12794
|
+
theme: props.theme
|
|
12795
|
+
})), React__default.createElement("span", Object.assign({}, (_props$spanProps2 = props.spanProps) != null ? _props$spanProps2 : {}, {
|
|
12796
|
+
className: getMergedClassNames([rootClassName$2_ + "-label-wrapper", ((_props$spanProps3 = props.spanProps) === null || _props$spanProps3 === void 0 ? void 0 : _props$spanProps3.className) || '']),
|
|
12797
|
+
style: style,
|
|
12798
|
+
onClick: function onClick(evt) {
|
|
12799
|
+
var _props$spanProps4, _props$spanProps4$onC;
|
|
12800
|
+
if (props.anchorLabelToCheckbox) {
|
|
12801
|
+
var _props$onChange2;
|
|
12802
|
+
(_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 ? void 0 : _props$onChange2.call(props, !props.value, evt);
|
|
12803
|
+
}
|
|
12804
|
+
(_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);
|
|
12805
|
+
}
|
|
12806
|
+
}), props.label));
|
|
12807
|
+
};
|
|
12808
|
+
|
|
12809
|
+
function TooltipElement(_ref) {
|
|
12810
|
+
var label = _ref.label,
|
|
12811
|
+
_ref$placement = _ref.placement,
|
|
12812
|
+
placement = _ref$placement === void 0 ? 'top' : _ref$placement,
|
|
12813
|
+
_ref$fallbackPlacemen = _ref.fallbackPlacements,
|
|
12814
|
+
fallbackPlacements = _ref$fallbackPlacemen === void 0 ? ['right', 'left', 'bottom'] : _ref$fallbackPlacemen,
|
|
12815
|
+
children = _ref.children;
|
|
12816
|
+
var arrowRef = React.useRef(null);
|
|
12817
|
+
var _useState = React.useState(false),
|
|
12818
|
+
opened = _useState[0],
|
|
12819
|
+
setOpened = _useState[1];
|
|
12820
|
+
var _useFloating = react.useFloating({
|
|
12821
|
+
open: opened,
|
|
12822
|
+
onOpenChange: setOpened,
|
|
12823
|
+
placement: placement,
|
|
12824
|
+
whileElementsMounted: react.autoUpdate,
|
|
12825
|
+
transform: false,
|
|
12826
|
+
strategy: 'fixed',
|
|
12827
|
+
middleware: [react.offset(7 + 2), react.flip({
|
|
12828
|
+
fallbackPlacements: fallbackPlacements
|
|
12829
|
+
}), react.shift(), react.arrow({
|
|
12830
|
+
element: arrowRef,
|
|
12831
|
+
padding: 8
|
|
12832
|
+
})]
|
|
12833
|
+
}),
|
|
12834
|
+
floatingStyles = _useFloating.floatingStyles,
|
|
12835
|
+
refs = _useFloating.refs,
|
|
12836
|
+
context = _useFloating.context;
|
|
12837
|
+
var hover = react.useHover(context, {
|
|
12838
|
+
move: false
|
|
12839
|
+
});
|
|
12840
|
+
var focus = react.useFocus(context);
|
|
12841
|
+
var dismiss = react.useDismiss(context);
|
|
12842
|
+
var role = react.useRole(context, {
|
|
12843
|
+
role: 'tooltip'
|
|
12844
|
+
});
|
|
12845
|
+
var _useInteractions = react.useInteractions([hover, focus, dismiss, role]),
|
|
12846
|
+
getReferenceProps = _useInteractions.getReferenceProps,
|
|
12847
|
+
getFloatingProps = _useInteractions.getFloatingProps;
|
|
12848
|
+
var _useTransitionStyles = react.useTransitionStyles(context, {
|
|
12849
|
+
duration: 250,
|
|
12850
|
+
initial: function initial(_ref2) {
|
|
12851
|
+
var side = _ref2.side;
|
|
12852
|
+
return {
|
|
12853
|
+
transform: ['top', 'bottom'].includes(side) ? 'translateY(5px)' : '',
|
|
12854
|
+
opacity: 0
|
|
12855
|
+
};
|
|
12856
|
+
},
|
|
12857
|
+
common: {
|
|
12858
|
+
transform: 'translateY(0px)',
|
|
12859
|
+
opacity: 1
|
|
12860
|
+
}
|
|
12861
|
+
}),
|
|
12862
|
+
isMounted = _useTransitionStyles.isMounted,
|
|
12863
|
+
transitionStyles = _useTransitionStyles.styles;
|
|
12864
|
+
return React__default.createElement(React.Fragment, null, React__default.createElement("div", Object.assign({
|
|
12865
|
+
className: undefined.reference,
|
|
12866
|
+
ref: refs.setReference
|
|
12867
|
+
}, getReferenceProps), children), React__default.createElement(react.FloatingPortal, null, isMounted && React__default.createElement("div", Object.assign({
|
|
12868
|
+
className: undefined.tooltip,
|
|
12869
|
+
ref: refs.setFloating,
|
|
12870
|
+
style: _extends({}, floatingStyles, transitionStyles)
|
|
12871
|
+
}, getFloatingProps()), React__default.createElement("span", {
|
|
12872
|
+
className: undefined.label
|
|
12873
|
+
}, label), React__default.createElement(react.FloatingArrow, {
|
|
12874
|
+
ref: arrowRef,
|
|
12875
|
+
context: context,
|
|
12876
|
+
fill: '#323c32'
|
|
12877
|
+
}))));
|
|
12878
|
+
}
|
|
12879
|
+
|
|
12880
|
+
var _excluded$k = ["className", "variant", "color", "focus", "style", "alignment", "format", "dangerouslySetInnerHTML", "children"];
|
|
12881
|
+
var Typography = React.forwardRef(function (_ref, ref) {
|
|
12882
|
+
var _ref$className = _ref.className,
|
|
12883
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
12884
|
+
_ref$variant = _ref.variant,
|
|
12885
|
+
variant = _ref$variant === void 0 ? 'body' : _ref$variant,
|
|
12886
|
+
_ref$color = _ref.color,
|
|
12887
|
+
color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
12888
|
+
_ref$focus = _ref.focus,
|
|
12889
|
+
focus = _ref$focus === void 0 ? false : _ref$focus,
|
|
12890
|
+
style = _ref.style,
|
|
12891
|
+
alignment = _ref.alignment,
|
|
12892
|
+
_ref$format = _ref.format,
|
|
12893
|
+
format = _ref$format === void 0 ? {
|
|
12894
|
+
active: false,
|
|
12895
|
+
replacers: []
|
|
12896
|
+
} : _ref$format,
|
|
12897
|
+
dangerouslySetInnerHTML = _ref.dangerouslySetInnerHTML,
|
|
12898
|
+
children = _ref.children,
|
|
12899
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
|
|
12900
|
+
var classNames = useMergedClassNames([undefined.tp, focus ? undefined.focus : '', undefined[color], undefined[variant], className]);
|
|
12901
|
+
var tag = React.useMemo(function () {
|
|
12902
|
+
switch (variant) {
|
|
12903
|
+
case 'body':
|
|
12904
|
+
return 'p';
|
|
12905
|
+
case 'caption':
|
|
12906
|
+
case 'small':
|
|
12907
|
+
return 'span';
|
|
12908
|
+
default:
|
|
12909
|
+
return variant;
|
|
12910
|
+
}
|
|
12911
|
+
}, [variant]);
|
|
12912
|
+
var formatted = React.useMemo(function () {
|
|
12913
|
+
if (typeof children === 'string' && (format === true || format !== null && format !== void 0 && format.active)) {
|
|
12914
|
+
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>');
|
|
12915
|
+
if (format !== true) {
|
|
12916
|
+
var _format$replacers;
|
|
12917
|
+
(_format$replacers = format.replacers) === null || _format$replacers === void 0 ? void 0 : _format$replacers.forEach(function (s, i) {
|
|
12918
|
+
content = content.replaceAll("#" + (i + 1) + "#", s);
|
|
12919
|
+
});
|
|
12920
|
+
}
|
|
12921
|
+
return DOMPurify.sanitize(content, {
|
|
12922
|
+
ADD_ATTR: ['target']
|
|
12923
|
+
});
|
|
12924
|
+
}
|
|
12925
|
+
return undefined;
|
|
12926
|
+
}, [children, format]);
|
|
12927
|
+
return React.createElement(tag, _extends({
|
|
12928
|
+
ref: ref,
|
|
12929
|
+
className: classNames,
|
|
12930
|
+
style: _extends({}, style != null ? style : {}, alignment ? {
|
|
12931
|
+
textAlign: alignment
|
|
12932
|
+
} : {}),
|
|
12933
|
+
dangerouslySetInnerHTML: formatted ? {
|
|
12934
|
+
__html: formatted
|
|
12935
|
+
} : dangerouslySetInnerHTML
|
|
12936
|
+
}, props), formatted ? undefined : children);
|
|
12937
|
+
});
|
|
12938
|
+
Typography.displayName = 'Typography';
|
|
12939
|
+
|
|
12676
12940
|
function useCallbackedState(callback, initialValue) {
|
|
12677
12941
|
var _useState = React.useState(initialValue),
|
|
12678
12942
|
value = _useState[0],
|
|
@@ -43697,7 +43961,7 @@ function useHTMLShare() {
|
|
|
43697
43961
|
};
|
|
43698
43962
|
}
|
|
43699
43963
|
|
|
43700
|
-
var rootClassName$
|
|
43964
|
+
var rootClassName$2$ = 'comp-modal-manager';
|
|
43701
43965
|
var maskRootClassName$1 = 'component-modal-mask';
|
|
43702
43966
|
var hackFocus$1 = function hackFocus() {
|
|
43703
43967
|
var tmp = document.createElement('input');
|
|
@@ -43765,13 +44029,13 @@ function useModalManager() {
|
|
|
43765
44029
|
return [React__default.createElement(React__default.Fragment, {
|
|
43766
44030
|
key: 1
|
|
43767
44031
|
}, React__default.createElement(reactTransitionGroup.TransitionGroup, {
|
|
43768
|
-
className: rootClassName$
|
|
44032
|
+
className: rootClassName$2$ + "-modals"
|
|
43769
44033
|
}, arrayOfModal.map(function (obj) {
|
|
43770
44034
|
var _obj$props2, _obj$props3;
|
|
43771
44035
|
var ModalComponent = React__default.createElement(obj.component, obj.props);
|
|
43772
44036
|
return React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
43773
44037
|
timeout: 300,
|
|
43774
|
-
classNames: rootClassName$
|
|
44038
|
+
classNames: rootClassName$2$ + "-mask",
|
|
43775
44039
|
key: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.modalKey,
|
|
43776
44040
|
unmountOnExit: true
|
|
43777
44041
|
}, React__default.createElement(ModalMask, {
|
|
@@ -43789,6 +44053,134 @@ function useModalManager() {
|
|
|
43789
44053
|
}))), openModal, closeModal];
|
|
43790
44054
|
}
|
|
43791
44055
|
|
|
44056
|
+
var References;
|
|
44057
|
+
(function (References) {
|
|
44058
|
+
References[References["FORCE_CLOSE"] = -1] = "FORCE_CLOSE";
|
|
44059
|
+
References[References["OPENED_ACTIVE"] = 0] = "OPENED_ACTIVE";
|
|
44060
|
+
})(References || (References = {}));
|
|
44061
|
+
var sortItems = function sortItems(a, b) {
|
|
44062
|
+
return a.ordem - b.ordem;
|
|
44063
|
+
};
|
|
44064
|
+
function usePublicMenuList(props) {
|
|
44065
|
+
var hasPermission = React.useCallback(function (need) {
|
|
44066
|
+
var needPermission = need.roles && need.roles.length || need.programas && need.programas.length;
|
|
44067
|
+
var hasRole = need.roles && need.roles.length && need.roles.some(function (role) {
|
|
44068
|
+
return props.roles && props.roles.includes(role);
|
|
44069
|
+
});
|
|
44070
|
+
var hasRoleByPrograma = need.programas && need.programas.length && need.programas.some(function (prog) {
|
|
44071
|
+
return props.allProfilesForProgramas[prog] && props.allProfilesForProgramas[prog].some(function (profile) {
|
|
44072
|
+
return props.roles && props.roles.includes(profile);
|
|
44073
|
+
});
|
|
44074
|
+
});
|
|
44075
|
+
return !needPermission || hasRole || hasRoleByPrograma;
|
|
44076
|
+
}, [props.allProfilesForProgramas, props.roles]);
|
|
44077
|
+
var _useState = React.useState(References.OPENED_ACTIVE),
|
|
44078
|
+
subListReference = _useState[0],
|
|
44079
|
+
setSubListReference = _useState[1];
|
|
44080
|
+
var isOpenedByReference = React.useCallback(function (reference) {
|
|
44081
|
+
return reference === subListReference;
|
|
44082
|
+
}, [subListReference]);
|
|
44083
|
+
var setOpenedByReference = React.useCallback(function (reference) {
|
|
44084
|
+
if (isOpenedByReference(reference)) {
|
|
44085
|
+
setSubListReference(References.FORCE_CLOSE);
|
|
44086
|
+
} else {
|
|
44087
|
+
setSubListReference(reference);
|
|
44088
|
+
}
|
|
44089
|
+
}, [isOpenedByReference]);
|
|
44090
|
+
var handleClickLink = React.useCallback(function (url, obj) {
|
|
44091
|
+
if (!url) return;
|
|
44092
|
+
var target = obj.novaAba ? '_blank' : '_self';
|
|
44093
|
+
var isPermitted = !obj.permissoes || hasPermission(obj.permissoes);
|
|
44094
|
+
var watchIncongruencia = obj.permissoes && obj.permissoes.incongruencia;
|
|
44095
|
+
if (watchIncongruencia && props.incongruencia && typeof props.openModalIncongruencia === 'function') {
|
|
44096
|
+
props.openModalIncongruencia();
|
|
44097
|
+
} else if (isPermitted) {
|
|
44098
|
+
if (obj.internal) {
|
|
44099
|
+
props.history.push(url.replace(window.location.origin, ''));
|
|
44100
|
+
} else {
|
|
44101
|
+
window.open(url, target);
|
|
44102
|
+
}
|
|
44103
|
+
setOpenedByReference(References.OPENED_ACTIVE);
|
|
44104
|
+
} else if (obj.permissoes) {
|
|
44105
|
+
var _obj$permissoes$progr, _obj$permissoes$roles;
|
|
44106
|
+
var isPrograma = obj.permissoes.programas && !!obj.permissoes.programas.length;
|
|
44107
|
+
var plural = isPrograma ? obj.permissoes.programas && obj.permissoes.programas.length > 1 : obj.permissoes.roles && obj.permissoes.roles.length > 1;
|
|
44108
|
+
var label = isPrograma ? (_obj$permissoes$progr = obj.permissoes.programas) === null || _obj$permissoes$progr === void 0 ? void 0 : _obj$permissoes$progr.map(function (prog) {
|
|
44109
|
+
var _props$getProgramaLab;
|
|
44110
|
+
return (_props$getProgramaLab = props.getProgramaLabel(prog)) != null ? _props$getProgramaLab : '';
|
|
44111
|
+
}).join(', ') : (_obj$permissoes$roles = obj.permissoes.roles) === null || _obj$permissoes$roles === void 0 ? void 0 : _obj$permissoes$roles.join(', ');
|
|
44112
|
+
props.openModalProfileWarning(label || '', plural, !isPrograma || obj.permissoes && obj.permissoes.forcePerfilLabel, obj.labelPrograma);
|
|
44113
|
+
setOpenedByReference(References.FORCE_CLOSE);
|
|
44114
|
+
}
|
|
44115
|
+
props.closeMenu();
|
|
44116
|
+
}, [hasPermission, props, setOpenedByReference]);
|
|
44117
|
+
var getSubList = React.useCallback(function (itens) {
|
|
44118
|
+
if (!itens || !itens.length) return undefined;
|
|
44119
|
+
return itens.sort(sortItems).filter(function (sub) {
|
|
44120
|
+
if (sub.permissoes && sub.permissoes.hide) {
|
|
44121
|
+
return hasPermission(sub.permissoes);
|
|
44122
|
+
}
|
|
44123
|
+
return true;
|
|
44124
|
+
}).map(function (sub) {
|
|
44125
|
+
return {
|
|
44126
|
+
id: sub.id,
|
|
44127
|
+
icon: React__default.createElement(ListDotIcon, null),
|
|
44128
|
+
label: sub.label,
|
|
44129
|
+
active: sub.regex ? props.isRoute(window.location.pathname, new RegExp(sub.regex)) : false,
|
|
44130
|
+
onClick: function onClick() {
|
|
44131
|
+
if (sub.url) handleClickLink(sub.url, {
|
|
44132
|
+
novaAba: sub.novaAba,
|
|
44133
|
+
permissoes: sub.permissoes,
|
|
44134
|
+
internal: Boolean(sub.idFerramenta && sub.idFerramenta === props.idFerramenta),
|
|
44135
|
+
labelPrograma: sub.labelPrograma
|
|
44136
|
+
});
|
|
44137
|
+
}
|
|
44138
|
+
};
|
|
44139
|
+
});
|
|
44140
|
+
}, [handleClickLink, hasPermission, props]);
|
|
44141
|
+
var menus = React.useMemo(function () {
|
|
44142
|
+
if (!props.menus) return [];
|
|
44143
|
+
return props.menus.sort(sortItems).filter(function (item) {
|
|
44144
|
+
var _item$subItems;
|
|
44145
|
+
if (item.permissoes && item.permissoes.hide || (_item$subItems = item.subItems) !== null && _item$subItems !== void 0 && _item$subItems.some(function (s) {
|
|
44146
|
+
return s.permissoes && s.permissoes.hide;
|
|
44147
|
+
})) {
|
|
44148
|
+
var _item$subItems2;
|
|
44149
|
+
return !((_item$subItems2 = item.subItems) !== null && _item$subItems2 !== void 0 && _item$subItems2.every(function (s) {
|
|
44150
|
+
return s.permissoes && s.permissoes.hide && !hasPermission(s.permissoes);
|
|
44151
|
+
}));
|
|
44152
|
+
}
|
|
44153
|
+
return true;
|
|
44154
|
+
}).map(function (it) {
|
|
44155
|
+
return {
|
|
44156
|
+
id: it.id,
|
|
44157
|
+
icon: stringToReactElement(it.icon, {
|
|
44158
|
+
style: {
|
|
44159
|
+
height: '24px',
|
|
44160
|
+
width: '24px'
|
|
44161
|
+
}
|
|
44162
|
+
}),
|
|
44163
|
+
label: it.label,
|
|
44164
|
+
active: it.regex ? props.isRoute(window.location.pathname, new RegExp(it.regex)) : false,
|
|
44165
|
+
onClick: it.url ? function () {
|
|
44166
|
+
var _it$novaAba;
|
|
44167
|
+
return handleClickLink(it.url, {
|
|
44168
|
+
novaAba: (_it$novaAba = it.novaAba) != null ? _it$novaAba : false,
|
|
44169
|
+
permissoes: it.permissoes,
|
|
44170
|
+
internal: Boolean(it.idFerramenta && it.idFerramenta === props.idFerramenta),
|
|
44171
|
+
labelPrograma: it.labelPrograma
|
|
44172
|
+
});
|
|
44173
|
+
} : function () {
|
|
44174
|
+
setOpenedByReference(it.id);
|
|
44175
|
+
},
|
|
44176
|
+
subListOpened: isOpenedByReference(it.id),
|
|
44177
|
+
subList: getSubList(it.subItems)
|
|
44178
|
+
};
|
|
44179
|
+
});
|
|
44180
|
+
}, [isOpenedByReference, props.menus, props.history.location, props.roles]);
|
|
44181
|
+
return menus;
|
|
44182
|
+
}
|
|
44183
|
+
|
|
43792
44184
|
function useScrollTo() {
|
|
43793
44185
|
var scrollTo = function scrollTo(_ref) {
|
|
43794
44186
|
var to = _ref.to,
|
|
@@ -43914,7 +44306,7 @@ function useTimeElapsed(timeLeftInSeconds, callBackZero) {
|
|
|
43914
44306
|
return timeToReturn;
|
|
43915
44307
|
}
|
|
43916
44308
|
|
|
43917
|
-
var rootClassName$
|
|
44309
|
+
var rootClassName$30 = 'comp-toast-manager';
|
|
43918
44310
|
var count$1 = 0;
|
|
43919
44311
|
function useToastManager(props) {
|
|
43920
44312
|
var _props$max;
|
|
@@ -43959,17 +44351,17 @@ function useToastManager(props) {
|
|
|
43959
44351
|
toastsRef.current = [];
|
|
43960
44352
|
}, []);
|
|
43961
44353
|
var classNames = React.useMemo(function () {
|
|
43962
|
-
return getMergedClassNames([rootClassName$
|
|
44354
|
+
return getMergedClassNames([rootClassName$30 + "-toasts", rootClassName$30 + "-" + verticalPosition, rootClassName$30 + "-" + horizontalPosition, reverse ? rootClassName$30 + "-reverse" : '', animateSize ? rootClassName$30 + "-animate-size" : '']);
|
|
43963
44355
|
}, [reverse, animateSize, horizontalPosition, verticalPosition]);
|
|
43964
44356
|
React.useLayoutEffect(function () {
|
|
43965
|
-
var wrapper = document.querySelector("." + rootClassName$
|
|
44357
|
+
var wrapper = document.querySelector("." + rootClassName$30 + "-toasts");
|
|
43966
44358
|
if (wrapper && wrapper.childElementCount > 0) {
|
|
43967
44359
|
var somaDasAlturas = 0;
|
|
43968
44360
|
if (verticalPosition === 'top' && !reverse) {
|
|
43969
44361
|
somaDasAlturas = 12;
|
|
43970
44362
|
for (var i = 0; i < wrapper.children.length; i++) {
|
|
43971
44363
|
var el = wrapper.children[i];
|
|
43972
|
-
if (!el.classList.contains(rootClassName$
|
|
44364
|
+
if (!el.classList.contains(rootClassName$30 + "-toast-exit")) {
|
|
43973
44365
|
el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
43974
44366
|
somaDasAlturas += el.getBoundingClientRect().height + 12;
|
|
43975
44367
|
}
|
|
@@ -43977,7 +44369,7 @@ function useToastManager(props) {
|
|
|
43977
44369
|
} else if (verticalPosition === 'top') {
|
|
43978
44370
|
for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
|
|
43979
44371
|
var _el = wrapper.children[_i];
|
|
43980
|
-
if (!_el.classList.contains(rootClassName$
|
|
44372
|
+
if (!_el.classList.contains(rootClassName$30 + "-toast-exit")) {
|
|
43981
44373
|
somaDasAlturas += _el.getBoundingClientRect().height + 12;
|
|
43982
44374
|
_el.style.transform = "translateY(" + somaDasAlturas + "px)";
|
|
43983
44375
|
}
|
|
@@ -43985,7 +44377,7 @@ function useToastManager(props) {
|
|
|
43985
44377
|
} else if (verticalPosition === 'bottom' && !reverse) {
|
|
43986
44378
|
for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
|
|
43987
44379
|
var _el2 = wrapper.children[_i2];
|
|
43988
|
-
if (!_el2.classList.contains(rootClassName$
|
|
44380
|
+
if (!_el2.classList.contains(rootClassName$30 + "-toast-exit")) {
|
|
43989
44381
|
somaDasAlturas += _el2.getBoundingClientRect().height + 12;
|
|
43990
44382
|
_el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
43991
44383
|
}
|
|
@@ -43994,7 +44386,7 @@ function useToastManager(props) {
|
|
|
43994
44386
|
somaDasAlturas = 12;
|
|
43995
44387
|
for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
|
|
43996
44388
|
var _el3 = wrapper.children[_i3];
|
|
43997
|
-
if (!_el3.classList.contains(rootClassName$
|
|
44389
|
+
if (!_el3.classList.contains(rootClassName$30 + "-toast-exit")) {
|
|
43998
44390
|
_el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
|
|
43999
44391
|
somaDasAlturas += _el3.getBoundingClientRect().height + 12;
|
|
44000
44392
|
}
|
|
@@ -44009,11 +44401,11 @@ function useToastManager(props) {
|
|
|
44009
44401
|
}, arrayOfToast.map(function (toast) {
|
|
44010
44402
|
return React__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
44011
44403
|
timeout: 300,
|
|
44012
|
-
classNames: rootClassName$
|
|
44404
|
+
classNames: rootClassName$30 + "-toast",
|
|
44013
44405
|
key: toast.id,
|
|
44014
44406
|
unmountOnExit: true
|
|
44015
44407
|
}, React__default.createElement("div", {
|
|
44016
|
-
className: rootClassName$
|
|
44408
|
+
className: rootClassName$30 + "-toastzin"
|
|
44017
44409
|
}, React__default.createElement(Toast, {
|
|
44018
44410
|
theme: toast.theme,
|
|
44019
44411
|
label: toast.label,
|
|
@@ -44041,218 +44433,7 @@ function useValidatedState(validation, initialValue) {
|
|
|
44041
44433
|
return [value, setValue, validation(value)];
|
|
44042
44434
|
}
|
|
44043
44435
|
|
|
44044
|
-
var
|
|
44045
|
-
(function (References) {
|
|
44046
|
-
References[References["FORCE_CLOSE"] = -1] = "FORCE_CLOSE";
|
|
44047
|
-
References[References["OPENED_ACTIVE"] = 0] = "OPENED_ACTIVE";
|
|
44048
|
-
})(References || (References = {}));
|
|
44049
|
-
var sortItems = function sortItems(a, b) {
|
|
44050
|
-
return a.ordem - b.ordem;
|
|
44051
|
-
};
|
|
44052
|
-
function usePublicMenuList(props) {
|
|
44053
|
-
var hasPermission = React.useCallback(function (need) {
|
|
44054
|
-
var needPermission = need.roles && need.roles.length || need.programas && need.programas.length;
|
|
44055
|
-
var hasRole = need.roles && need.roles.length && need.roles.some(function (role) {
|
|
44056
|
-
return props.roles && props.roles.includes(role);
|
|
44057
|
-
});
|
|
44058
|
-
var hasRoleByPrograma = need.programas && need.programas.length && need.programas.some(function (prog) {
|
|
44059
|
-
return props.allProfilesForProgramas[prog] && props.allProfilesForProgramas[prog].some(function (profile) {
|
|
44060
|
-
return props.roles && props.roles.includes(profile);
|
|
44061
|
-
});
|
|
44062
|
-
});
|
|
44063
|
-
return !needPermission || hasRole || hasRoleByPrograma;
|
|
44064
|
-
}, [props.allProfilesForProgramas, props.roles]);
|
|
44065
|
-
var _useState = React.useState(References.OPENED_ACTIVE),
|
|
44066
|
-
subListReference = _useState[0],
|
|
44067
|
-
setSubListReference = _useState[1];
|
|
44068
|
-
var isOpenedByReference = React.useCallback(function (reference) {
|
|
44069
|
-
return reference === subListReference;
|
|
44070
|
-
}, [subListReference]);
|
|
44071
|
-
var setOpenedByReference = React.useCallback(function (reference) {
|
|
44072
|
-
if (isOpenedByReference(reference)) {
|
|
44073
|
-
setSubListReference(References.FORCE_CLOSE);
|
|
44074
|
-
} else {
|
|
44075
|
-
setSubListReference(reference);
|
|
44076
|
-
}
|
|
44077
|
-
}, [isOpenedByReference]);
|
|
44078
|
-
var handleClickLink = React.useCallback(function (url, obj) {
|
|
44079
|
-
if (!url) return;
|
|
44080
|
-
var target = obj.novaAba ? '_blank' : '_self';
|
|
44081
|
-
var isPermitted = !obj.permissoes || hasPermission(obj.permissoes);
|
|
44082
|
-
var watchIncongruencia = obj.permissoes && obj.permissoes.incongruencia;
|
|
44083
|
-
if (watchIncongruencia && props.incongruencia && typeof props.openModalIncongruencia === 'function') {
|
|
44084
|
-
props.openModalIncongruencia();
|
|
44085
|
-
} else if (isPermitted) {
|
|
44086
|
-
if (obj.internal) {
|
|
44087
|
-
props.history.push(url.replace(window.location.origin, ''));
|
|
44088
|
-
} else {
|
|
44089
|
-
window.open(url, target);
|
|
44090
|
-
}
|
|
44091
|
-
setOpenedByReference(References.OPENED_ACTIVE);
|
|
44092
|
-
} else if (obj.permissoes) {
|
|
44093
|
-
var _obj$permissoes$progr, _obj$permissoes$roles;
|
|
44094
|
-
var isPrograma = obj.permissoes.programas && !!obj.permissoes.programas.length;
|
|
44095
|
-
var plural = isPrograma ? obj.permissoes.programas && obj.permissoes.programas.length > 1 : obj.permissoes.roles && obj.permissoes.roles.length > 1;
|
|
44096
|
-
var label = isPrograma ? (_obj$permissoes$progr = obj.permissoes.programas) === null || _obj$permissoes$progr === void 0 ? void 0 : _obj$permissoes$progr.map(function (prog) {
|
|
44097
|
-
var _props$getProgramaLab;
|
|
44098
|
-
return (_props$getProgramaLab = props.getProgramaLabel(prog)) != null ? _props$getProgramaLab : '';
|
|
44099
|
-
}).join(', ') : (_obj$permissoes$roles = obj.permissoes.roles) === null || _obj$permissoes$roles === void 0 ? void 0 : _obj$permissoes$roles.join(', ');
|
|
44100
|
-
props.openModalProfileWarning(label || '', plural, !isPrograma || obj.permissoes && obj.permissoes.forcePerfilLabel, obj.labelPrograma);
|
|
44101
|
-
setOpenedByReference(References.FORCE_CLOSE);
|
|
44102
|
-
}
|
|
44103
|
-
props.closeMenu();
|
|
44104
|
-
}, [hasPermission, props, setOpenedByReference]);
|
|
44105
|
-
var getSubList = React.useCallback(function (itens) {
|
|
44106
|
-
if (!itens || !itens.length) return undefined;
|
|
44107
|
-
return itens.sort(sortItems).filter(function (sub) {
|
|
44108
|
-
if (sub.permissoes && sub.permissoes.hide) {
|
|
44109
|
-
return hasPermission(sub.permissoes);
|
|
44110
|
-
}
|
|
44111
|
-
return true;
|
|
44112
|
-
}).map(function (sub) {
|
|
44113
|
-
return {
|
|
44114
|
-
id: sub.id,
|
|
44115
|
-
icon: React__default.createElement(ListDotIcon, null),
|
|
44116
|
-
label: sub.label,
|
|
44117
|
-
active: sub.regex ? props.isRoute(window.location.pathname, new RegExp(sub.regex)) : false,
|
|
44118
|
-
onClick: function onClick() {
|
|
44119
|
-
if (sub.url) handleClickLink(sub.url, {
|
|
44120
|
-
novaAba: sub.novaAba,
|
|
44121
|
-
permissoes: sub.permissoes,
|
|
44122
|
-
internal: Boolean(sub.idFerramenta && sub.idFerramenta === props.idFerramenta),
|
|
44123
|
-
labelPrograma: sub.labelPrograma
|
|
44124
|
-
});
|
|
44125
|
-
}
|
|
44126
|
-
};
|
|
44127
|
-
});
|
|
44128
|
-
}, [handleClickLink, hasPermission, props]);
|
|
44129
|
-
var menus = React.useMemo(function () {
|
|
44130
|
-
if (!props.menus) return [];
|
|
44131
|
-
return props.menus.sort(sortItems).filter(function (item) {
|
|
44132
|
-
var _item$subItems;
|
|
44133
|
-
if (item.permissoes && item.permissoes.hide || (_item$subItems = item.subItems) !== null && _item$subItems !== void 0 && _item$subItems.some(function (s) {
|
|
44134
|
-
return s.permissoes && s.permissoes.hide;
|
|
44135
|
-
})) {
|
|
44136
|
-
var _item$subItems2;
|
|
44137
|
-
return !((_item$subItems2 = item.subItems) !== null && _item$subItems2 !== void 0 && _item$subItems2.every(function (s) {
|
|
44138
|
-
return s.permissoes && s.permissoes.hide && !hasPermission(s.permissoes);
|
|
44139
|
-
}));
|
|
44140
|
-
}
|
|
44141
|
-
return true;
|
|
44142
|
-
}).map(function (it) {
|
|
44143
|
-
return {
|
|
44144
|
-
id: it.id,
|
|
44145
|
-
icon: stringToReactElement(it.icon, {
|
|
44146
|
-
style: {
|
|
44147
|
-
height: '24px',
|
|
44148
|
-
width: '24px'
|
|
44149
|
-
}
|
|
44150
|
-
}),
|
|
44151
|
-
label: it.label,
|
|
44152
|
-
active: it.regex ? props.isRoute(window.location.pathname, new RegExp(it.regex)) : false,
|
|
44153
|
-
onClick: it.url ? function () {
|
|
44154
|
-
var _it$novaAba;
|
|
44155
|
-
return handleClickLink(it.url, {
|
|
44156
|
-
novaAba: (_it$novaAba = it.novaAba) != null ? _it$novaAba : false,
|
|
44157
|
-
permissoes: it.permissoes,
|
|
44158
|
-
internal: Boolean(it.idFerramenta && it.idFerramenta === props.idFerramenta),
|
|
44159
|
-
labelPrograma: it.labelPrograma
|
|
44160
|
-
});
|
|
44161
|
-
} : function () {
|
|
44162
|
-
setOpenedByReference(it.id);
|
|
44163
|
-
},
|
|
44164
|
-
subListOpened: isOpenedByReference(it.id),
|
|
44165
|
-
subList: getSubList(it.subItems)
|
|
44166
|
-
};
|
|
44167
|
-
});
|
|
44168
|
-
}, [isOpenedByReference, props.menus, props.history.location, props.roles]);
|
|
44169
|
-
return menus;
|
|
44170
|
-
}
|
|
44171
|
-
|
|
44172
|
-
function FormattedText(text) {
|
|
44173
|
-
var _text$text, _text$tag, _text$props;
|
|
44174
|
-
var _final = typeof text === 'string' ? text : (_text$text = text.text) != null ? _text$text : '';
|
|
44175
|
-
var tag = typeof text === 'string' ? 'span' : (_text$tag = text.tag) != null ? _text$tag : 'span';
|
|
44176
|
-
var props = typeof text === 'string' ? {} : (_text$props = text.props) != null ? _text$props : {};
|
|
44177
|
-
_final = _final.replaceAll(/_([^_]*)_/g, '<i>$1</i>').replaceAll(/\*([^*]*)\*/g, '<b>$1</b>').replaceAll(/~([^~]*)~/g, '<del>$1</del>');
|
|
44178
|
-
for (var _len = arguments.length, replacers = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
44179
|
-
replacers[_key - 1] = arguments[_key];
|
|
44180
|
-
}
|
|
44181
|
-
replacers.forEach(function (s, i) {
|
|
44182
|
-
_final = _final.replaceAll("#" + (i + 1) + "#", s);
|
|
44183
|
-
});
|
|
44184
|
-
return React__default.createElement(tag, _extends({}, props, {
|
|
44185
|
-
dangerouslySetInnerHTML: {
|
|
44186
|
-
__html: DOMPurify.sanitize(_final)
|
|
44187
|
-
}
|
|
44188
|
-
}));
|
|
44189
|
-
}
|
|
44190
|
-
|
|
44191
|
-
var rootClassName$2_ = 'icon-component';
|
|
44192
|
-
var DecreaseIcon = function DecreaseIcon() {
|
|
44193
|
-
return React__default.createElement("svg", {
|
|
44194
|
-
className: rootClassName$2_,
|
|
44195
|
-
viewBox: '0 0 24 24',
|
|
44196
|
-
xmlns: 'http://www.w3.org/2000/svg'
|
|
44197
|
-
}, React__default.createElement("path", {
|
|
44198
|
-
fillRule: 'evenodd',
|
|
44199
|
-
clipRule: 'evenodd',
|
|
44200
|
-
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',
|
|
44201
|
-
fill: 'currentColor'
|
|
44202
|
-
}));
|
|
44203
|
-
};
|
|
44204
|
-
|
|
44205
|
-
var rootClassName$2$ = 'component-table-left-checkbox-with-label';
|
|
44206
|
-
var LeftControlWithLabel = function LeftControlWithLabel(props) {
|
|
44207
|
-
var _props$spanProps2, _props$spanProps3;
|
|
44208
|
-
var style = React.useMemo(function () {
|
|
44209
|
-
var _props$spanProps$styl, _props$spanProps;
|
|
44210
|
-
var style = _extends({
|
|
44211
|
-
justifyContent: props.justifyContent
|
|
44212
|
-
}, (_props$spanProps$styl = (_props$spanProps = props.spanProps) === null || _props$spanProps === void 0 ? void 0 : _props$spanProps.style) != null ? _props$spanProps$styl : {});
|
|
44213
|
-
if (props.removeUserSelect) {
|
|
44214
|
-
style.userSelect = 'none';
|
|
44215
|
-
}
|
|
44216
|
-
if (props.anchorLabelToCheckbox && !props.disabled) {
|
|
44217
|
-
style.cursor = 'pointer';
|
|
44218
|
-
}
|
|
44219
|
-
return style;
|
|
44220
|
-
}, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
|
|
44221
|
-
return React__default.createElement("div", {
|
|
44222
|
-
className: getMergedClassNames([rootClassName$2$, props.w100 ? 'w-100' : ''])
|
|
44223
|
-
}, React__default.createElement("span", {
|
|
44224
|
-
className: rootClassName$2$ + "-checkbox-wrapper",
|
|
44225
|
-
"tooltip-position": props['tooltip-position'],
|
|
44226
|
-
"tooltip-text": props['tooltip-text']
|
|
44227
|
-
}, props.type === 'addRemove' ? React__default.createElement(IconButton$1, {
|
|
44228
|
-
className: getMergedClassNames([rootClassName$2$ + "-add-remove-button", props.value ? rootClassName$2$ + "-danger" : '']),
|
|
44229
|
-
icon: props.value ? React__default.createElement(DecreaseIcon, null) : React__default.createElement(AddIcon, null),
|
|
44230
|
-
disabled: props.disabled,
|
|
44231
|
-
onClick: function onClick(evt) {
|
|
44232
|
-
var _props$onChange;
|
|
44233
|
-
evt.stopPropagation();
|
|
44234
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, !props.value, evt);
|
|
44235
|
-
}
|
|
44236
|
-
}) : React__default.createElement(Checkbox$1, {
|
|
44237
|
-
value: props.value,
|
|
44238
|
-
disabled: props.disabled,
|
|
44239
|
-
onChange: props.onChange,
|
|
44240
|
-
theme: props.theme
|
|
44241
|
-
})), React__default.createElement("span", Object.assign({}, (_props$spanProps2 = props.spanProps) != null ? _props$spanProps2 : {}, {
|
|
44242
|
-
className: getMergedClassNames([rootClassName$2$ + "-label-wrapper", ((_props$spanProps3 = props.spanProps) === null || _props$spanProps3 === void 0 ? void 0 : _props$spanProps3.className) || '']),
|
|
44243
|
-
style: style,
|
|
44244
|
-
onClick: function onClick(evt) {
|
|
44245
|
-
var _props$spanProps4, _props$spanProps4$onC;
|
|
44246
|
-
if (props.anchorLabelToCheckbox) {
|
|
44247
|
-
var _props$onChange2;
|
|
44248
|
-
(_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 ? void 0 : _props$onChange2.call(props, !props.value, evt);
|
|
44249
|
-
}
|
|
44250
|
-
(_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);
|
|
44251
|
-
}
|
|
44252
|
-
}), props.label));
|
|
44253
|
-
};
|
|
44254
|
-
|
|
44255
|
-
var _excluded$f = ["disabled", "language", "onConfirm", "showIcons"],
|
|
44436
|
+
var _excluded$l = ["disabled", "language", "onConfirm", "showIcons"],
|
|
44256
44437
|
_excluded2 = ["disabled", "language", "onCancel", "onConfirm", "showIcons"],
|
|
44257
44438
|
_excluded3 = ["disabled", "language", "onCancel", "onConfirm", "showIcons"];
|
|
44258
44439
|
function AlertModal(_ref) {
|
|
@@ -44262,7 +44443,7 @@ function AlertModal(_ref) {
|
|
|
44262
44443
|
onConfirm = _ref.onConfirm,
|
|
44263
44444
|
_ref$showIcons = _ref.showIcons,
|
|
44264
44445
|
showIcons = _ref$showIcons === void 0 ? true : _ref$showIcons,
|
|
44265
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
|
44446
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
|
|
44266
44447
|
var _useState = React.useState(false),
|
|
44267
44448
|
loading = _useState[0],
|
|
44268
44449
|
setLoading = _useState[1];
|
|
@@ -44360,13 +44541,6 @@ function DestructiveModal(_ref3) {
|
|
|
44360
44541
|
}, props));
|
|
44361
44542
|
}
|
|
44362
44543
|
|
|
44363
|
-
(function (CheckboxThemes) {
|
|
44364
|
-
CheckboxThemes["Primary"] = "primary";
|
|
44365
|
-
CheckboxThemes["Classic"] = "classic";
|
|
44366
|
-
CheckboxThemes["Dark"] = "dark";
|
|
44367
|
-
CheckboxThemes["Blue"] = "blue";
|
|
44368
|
-
})(exports.CheckboxThemes || (exports.CheckboxThemes = {}));
|
|
44369
|
-
|
|
44370
44544
|
(function (ControlLabelPosition) {
|
|
44371
44545
|
ControlLabelPosition["Left"] = "left";
|
|
44372
44546
|
ControlLabelPosition["Top"] = "top";
|
|
@@ -44531,6 +44705,7 @@ exports.LockIcon = LockIcon;
|
|
|
44531
44705
|
exports.Menu = Menu$1;
|
|
44532
44706
|
exports.MenuItem = MenuItem;
|
|
44533
44707
|
exports.MessageIcon = MessageIcon;
|
|
44708
|
+
exports.MiniInformationIcon = MiniInformationIcon;
|
|
44534
44709
|
exports.Modal = Modal;
|
|
44535
44710
|
exports.ModalManager = ModalManager;
|
|
44536
44711
|
exports.MoneyByMonth = MoneyByMonth;
|
|
@@ -44585,6 +44760,7 @@ exports.Title = Title;
|
|
|
44585
44760
|
exports.Toast = Toast;
|
|
44586
44761
|
exports.ToastManager = ToastManager;
|
|
44587
44762
|
exports.Tooltip = Tooltip;
|
|
44763
|
+
exports.TooltipElement = TooltipElement;
|
|
44588
44764
|
exports.TooltipManager = TooltipManager;
|
|
44589
44765
|
exports.TopLoader = TopLoader;
|
|
44590
44766
|
exports.TransferenciaIcon = TransferenciaIcon;
|
|
@@ -44592,6 +44768,7 @@ exports.TrashIcon = TrashIcon;
|
|
|
44592
44768
|
exports.TrianguloInferior = TrianguloInferior;
|
|
44593
44769
|
exports.TwoFileIcon = TwoFileIcon;
|
|
44594
44770
|
exports.TypedTable = TypedTable;
|
|
44771
|
+
exports.Typography = Typography;
|
|
44595
44772
|
exports.UnderlineIcon = UnderlineIcon;
|
|
44596
44773
|
exports.UndoIcon = UndoIcon;
|
|
44597
44774
|
exports.UserIcon = UserIcon;
|