@topconsultnpm/sdkui-react-beta 6.7.45 → 6.7.46
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.
|
@@ -10,7 +10,7 @@ import ptMessages from "devextreme/localization/messages/pt.json";
|
|
|
10
10
|
import { locale as dxlocale, loadMessages } from "devextreme/localization";
|
|
11
11
|
import backgroundLogin from '../../assets/login-bg.png';
|
|
12
12
|
import six from '../../assets/loading.png';
|
|
13
|
-
import { IconAccessPoint, IconArchive, IconLanguage, IconLogin, IconMail, IconPassword, IconSearch, IconUser, IconWeb, IconWifi, SDKUI_Localizator, calcResponsiveDirection, calcResponsiveSizes, IconArrowLeft, SDKUI_Globals } from "../../helper";
|
|
13
|
+
import { IconAccessPoint, IconArchive, IconLanguage, IconLogin, IconMail, IconPassword, IconSearch, IconUser, IconWeb, IconWifi, SDKUI_Localizator, calcResponsiveDirection, calcResponsiveSizes, IconArrowLeft, SDKUI_Globals, IconChangeUser } from "../../helper";
|
|
14
14
|
// import { TMColors } from "/utils/theme";
|
|
15
15
|
// import TMLayoutContainer, { TMCard, TMLayoutItem } from "../Layout/TMLayout";
|
|
16
16
|
import styled from "styled-components";
|
|
@@ -873,7 +873,7 @@ const TMLoginForm = (props) => {
|
|
|
873
873
|
_jsxs(_Fragment, { children: [_jsx(TMTextBox, { label: SDKUI_Localizator.Domain, icon: _jsx(IconWeb, {}), value: domainAlternative, onValueChanged: (e) => setDomainArternative(e.target.value), validationItems: loginValidationItems.filter(item => item.PropertyName === 'domain_alt') }), _jsx(TMTextBox, { validationItems: loginValidationItems.filter(item => item.PropertyName === 'username'), label: SDKUI_Localizator.UserName, icon: _jsx(IconUser, {}), value: username, onValueChanged: (e) => setUsername(e.target.value) }), _jsx(TMTextBox, { validationItems: loginValidationItems.filter(item => item.PropertyName === 'password'), type: "password", label: SDKUI_Localizator.Password, icon: _jsx(IconPassword, {}), value: password, onValueChanged: (e) => setPassword(e.target.value) })] })
|
|
874
874
|
:
|
|
875
875
|
_jsxs(_Fragment, { children: [_jsx(TMTextBox, { validationItems: loginValidationItems.filter(item => item.PropertyName === 'username'), label: SDKUI_Localizator.UserName, icon: _jsx(IconUser, {}), value: username, onValueChanged: (e) => setUsername(e.target.value) }), _jsx(TMLayoutItem, { children: _jsx(TMTextBox, { validationItems: loginValidationItems.filter(item => item.PropertyName === 'password'), type: "password", label: SDKUI_Localizator.Password, icon: _jsx(IconPassword, {}), value: password, onValueChanged: (e) => setPassword(e.target.value) }) })] }) }), authMode === AuthenticationModes.TopMediaOnBehalfOf && _jsx(TMLayoutItem, { children: _jsxs(TMLayoutContainer, { direction: "horizontal", children: [_jsx(TMLayoutItem, { children: _jsxs(TMLayoutContainer, { children: [_jsx(TMLayoutItem, { children: _jsx(TMTextBox, { validationItems: loginValidationItems.filter(item => item.PropertyName === 'username'), label: SDKUI_Localizator.UserName, icon: _jsx(IconUser, {}), value: username, onValueChanged: (e) => setUsername(e.target.value) }) }), _jsx(TMLayoutItem, { children: _jsx(TMTextBox, { validationItems: loginValidationItems.filter(item => item.PropertyName === 'password'), type: "password", label: SDKUI_Localizator.Password, icon: _jsx(IconPassword, {}), value: password, onValueChanged: (e) => setPassword(e.target.value) }) })] }) }), _jsx(TMLayoutItem, { children: _jsxs(TMLayoutContainer, { children: [_jsx(TMLayoutItem, { children: _jsx(TMTextBox, { label: SDKUI_Localizator.Domain, icon: _jsx(IconWeb, {}), value: domain, onValueChanged: (e) => setDomain(e.target.value), validationItems: loginValidationItems.filter(item => item.PropertyName === 'domain') }) }), _jsx(TMLayoutItem, { children: _jsx(TMTextBox, { label: SDKUI_Localizator.UserName, icon: _jsx(IconUser, {}), value: onBehalfUsername, onValueChanged: (e) => setOnBeHalfUsername(e.target.value), validationItems: loginValidationItems.filter(item => item.PropertyName === 'onBeHalfUsername') }) })] }) })] }) }), authMode !== AuthenticationModes.TopMediaOnBehalfOf ? _jsx(TMLayoutItem, { children: _jsx(TMDropDown, { dataSource: cultureIDsDataSource, icon: _jsx(IconLanguage, {}), label: SDKUI_Localizator.CultureID, onValueChanged: (e) => props.onChangeLanguage && props.onChangeLanguage(e.target.value), value: props.cultureID, validationItems: loginValidationItems.filter(item => item.PropertyName === 'cultureId') }) }) :
|
|
876
|
-
_jsxs(TMLayoutContainer, { direction: "horizontal", children: [_jsx(TMLayoutItem, { children: _jsx(TMDropDown, { dataSource: cultureIDsDataSource, icon: _jsx(IconLanguage, {}), label: SDKUI_Localizator.CultureID, onValueChanged: (e) => props.onChangeLanguage && props.onChangeLanguage(e.target.value), value: props.cultureID, validationItems: loginValidationItems.filter(item => item.PropertyName === 'cultureId') }) }), _jsx(TMLayoutItem, { children: _jsx(TMTextBox, { type: "password", label: SDKUI_Localizator.Password, icon: _jsx(IconPassword, {}), value: onBeHalfPassword, onValueChanged: (e) => setOnBeHalfPassword(e.target.value), validationItems: loginValidationItems.filter(item => item.PropertyName === 'onBeHalfPassword') }) })] }), props.saveLoginHistoryToLocalStorage && _jsxs(TMLayoutItem, { children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', marginTop: 12 }, children: [_jsx("i", { style: { fontSize: 20 }, className: "dx-icon-save" }), _jsx(TMCheckBox, { elementStyle: { marginLeft: 5 }, labelPosition: "left", label: SDKUI_Localizator.RememberCredentials, value: saveLoginInfo, onValueChanged: () => { setSaveLoginInfo(prevSaveLoginInfo => !prevSaveLoginInfo); }, isModifiedWhen: saveLoginInfo }), _jsx("div", { style: { marginLeft: 'auto', position: 'relative' }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.SwitchUser, children: _jsx(TMButton, { label: SDKUI_Localizator.SwitchUser, color: 'primary', btnStyle: 'toolbar', icon: _jsx(
|
|
876
|
+
_jsxs(TMLayoutContainer, { direction: "horizontal", children: [_jsx(TMLayoutItem, { children: _jsx(TMDropDown, { dataSource: cultureIDsDataSource, icon: _jsx(IconLanguage, {}), label: SDKUI_Localizator.CultureID, onValueChanged: (e) => props.onChangeLanguage && props.onChangeLanguage(e.target.value), value: props.cultureID, validationItems: loginValidationItems.filter(item => item.PropertyName === 'cultureId') }) }), _jsx(TMLayoutItem, { children: _jsx(TMTextBox, { type: "password", label: SDKUI_Localizator.Password, icon: _jsx(IconPassword, {}), value: onBeHalfPassword, onValueChanged: (e) => setOnBeHalfPassword(e.target.value), validationItems: loginValidationItems.filter(item => item.PropertyName === 'onBeHalfPassword') }) })] }), props.saveLoginHistoryToLocalStorage && _jsxs(TMLayoutItem, { children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', marginTop: 12 }, children: [_jsx("i", { style: { fontSize: 20 }, className: "dx-icon-save" }), _jsx(TMCheckBox, { elementStyle: { marginLeft: 5 }, labelPosition: "left", label: SDKUI_Localizator.RememberCredentials, value: saveLoginInfo, onValueChanged: () => { setSaveLoginInfo(prevSaveLoginInfo => !prevSaveLoginInfo); }, isModifiedWhen: saveLoginInfo }), _jsx("div", { style: { marginLeft: 'auto', position: 'relative' }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.SwitchUser, children: _jsx(TMButton, { label: SDKUI_Localizator.SwitchUser, color: 'primary', btnStyle: 'toolbar', icon: _jsx(IconChangeUser, {}), onClick: showPopupSaveLoginInfo }) }) })] }), saveLoginInfo && _jsx(TMTextBox, { type: "text", label: SDKUI_Localizator.EnterNameForAccess, icon: _jsx("i", { style: { fontSize: 20 }, className: "dx-icon-save" }), value: saveLoginInfoName, onValueChanged: (e) => setSaveLoginInfoName(e.target.value), validationItems: loginValidationItems.filter(item => item.PropertyName === 'saveLoginName') })] })] }) }) }) }), _jsx(TMLayoutItem, { height: "fit-content", width: "fit-content", children: authMode === AuthenticationModes.TopMedia && _jsxs("div", { style: { display: "flex", flexWrap: "nowrap", gap: "10px" }, children: [_jsx("p", { onClick: () => isPasswordChangeEnable() && setTogglePages({ recovery: false, change: true, archive: false, endpoint: false }), tabIndex: isPasswordChangeEnable() ? 0 : undefined, onKeyDown: (e) => e.code === 'Space' && setTogglePages({ recovery: false, change: true, archive: false, endpoint: false }), style: { userSelect: 'none', cursor: isPasswordChangeEnable() ? 'pointer' : 'default', color: isPasswordChangeEnable() ? TMColors.primary : 'rgb(180,180,180)', textAlign: 'center', fontSize: '0.9rem' }, children: SDKUI_Localizator.ChangePassword }), _jsx("p", { tabIndex: isPasswordChangeEnable() ? 0 : undefined, onKeyDown: (e) => e.code === 'Space' && showRecoveryPassword(), onClick: () => isPasswordChangeEnable() && showRecoveryPassword(), style: { userSelect: 'none', cursor: isPasswordChangeEnable() ? 'pointer' : 'default', color: isPasswordChangeEnable() ? TMColors.primary : 'rgb(180,180,180)', fontSize: '0.9rem' }, children: SDKUI_Localizator.ForgetPassword })] }) }), _jsx(TMLayoutItem, { height: "fit-content", children: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '20px 0' }, children: _jsx(TMButton, { width: calcResponsiveSizes(deviceType, '150px', '150px', '250px'), height: calcResponsiveSizes(deviceType, '30px', '40px', '40px'), fontSize: "1.1rem", caption: "Login", disabled: loginValidationItems.length > 0, onClick: login, showTooltip: false }) }) })] }) })] })] }), _jsx(TMLoginPopupSaveLoginInfo, { visible: popupSaveLoginInfoVisible, hidePopup: hidePopupSaveLoginInfo, setLoginHistory: setLoginHistory, setEndpoint: setEndpoint, setArchive: setArchive, setAuthMode: setAuthMode, setUsername: setUsername, setPassword: setPassword, setDomain: setDomain, setDomainArternative: setDomainArternative, setOnBeHalfUsername: setOnBeHalfUsername, setOnBeHalfPassword: setOnBeHalfPassword, onChangeLanguage: onChangeLanguage })] }));
|
|
877
877
|
};
|
|
878
878
|
const TMPasswordManager = ({ validationItems = [], operation = 'change' }) => {
|
|
879
879
|
const passwordStrength = () => {
|
package/lib/helper/TMIcons.js
CHANGED
|
@@ -427,7 +427,7 @@ function IconFormatPageSplit(props) {
|
|
|
427
427
|
return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M11 11V7h2v4h-2m2-10v4h-2V1h2m-2 16v-4h2v4h-2m-2 3H6V4h3V2H6a2 2 0 00-2 2v16c0 1.11.89 2 2 2h3v-2m6-17v5h3v12h-3v2h3c1.11 0 2-.89 2-2V8l-5-5m-2 16h-2v4h2v-4z" }), " "] }));
|
|
428
428
|
}
|
|
429
429
|
function IconChangeUser(props) {
|
|
430
|
-
return (_jsx("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, ...props, id: "fi_4337319", "enable-background": "new 0 0 512 512", height: "512", viewBox: "0 0 512 512", width: "512", xmlns: "http://www.w3.org/2000/svg", children: _jsxs("g", { children: [_jsx("path", { d: "m472.367 55.7c0-30.713-24.987-55.7-55.7-55.7-73.894 3.06-73.873 108.352 0 111.4 30.713 0 55.7-24.987 55.7-55.7z" }), _jsx("path", { d: "m416.667 111.4c-52.567 0-95.333 42.767-95.333 95.333v17.133c0 8.284 6.716 15 15 15h160.666c8.284 0 15-6.716 15-15v-17.133c0-52.566-42.766-95.333-95.333-95.333z" }), _jsx("path", { d: "m151.033 328.833c0-30.713-24.987-55.7-55.7-55.7-73.894 3.06-73.873 108.352 0 111.4 30.714 0 55.7-24.987 55.7-55.7z" }), _jsx("path", { d: "m95.333 384.533c-52.566 0-95.333 42.767-95.333 95.334v17.133c0 8.284 6.716 15 15 15h160.667c8.284 0 15-6.716 15-15v-17.133c0-52.567-42.767-95.334-95.334-95.334z" }), _jsx("path", { d: "m266.606 36.527-32.133-32.134c-5.857-5.857-15.355-5.858-21.213 0s-5.858 15.355 0 21.213l6.578 6.578c-103.869 2.153-187.704 87.307-187.704 191.683 0 8.284 6.716 15 15 15s15-6.716 15-15c0-87.799 70.323-159.481 157.601-161.681l-6.475 6.474c-5.858 5.857-5.858 15.355 0 21.213 5.859 5.86 15.356 5.856 21.213 0l32.134-32.134c5.858-5.857 5.853-15.36-.001-21.212z" }), _jsx("path", { d: "m464.866 273.133c-8.284 0-15 6.716-15 15 0 87.799-70.323 159.481-157.601 161.681l6.475-6.474c5.858-5.857 5.858-15.355 0-21.213-5.857-5.858-15.355-5.857-21.213 0l-32.134 32.134c-5.858 5.857-5.853 15.361 0 21.213l32.134 32.134c5.859 5.859 15.357 5.856 21.213 0 5.858-5.858 5.858-15.355 0-21.213l-6.578-6.578c103.868-2.153 187.704-87.307 187.704-191.682 0-8.286-6.716-15.002-15-15.002z" })] }) }));
|
|
430
|
+
return (_jsx("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, ...props, id: "fi_4337319", "enable-background": "new 0 0 512 512", fill: "currentColor", height: "512", viewBox: "0 0 512 512", width: "512", xmlns: "http://www.w3.org/2000/svg", children: _jsxs("g", { children: [_jsx("path", { d: "m472.367 55.7c0-30.713-24.987-55.7-55.7-55.7-73.894 3.06-73.873 108.352 0 111.4 30.713 0 55.7-24.987 55.7-55.7z" }), _jsx("path", { d: "m416.667 111.4c-52.567 0-95.333 42.767-95.333 95.333v17.133c0 8.284 6.716 15 15 15h160.666c8.284 0 15-6.716 15-15v-17.133c0-52.566-42.766-95.333-95.333-95.333z" }), _jsx("path", { d: "m151.033 328.833c0-30.713-24.987-55.7-55.7-55.7-73.894 3.06-73.873 108.352 0 111.4 30.714 0 55.7-24.987 55.7-55.7z" }), _jsx("path", { d: "m95.333 384.533c-52.566 0-95.333 42.767-95.333 95.334v17.133c0 8.284 6.716 15 15 15h160.667c8.284 0 15-6.716 15-15v-17.133c0-52.567-42.767-95.334-95.334-95.334z" }), _jsx("path", { d: "m266.606 36.527-32.133-32.134c-5.857-5.857-15.355-5.858-21.213 0s-5.858 15.355 0 21.213l6.578 6.578c-103.869 2.153-187.704 87.307-187.704 191.683 0 8.284 6.716 15 15 15s15-6.716 15-15c0-87.799 70.323-159.481 157.601-161.681l-6.475 6.474c-5.858 5.857-5.858 15.355 0 21.213 5.859 5.86 15.356 5.856 21.213 0l32.134-32.134c5.858-5.857 5.853-15.36-.001-21.212z" }), _jsx("path", { d: "m464.866 273.133c-8.284 0-15 6.716-15 15 0 87.799-70.323 159.481-157.601 161.681l6.475-6.474c5.858-5.857 5.858-15.355 0-21.213-5.857-5.858-15.355-5.857-21.213 0l-32.134 32.134c-5.858 5.857-5.853 15.361 0 21.213l32.134 32.134c5.859 5.859 15.357 5.856 21.213 0 5.858-5.858 5.858-15.355 0-21.213l-6.578-6.578c103.868-2.153 187.704-87.307 187.704-191.682 0-8.286-6.716-15.002-15-15.002z" })] }) }));
|
|
431
431
|
}
|
|
432
432
|
function IconPaste(props) { return (_jsxs("svg", { fontSize: props?.fontSize ? props?.fontSize : FONTSIZE, viewBox: "0 0 16 16", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { fill: "currentColor", d: "M11 2H9V1c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1v1H3v2h8V2zM8 2H6v-.998L6.002 1h1.996L8 1.002V2zm5 3V2.5c0-.275-.225-.5-.5-.5h-1v1h.5v2H9L6 8v4H2V3h.5V2h-1c-.275 0-.5.225-.5.5v10c0 .275.225.5.5.5H6v3h10V5h-3zM9 6.414V8H7.414L9 6.414zM15 15H7V9h3V6h5v9z" }), " "] })); }
|
|
433
433
|
function IconFileSearch(props) { return (_jsxs("svg", { fontSize: props?.fontSize ? props?.fontSize : FONTSIZE, viewBox: "0 0 1024 1024", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm144 452H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm445.7 51.5l-93.3-93.3C814.7 780.7 828 743.9 828 704c0-97.2-78.8-176-176-176s-176 78.8-176 176 78.8 176 176 176c35.8 0 69-10.7 96.8-29l94.7 94.7c1.6 1.6 3.6 2.3 5.6 2.3s4.1-.8 5.6-2.3l31-31a7.9 7.9 0 000-11.2zM652 816c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" }), " "] })); }
|