@up-group-ui/react-controls
Version:
Up shared react controls
790 lines • 33.6 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.IconLoading = exports.IconPercevalLink = exports.IconLswaLink = exports.IconRenouveler = exports.IconOeil = exports.IconCalendrier = exports.IconProcheAidant = exports.IconSerrure = exports.IconPersonneConfiance = exports.IconRepresentantLegal = exports.IconVieuxTelephone = exports.IconMaison = exports.IconAlertes = exports.IconVerrou = exports.IconRecherche = exports.IconCarteContour = exports.IconDeconnexion = exports.IconCommentaire = exports.IconActe = exports.IconPlaning = exports.IconCheckBox_Empty = exports.IconCheckBox_Check = exports.IconConversation = exports.IconChevron = exports.IconOpenInNew = exports.IconWarning = exports.IconAjout = exports.IconUtilisateur = exports.IconPatient = exports.IconSalarie = exports.IconCorrespondant = exports.IconEntourage = exports.IconCarte = exports.IconEdit = exports.IconError = exports.IconSuccess = exports.IconInfos = exports.IconInformations = exports.MaterialinearIcon = exports.DirectionEnum = exports.AlertIcon = void 0;
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var typestyle_1 = require("typestyle");
var helpers_1 = require("../../../Common/utils/helpers");
var AlertIcon = (function (_super) {
(0, tslib_1.__extends)(AlertIcon, _super);
function AlertIcon(p, c) {
return _super.call(this, p, c) || this;
}
AlertIcon.prototype.render = function () {
var fontSize = ((0, helpers_1.getFontSizeNumber)(this.props.IconSize) * 0.6).toString() + 'px';
var nbChar = this.props.AlertNumber.toString().length;
var styleAlerteG = (0, typestyle_1.style)({
position: 'relative',
});
var styleAlerteNumber = (0, typestyle_1.style)({
position: 'absolute',
top: '-0.5em',
right: '-' + (0.3 * nbChar).toString() + 'em',
fontSize: fontSize,
});
if ((0, helpers_1.isNullOrUndef)(this.props.AlertFont) === false) {
this.props.AlertFont.fontSize = fontSize;
styleAlerteNumber += ' ' + (0, helpers_1.getFontClassName)(this.props.AlertFont);
}
if ((0, helpers_1.isNullOrUndef)(this.props.AlertCircle) === false && this.props.AlertCircle.Active) {
styleAlerteNumber +=
' ' +
(0, typestyle_1.style)({
padding: '0.1em 0.3em',
borderRadius: '50%',
backgroundColor: this.props.AlertCircle.Color,
});
}
return ((0, jsx_runtime_1.jsxs)("span", (0, tslib_1.__assign)({ className: this.props.className + ' ' + styleAlerteG }, { children: [this.props.children, (0, jsx_runtime_1.jsx)("span", (0, tslib_1.__assign)({ className: styleAlerteNumber }, { children: this.props.AlertNumber }), void 0)] }), void 0));
};
return AlertIcon;
}(react_1.default.Component));
exports.AlertIcon = AlertIcon;
var DirectionEnum;
(function (DirectionEnum) {
DirectionEnum[DirectionEnum["Haut"] = 0] = "Haut";
DirectionEnum[DirectionEnum["Bas"] = 1] = "Bas";
DirectionEnum[DirectionEnum["Gauche"] = 2] = "Gauche";
DirectionEnum[DirectionEnum["Droite"] = 3] = "Droite";
})(DirectionEnum = exports.DirectionEnum || (exports.DirectionEnum = {}));
var MaterialinearIcon = function (props) {
var styleFocus = (0, typestyle_1.style)({
$nest: {
'&:focus': {
outline: 'none',
},
},
});
var styleIcone = (0, typestyle_1.style)({
backgroundColor: props.BackgroundColor ? props.BackgroundColor : '',
padding: props.AvecCercle ? '5px' : '0',
borderRadius: props.AvecCercle ? '50%' : '0',
cursor: props.onClick || props.onMouseDown ? 'pointer' : 'auto',
}) +
(props.className ? ' ' + props.className : '') +
' ' +
(0, helpers_1.getFontClassName)({
fontSize: props.IconSize.toString(),
color: props.Color,
fontWeight: props.fontWeight,
fontStyle: props.fontStyle,
fontStrech: props.fontStrech,
lineHeight: props.lineHeight,
letterSpacing: props.letterSpacing,
});
var iconeName = 'icon-' + props.IconName;
return ((0, jsx_runtime_1.jsxs)("span", (0, tslib_1.__assign)({ onClick: props.onClick, tabIndex: props.tabIndex, className: styleFocus, onFocus: props.onFocus, onBlur: props.onBlur, onMouseDown: props.onMouseDown }, { children: [(0, helpers_1.isNullOrUndef)(props.AlertNumber) ? ((0, jsx_runtime_1.jsx)("span", { className: iconeName + ' ' + styleIcone }, void 0)) : ((0, jsx_runtime_1.jsx)(AlertIcon, (0, tslib_1.__assign)({ IconSize: props.IconSize, className: styleIcone, AlertNumber: props.AlertNumber, AlertCircle: props.AlertCircle, AlertFont: props.AlertFont }, { children: (0, jsx_runtime_1.jsx)("span", { className: iconeName }, void 0) }), void 0)), props.children] }), void 0));
};
exports.MaterialinearIcon = MaterialinearIcon;
var IconInformations = (function (_super) {
(0, tslib_1.__extends)(IconInformations, _super);
function IconInformations(p, c) {
return _super.call(this, p, c) || this;
}
IconInformations.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lclipboard-text" }), void 0);
};
IconInformations.defaultProps = {
Color: '#7a756f',
BackgroundColor: '#ffffff',
IconSize: '16px',
AvecCercle: false,
};
return IconInformations;
}(react_1.default.Component));
exports.IconInformations = IconInformations;
var IconInfos = (function (_super) {
(0, tslib_1.__extends)(IconInfos, _super);
function IconInfos(p, c) {
return _super.call(this, p, c) || this;
}
IconInfos.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "info" }), void 0);
};
IconInfos.defaultProps = {
IconSize: '12px',
AvecCercle: false,
backgroundColor: '#ffffff',
Color: '#c5d0de',
};
return IconInfos;
}(react_1.default.Component));
exports.IconInfos = IconInfos;
var IconSuccess = (function (_super) {
(0, tslib_1.__extends)(IconSuccess, _super);
function IconSuccess(p, c) {
return _super.call(this, p, c) || this;
}
IconSuccess.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "check_circle" }), void 0);
};
IconSuccess.defaultProps = {
IconSize: '12px',
AvecCercle: false,
backgroundColor: '#05c591',
Color: '#ffffff',
};
return IconSuccess;
}(react_1.default.Component));
exports.IconSuccess = IconSuccess;
var IconError = (function (_super) {
(0, tslib_1.__extends)(IconError, _super);
function IconError(p, c) {
return _super.call(this, p, c) || this;
}
IconError.prototype.render = function () {
var className = ((0, helpers_1.stringIsNullOrEmpty)(this.props.className) ? '' : this.props.className + ' ') +
(0, typestyle_1.style)({
display: 'inline-block',
transform: 'rotateZ(0.125turn)',
});
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({ className: className }, this.props, { IconName: "add_circle" }), void 0);
};
IconError.defaultProps = {
IconSize: '12px',
AvecCercle: false,
backgroundColor: '#c50e1f',
Color: '#ffffff',
};
return IconError;
}(react_1.default.Component));
exports.IconError = IconError;
var IconEdit = (function (_super) {
(0, tslib_1.__extends)(IconEdit, _super);
function IconEdit(p, c) {
return _super.call(this, p, c) || this;
}
IconEdit.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "mode_edit" }), void 0);
};
IconEdit.defaultProps = {
Color: '#f39100',
BackgroundColor: '#ffffff',
IconSize: '24px',
AvecCercle: false,
lineHeight: 1.33,
};
return IconEdit;
}(react_1.default.Component));
exports.IconEdit = IconEdit;
var IconCarte = (function (_super) {
(0, tslib_1.__extends)(IconCarte, _super);
function IconCarte(p, c) {
return _super.call(this, p, c) || this;
}
IconCarte.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "room" }), void 0);
};
IconCarte.defaultProps = {
Color: '#f39100',
BackgroundColor: '#ffffff',
IconSize: '16px',
AvecCercle: false,
};
return IconCarte;
}(react_1.default.Component));
exports.IconCarte = IconCarte;
var IconEntourage = (function (_super) {
(0, tslib_1.__extends)(IconEntourage, _super);
function IconEntourage(p, c) {
return _super.call(this, p, c) || this;
}
IconEntourage.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lusers2" }), void 0);
};
IconEntourage.defaultProps = {
Color: '#ffffff',
BackgroundColor: '#f1c40f',
IconSize: '10px',
AvecCercle: true,
lineHeight: 1.2,
};
return IconEntourage;
}(react_1.default.Component));
exports.IconEntourage = IconEntourage;
var IconCorrespondant = (function (_super) {
(0, tslib_1.__extends)(IconCorrespondant, _super);
function IconCorrespondant(p, c) {
return _super.call(this, p, c) || this;
}
IconCorrespondant.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lfirst-aid" }), void 0);
};
IconCorrespondant.defaultProps = {
Color: '#ffffff',
BackgroundColor: '#26d5ae',
IconSize: '10px',
AvecCercle: true,
lineHeight: 1.2,
};
return IconCorrespondant;
}(react_1.default.Component));
exports.IconCorrespondant = IconCorrespondant;
var IconSalarie = (function (_super) {
(0, tslib_1.__extends)(IconSalarie, _super);
function IconSalarie(p, c) {
return _super.call(this, p, c) || this;
}
IconSalarie.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lfirst-aid" }), void 0);
};
IconSalarie.defaultProps = {
Color: '#ffffff',
BackgroundColor: '#7ad032',
IconSize: '10px',
AvecCercle: true,
lineHeight: 1.2,
};
return IconSalarie;
}(react_1.default.Component));
exports.IconSalarie = IconSalarie;
var IconPatient = (function (_super) {
(0, tslib_1.__extends)(IconPatient, _super);
function IconPatient(p, c) {
return _super.call(this, p, c) || this;
}
IconPatient.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Luser" }), void 0);
};
IconPatient.defaultProps = {
Color: '#ffffff',
BackgroundColor: '#4a90e2',
IconSize: '10px',
AvecCercle: true,
lineHeight: 1.2,
};
return IconPatient;
}(react_1.default.Component));
exports.IconPatient = IconPatient;
var IconUtilisateur = (function (_super) {
(0, tslib_1.__extends)(IconUtilisateur, _super);
function IconUtilisateur(p, c) {
return _super.call(this, p, c) || this;
}
IconUtilisateur.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Luser" }), void 0);
};
IconUtilisateur.defaultProps = {
Color: '#ffffff',
BackgroundColor: '#7ad032',
IconSize: '10px',
AvecCercle: true,
lineHeight: 1.2,
};
return IconUtilisateur;
}(react_1.default.Component));
exports.IconUtilisateur = IconUtilisateur;
var IconAjout = (function (_super) {
(0, tslib_1.__extends)(IconAjout, _super);
function IconAjout(p, c) {
return _super.call(this, p, c) || this;
}
IconAjout.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "add" }), void 0);
};
IconAjout.defaultProps = {
Color: '#f39100',
BackgroundColor: '#ffffff',
IconSize: '24px',
AvecCercle: false,
lineHeight: 1.33,
};
return IconAjout;
}(react_1.default.Component));
exports.IconAjout = IconAjout;
var IconWarning = (function (_super) {
(0, tslib_1.__extends)(IconWarning, _super);
function IconWarning(p, c) {
return _super.call(this, p, c) || this;
}
IconWarning.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "warning" }), void 0);
};
IconWarning.defaultProps = {
Color: '#f39100',
BackgroundColor: '#ffffff',
IconSize: '28px',
AvecCercle: false,
};
return IconWarning;
}(react_1.default.Component));
exports.IconWarning = IconWarning;
var IconOpenInNew = (function (_super) {
(0, tslib_1.__extends)(IconOpenInNew, _super);
function IconOpenInNew(p, c) {
return _super.call(this, p, c) || this;
}
IconOpenInNew.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "open_in_new" }), void 0);
};
IconOpenInNew.defaultProps = {
Color: '#f39100',
BackgroundColor: '#ffffff',
IconSize: '16px',
AvecCercle: false,
};
return IconOpenInNew;
}(react_1.default.Component));
exports.IconOpenInNew = IconOpenInNew;
var IconChevron = (function (_super) {
(0, tslib_1.__extends)(IconChevron, _super);
function IconChevron(p, c) {
return _super.call(this, p, c) || this;
}
IconChevron.prototype.render = function () {
var iconName = 'keyboard_arrow_';
switch (this.props.Direction) {
case DirectionEnum.Haut:
iconName += 'up';
break;
case DirectionEnum.Bas:
iconName += 'down';
break;
case DirectionEnum.Gauche:
iconName += 'left';
break;
case DirectionEnum.Droite:
iconName += 'right';
break;
}
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: iconName }), void 0);
};
IconChevron.defaultProps = {
Color: '#ccc8c5',
BackgroundColor: '#ffffff',
IconSize: '24px',
AvecCercle: false,
};
return IconChevron;
}(react_1.default.Component));
exports.IconChevron = IconChevron;
var IconConversation = (function (_super) {
(0, tslib_1.__extends)(IconConversation, _super);
function IconConversation(p, c) {
return _super.call(this, p, c) || this;
}
IconConversation.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lbubbles" }), void 0);
};
IconConversation.defaultProps = {
Color: '#7a756f',
BackgroundColor: '#ffffff',
IconSize: '44px',
AvecCercle: false,
lineHeight: 1.36,
};
return IconConversation;
}(react_1.default.Component));
exports.IconConversation = IconConversation;
var IconCheckBox_Check = (function (_super) {
(0, tslib_1.__extends)(IconCheckBox_Check, _super);
function IconCheckBox_Check(p, c) {
return _super.call(this, p, c) || this;
}
IconCheckBox_Check.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "check_box" }), void 0);
};
IconCheckBox_Check.defaultProps = {
Color: '#7a756f',
BackgroundColor: '#ffffff',
IconSize: '16px',
AvecCercle: false,
};
return IconCheckBox_Check;
}(react_1.default.Component));
exports.IconCheckBox_Check = IconCheckBox_Check;
var IconCheckBox_Empty = (function (_super) {
(0, tslib_1.__extends)(IconCheckBox_Empty, _super);
function IconCheckBox_Empty(p, c) {
return _super.call(this, p, c) || this;
}
IconCheckBox_Empty.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "check_box_outline_blank" }), void 0);
};
IconCheckBox_Empty.defaultProps = {
Color: '#7a756f',
BackgroundColor: '#ffffff',
IconSize: '16px',
AvecCercle: false,
};
return IconCheckBox_Empty;
}(react_1.default.Component));
exports.IconCheckBox_Empty = IconCheckBox_Empty;
var IconPlaning = (function (_super) {
(0, tslib_1.__extends)(IconPlaning, _super);
function IconPlaning(p, c) {
return _super.call(this, p, c) || this;
}
IconPlaning.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lclock3" }), void 0);
};
IconPlaning.defaultProps = {
Color: '#3f3b37',
BackgroundColor: '#ffffff',
IconSize: '16px',
AvecCercle: false,
};
return IconPlaning;
}(react_1.default.Component));
exports.IconPlaning = IconPlaning;
var IconActe = (function (_super) {
(0, tslib_1.__extends)(IconActe, _super);
function IconActe(p, c) {
return _super.call(this, p, c) || this;
}
IconActe.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Ldocument" }), void 0);
};
IconActe.defaultProps = {
Color: '#3f3b37',
BackgroundColor: '#ffffff',
IconSize: '16px',
AvecCercle: false,
};
return IconActe;
}(react_1.default.Component));
exports.IconActe = IconActe;
var IconCommentaire = (function (_super) {
(0, tslib_1.__extends)(IconCommentaire, _super);
function IconCommentaire(p, c) {
return _super.call(this, p, c) || this;
}
IconCommentaire.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lbubble-text" }), void 0);
};
IconCommentaire.defaultProps = {
Color: '#3f3b37',
BackgroundColor: '#ffffff',
IconSize: '16px',
AvecCercle: false,
};
return IconCommentaire;
}(react_1.default.Component));
exports.IconCommentaire = IconCommentaire;
var IconDeconnexion = (function (_super) {
(0, tslib_1.__extends)(IconDeconnexion, _super);
function IconDeconnexion(p, c) {
return _super.call(this, p, c) || this;
}
IconDeconnexion.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lpower-switch" }), void 0);
};
IconDeconnexion.defaultProps = {
Color: '#4a4a4a',
IconSize: '20px',
AvecCercle: false,
lineHeight: 1.14,
};
return IconDeconnexion;
}(react_1.default.Component));
exports.IconDeconnexion = IconDeconnexion;
var IconCarteContour = (function (_super) {
(0, tslib_1.__extends)(IconCarteContour, _super);
function IconCarteContour(p, c) {
return _super.call(this, p, c) || this;
}
IconCarteContour.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lmap-marker" }), void 0);
};
IconCarteContour.defaultProps = {
Color: '#ffffff',
BackgroundColor: '#3f3b37',
IconSize: '14px',
AvecCercle: false,
lineHeight: 1.14,
};
return IconCarteContour;
}(react_1.default.Component));
exports.IconCarteContour = IconCarteContour;
var IconRecherche = (function (_super) {
(0, tslib_1.__extends)(IconRecherche, _super);
function IconRecherche(p, c) {
return _super.call(this, p, c) || this;
}
IconRecherche.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "search" }), void 0);
};
IconRecherche.defaultProps = {
Color: '#7a756f',
BackgroundColor: '#3f3b37',
IconSize: '24px',
AvecCercle: false,
lineHeight: 1.33,
};
return IconRecherche;
}(react_1.default.Component));
exports.IconRecherche = IconRecherche;
var IconVerrou = (function (_super) {
(0, tslib_1.__extends)(IconVerrou, _super);
function IconVerrou(p, c) {
return _super.call(this, p, c) || this;
}
IconVerrou.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Llock" }), void 0);
};
IconVerrou.defaultProps = {
IconSize: '14px',
AvecCercle: false,
};
return IconVerrou;
}(react_1.default.Component));
exports.IconVerrou = IconVerrou;
var IconAlertes = (function (_super) {
(0, tslib_1.__extends)(IconAlertes, _super);
function IconAlertes(p, c) {
return _super.call(this, p, c) || this;
}
IconAlertes.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lbell" }), void 0);
};
IconAlertes.defaultProps = {
IconSize: '14px',
AvecCercle: false,
};
return IconAlertes;
}(react_1.default.Component));
exports.IconAlertes = IconAlertes;
var IconMaison = (function (_super) {
(0, tslib_1.__extends)(IconMaison, _super);
function IconMaison(p, c) {
return _super.call(this, p, c) || this;
}
IconMaison.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lhome" }), void 0);
};
IconMaison.defaultProps = {
Color: '7a756f',
BackgroundColor: '#ffffff',
IconSize: '14px',
AvecCercle: false,
};
return IconMaison;
}(react_1.default.Component));
exports.IconMaison = IconMaison;
var IconVieuxTelephone = (function (_super) {
(0, tslib_1.__extends)(IconVieuxTelephone, _super);
function IconVieuxTelephone(p, c) {
return _super.call(this, p, c) || this;
}
IconVieuxTelephone.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Ltelephone2" }), void 0);
};
IconVieuxTelephone.defaultProps = {
Color: '7a756f',
BackgroundColor: '#ffffff',
IconSize: '14px',
AvecCercle: false,
};
return IconVieuxTelephone;
}(react_1.default.Component));
exports.IconVieuxTelephone = IconVieuxTelephone;
var IconRepresentantLegal = (function (_super) {
(0, tslib_1.__extends)(IconRepresentantLegal, _super);
function IconRepresentantLegal(p, c) {
return _super.call(this, p, c) || this;
}
IconRepresentantLegal.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Luser-lock" }), void 0);
};
IconRepresentantLegal.defaultProps = {
Color: '7a756f',
BackgroundColor: '#ffffff',
IconSize: '14px',
AvecCercle: false,
};
return IconRepresentantLegal;
}(react_1.default.Component));
exports.IconRepresentantLegal = IconRepresentantLegal;
var IconPersonneConfiance = (function (_super) {
(0, tslib_1.__extends)(IconPersonneConfiance, _super);
function IconPersonneConfiance(p, c) {
return _super.call(this, p, c) || this;
}
IconPersonneConfiance.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "people_outline" }), void 0);
};
IconPersonneConfiance.defaultProps = {
Color: '7a756f',
BackgroundColor: '#ffffff',
IconSize: '14px',
AvecCercle: false,
};
return IconPersonneConfiance;
}(react_1.default.Component));
exports.IconPersonneConfiance = IconPersonneConfiance;
var IconSerrure = (function (_super) {
(0, tslib_1.__extends)(IconSerrure, _super);
function IconSerrure(p, c) {
return _super.call(this, p, c) || this;
}
IconSerrure.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lkey-hole" }), void 0);
};
IconSerrure.defaultProps = {
Color: '7a756f',
BackgroundColor: '#ffffff',
IconSize: '14px',
AvecCercle: false,
};
return IconSerrure;
}(react_1.default.Component));
exports.IconSerrure = IconSerrure;
var IconProcheAidant = (function (_super) {
(0, tslib_1.__extends)(IconProcheAidant, _super);
function IconProcheAidant(p, c) {
return _super.call(this, p, c) || this;
}
IconProcheAidant.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lusers-add" }), void 0);
};
IconProcheAidant.defaultProps = {
Color: '7a756f',
BackgroundColor: '#ffffff',
IconSize: '14px',
AvecCercle: false,
};
return IconProcheAidant;
}(react_1.default.Component));
exports.IconProcheAidant = IconProcheAidant;
var IconCalendrier = (function (_super) {
(0, tslib_1.__extends)(IconCalendrier, _super);
function IconCalendrier(p, c) {
return _super.call(this, p, c) || this;
}
IconCalendrier.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "Lcalendar-full" }), void 0);
};
IconCalendrier.defaultProps = {
Color: '#7a756f',
BackgroundColor: '#ffffff',
IconSize: '14px',
AvecCercle: false,
};
return IconCalendrier;
}(react_1.default.Component));
exports.IconCalendrier = IconCalendrier;
var IconOeil = (function (_super) {
(0, tslib_1.__extends)(IconOeil, _super);
function IconOeil(p, c) {
return _super.call(this, p, c) || this;
}
IconOeil.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "visibility" }), void 0);
};
IconOeil.defaultProps = {
Color: '#f39100',
BackgroundColor: '#ffffff',
IconSize: '24px',
AvecCercle: false,
};
return IconOeil;
}(react_1.default.Component));
exports.IconOeil = IconOeil;
var IconRenouveler = (function (_super) {
(0, tslib_1.__extends)(IconRenouveler, _super);
function IconRenouveler() {
return _super !== null && _super.apply(this, arguments) || this;
}
IconRenouveler.prototype.render = function () {
return (0, jsx_runtime_1.jsx)(exports.MaterialinearIcon, (0, tslib_1.__assign)({}, this.props, { IconName: "sync" }), void 0);
};
IconRenouveler.defaultProps = {
Color: '#f39100',
BackgroundColor: '#ffffff',
IconSize: '24px',
AvecCercle: false,
};
return IconRenouveler;
}(react_1.default.Component));
exports.IconRenouveler = IconRenouveler;
var IconLswaLink = (function (_super) {
(0, tslib_1.__extends)(IconLswaLink, _super);
function IconLswaLink() {
return _super !== null && _super.apply(this, arguments) || this;
}
IconLswaLink.prototype.render = function () {
var imgLswa = require('./logoLswa_' + this.props.IconSize + 'px.png');
var styleCurseur = (0, typestyle_1.style)({
cursor: this.props.onClick ? 'pointer' : 'auto',
});
return ((0, jsx_runtime_1.jsxs)("span", (0, tslib_1.__assign)({ className: styleCurseur, onClick: this.props.onClick, tabIndex: this.props.tabIndex, onFocus: this.props.onFocus, onBlur: this.props.onBlur, onMouseDown: this.props.onMouseDown }, { children: [(0, helpers_1.isNullOrUndef)(this.props.AlertNumber) ? ((0, jsx_runtime_1.jsx)("img", { src: imgLswa }, void 0)) : ((0, jsx_runtime_1.jsx)(AlertIcon, (0, tslib_1.__assign)({ IconSize: this.props.IconSize, AlertNumber: this.props.AlertNumber, AlertCircle: this.props.AlertCircle, AlertFont: this.props.AlertFont }, { children: (0, jsx_runtime_1.jsx)("img", { src: imgLswa }, void 0) }), void 0)), this.props.children] }), void 0));
};
return IconLswaLink;
}(react_1.default.Component));
exports.IconLswaLink = IconLswaLink;
var IconPercevalLink = (function (_super) {
(0, tslib_1.__extends)(IconPercevalLink, _super);
function IconPercevalLink() {
return _super !== null && _super.apply(this, arguments) || this;
}
IconPercevalLink.prototype.render = function () {
var imgPerceval = require('./logoPerceval_' + this.props.IconSize + 'px.png');
var styleCurseur = (0, typestyle_1.style)({
cursor: this.props.onClick ? 'pointer' : 'auto',
});
return ((0, jsx_runtime_1.jsxs)("span", (0, tslib_1.__assign)({ className: styleCurseur, onClick: this.props.onClick, tabIndex: this.props.tabIndex, onFocus: this.props.onFocus, onBlur: this.props.onBlur, onMouseDown: this.props.onMouseDown }, { children: [(0, helpers_1.isNullOrUndef)(this.props.AlertNumber) ? ((0, jsx_runtime_1.jsx)("img", { src: imgPerceval }, void 0)) : ((0, jsx_runtime_1.jsx)(AlertIcon, (0, tslib_1.__assign)({ IconSize: this.props.IconSize, AlertNumber: this.props.AlertNumber, AlertCircle: this.props.AlertCircle, AlertFont: this.props.AlertFont }, { children: (0, jsx_runtime_1.jsx)("img", { src: imgPerceval }, void 0) }), void 0)), this.props.children] }), void 0));
};
return IconPercevalLink;
}(react_1.default.Component));
exports.IconPercevalLink = IconPercevalLink;
var IconLoading = (function (_super) {
(0, tslib_1.__extends)(IconLoading, _super);
function IconLoading(p, c) {
var _this = _super.call(this, p, c) || this;
_this._relativeIconSize = false;
_this.state = {
NewSize: null,
};
return _this;
}
IconLoading.prototype.componentDidMount = function () {
if (this._relativeIconSize) {
var ref = this.refs.iconLoad;
var hauteur = ref.parentNode.clientHeight;
this.setState({
NewSize: ((0, helpers_1.getFontSizeNumber)(hauteur) * (0, helpers_1.getFontSizeNumber)(this.props.IconSize)) / 100,
});
}
};
IconLoading.prototype.render = function () {
var tailleIcon = (0, helpers_1.getFontSizeNumber)(this.state.NewSize === null ? this.props.IconSize : this.state.NewSize);
var largeurCercle = tailleIcon / 5.75;
var ratioTaille = tailleIcon / 7;
var temps = ratioTaille / Math.sqrt(ratioTaille);
tailleIcon -= largeurCercle * 2;
var animation = (0, typestyle_1.keyframes)({
from: {
transform: 'rotate(0deg)',
},
to: {
transform: 'rotate(360deg)',
},
});
var styleG = (0, typestyle_1.style)({
borderRadius: '50%',
height: tailleIcon,
width: tailleIcon,
border: largeurCercle + 'px solid ' + this.props.Color,
borderRight: largeurCercle + 'px solid ' + this.props.BackgroundColor,
backgroundColor: this.props.BackgroundColor,
display: 'inline-block',
boxSizing: 'initial',
margin: this.props.AvecCercle ? '5px' : '0',
cursor: this.props.onClick ? 'pointer' : 'auto',
});
if (this.props.className) {
styleG += ' ' + this.props.className;
}
return ((0, jsx_runtime_1.jsxs)("span", (0, tslib_1.__assign)({ ref: "iconLoad", onClick: this.props.onClick, tabIndex: this.props.tabIndex, onFocus: this.props.onFocus, onBlur: this.props.onBlur, onMouseDown: this.props.onMouseDown }, { children: [(0, helpers_1.isNullOrUndef)(this.props.AlertNumber) ? ((0, jsx_runtime_1.jsx)("span", { className: styleG }, void 0)) : ((0, jsx_runtime_1.jsx)(AlertIcon, (0, tslib_1.__assign)({ IconSize: this.props.IconSize, AlertNumber: this.props.AlertNumber, AlertCircle: this.props.AlertCircle, AlertFont: this.props.AlertFont }, { children: (0, jsx_runtime_1.jsx)("span", { className: styleG }, void 0) }), void 0)), this.props.children] }), void 0));
};
IconLoading.defaultProps = {
Color: '#3f3b37',
backgroundColor: '#ffffff',
IconSize: '14px',
AvecCercle: false,
};
return IconLoading;
}(react_1.default.Component));
exports.IconLoading = IconLoading;
//# sourceMappingURL=Icons.js.map