rbro-tat-uds 2.2.3 → 2.2.5
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/build/cjs/assets/icons/face-happy.svg.cjs +39 -0
- package/build/cjs/assets/icons/person-level.svg.cjs +43 -0
- package/build/cjs/assets/icons/star-reward.svg.cjs +37 -0
- package/build/cjs/components/Button/Button.cjs +3 -0
- package/build/cjs/components/DashboardCard/DashboardCard.cjs +18 -1
- package/build/cjs/components/Icon/IconsList.cjs +7 -1
- package/build/cjs/components/IconButton/IconButton.cjs +3 -0
- package/build/cjs/components/PageMessage/PageMessage.cjs +3 -0
- package/build/cjs/components/TextInput/TextInput.cjs +3 -0
- package/build/cjs/index.cjs +707 -640
- package/build/esm/assets/icons/face-happy.svg.js +18 -0
- package/build/esm/assets/icons/person-level.svg.js +22 -0
- package/build/esm/assets/icons/star-reward.svg.js +16 -0
- package/build/esm/components/Button/Button.js +3 -0
- package/build/esm/components/DashboardCard/DashboardCard.js +18 -1
- package/build/esm/components/Icon/IconsList.js +7 -1
- package/build/esm/components/IconButton/IconButton.js +3 -0
- package/build/esm/components/PageMessage/PageMessage.js +3 -0
- package/build/esm/components/TextInput/TextInput.js +3 -0
- package/build/esm/index.js +707 -640
- package/build/types/components/DashboardCard/DashboardCard.d.ts +1 -0
- package/build/types/components/Icon/Icon.types.d.ts +1 -1
- package/build/types/components/Icon/IconsList.d.ts +3 -0
- package/package.json +1 -1
@@ -0,0 +1,18 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
|
3
|
+
var _path, _path2;
|
4
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
5
|
+
var SvgFaceHappy = function SvgFaceHappy(props) {
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
8
|
+
viewBox: "0 0 24 24"
|
9
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
10
|
+
d: "M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M15.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M12 16a3.99 3.99 0 0 1-2.961-1.31l-1.48 1.344A5.99 5.99 0 0 0 11.999 18c1.761 0 3.346-.76 4.442-1.966l-1.48-1.345A3.99 3.99 0 0 1 12 16"
|
11
|
+
})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
|
12
|
+
fillRule: "evenodd",
|
13
|
+
d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m10-8a8 8 0 1 0 0 16 8 8 0 0 0 0-16",
|
14
|
+
clipRule: "evenodd"
|
15
|
+
})));
|
16
|
+
};
|
17
|
+
|
18
|
+
export { SvgFaceHappy as default };
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
|
3
|
+
var _path, _path2, _path3;
|
4
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
5
|
+
var SvgPersonLevel = function SvgPersonLevel(props) {
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
8
|
+
viewBox: "0 0 24 24"
|
9
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
10
|
+
fillRule: "evenodd",
|
11
|
+
d: "M4 7a5 5 0 1 1 10 0A5 5 0 0 1 4 7m5-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6",
|
12
|
+
clipRule: "evenodd"
|
13
|
+
})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
|
14
|
+
d: "M1 22c0-4.402 3.09-9 8.5-9 1.12 0 2.157.201 3.094.57l-.73 1.86A6.4 6.4 0 0 0 9.5 15C5.473 15 3 18.402 3 22z"
|
15
|
+
})), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
|
16
|
+
fillRule: "evenodd",
|
17
|
+
d: "M15 15a1 1 0 0 0-.832.445l-1 1.5a1 1 0 0 0 .125 1.262l4 4a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 .125-1.262l-1-1.5A1 1 0 0 0 21 15zm.287 2.373.248-.373h4.93l.248.373L18 20.086z",
|
18
|
+
clipRule: "evenodd"
|
19
|
+
})));
|
20
|
+
};
|
21
|
+
|
22
|
+
export { SvgPersonLevel as default };
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
|
3
|
+
var _path;
|
4
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
5
|
+
var SvgStarReward = function SvgStarReward(props) {
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
8
|
+
viewBox: "0 0 24 24"
|
9
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
10
|
+
fillRule: "evenodd",
|
11
|
+
d: "M11.75 2.095c-.046.054-.12.278-.164.497-.27 1.352-.57 2.306-1.062 3.369-1.366 2.951-3.616 4.807-6.758 5.572-.465.114-.628.177-.688.266-.201.303-.01.543.531.666 4.078.927 6.868 3.892 7.847 8.338l.173.791c.07.314.235.453.467.392.18-.048.258-.235.399-.964.242-1.258.863-2.912 1.498-3.989 1.383-2.347 3.611-3.943 6.381-4.57.48-.108.626-.214.626-.453 0-.231-.15-.335-.658-.454-.726-.17-1.19-.32-1.845-.597-3.124-1.322-5.18-4.059-6.01-8.002-.089-.423-.198-.812-.242-.864-.104-.125-.386-.124-.495.002",
|
12
|
+
clipRule: "evenodd"
|
13
|
+
})));
|
14
|
+
};
|
15
|
+
|
16
|
+
export { SvgStarReward as default };
|
@@ -143,6 +143,9 @@ import '../../assets/icons/warning-exclamation.svg.js';
|
|
143
143
|
import '../../assets/icons/warning-outlined.svg.js';
|
144
144
|
import '../../assets/icons/info-outlined.svg.js';
|
145
145
|
import '../../assets/icons/hint-outlined.svg.js';
|
146
|
+
import '../../assets/icons/face-happy.svg.js';
|
147
|
+
import '../../assets/icons/person-level.svg.js';
|
148
|
+
import '../../assets/icons/star-reward.svg.js';
|
146
149
|
import Icon from '../Icon/Icon.js';
|
147
150
|
import Spinner from '../Spinner/Spinner.js';
|
148
151
|
import { colors } from '../../utils';
|
@@ -134,6 +134,19 @@ const DashboardCardStyled = styled.div`
|
|
134
134
|
height: 100%;
|
135
135
|
object-fit: cover;
|
136
136
|
}
|
137
|
+
|
138
|
+
& > .j348adk20fka94 {
|
139
|
+
position: absolute;
|
140
|
+
left: 12px;
|
141
|
+
bottom: 12px;
|
142
|
+
width: 16px;
|
143
|
+
height: 16px;
|
144
|
+
border-radius: 999px;
|
145
|
+
display: flex;
|
146
|
+
justify-content: center;
|
147
|
+
align-items: center;
|
148
|
+
background-color: ${colors.gray_600};
|
149
|
+
}
|
137
150
|
}
|
138
151
|
|
139
152
|
& > div:nth-of-type(2) {
|
@@ -264,6 +277,7 @@ const DashboardCard = ({
|
|
264
277
|
disabled = false,
|
265
278
|
loading = false,
|
266
279
|
statusConfiguratii = 0,
|
280
|
+
retention = false,
|
267
281
|
...rest
|
268
282
|
}) => {
|
269
283
|
return /* @__PURE__ */ jsxs(
|
@@ -284,7 +298,10 @@ const DashboardCard = ({
|
|
284
298
|
/* @__PURE__ */ jsx(Icon, { icon: "grocery-2", size: 14, color: colors.white })
|
285
299
|
] }),
|
286
300
|
!loading ? variant === "default" ? /* @__PURE__ */ jsxs("div", { className: "j8k2m5n9p4q7r3", children: [
|
287
|
-
/* @__PURE__ */
|
301
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
302
|
+
/* @__PURE__ */ jsx("img", { src: imgSrc, alt: title }),
|
303
|
+
retention && /* @__PURE__ */ jsx("div", { className: "j348adk20fka94", children: /* @__PURE__ */ jsx(Icon, { icon: "star-reward", size: 12, color: colors.white }) })
|
304
|
+
] }),
|
288
305
|
/* @__PURE__ */ jsxs("div", { children: [
|
289
306
|
/* @__PURE__ */ jsx("span", { children: title }),
|
290
307
|
(callToAction !== "null" || tagType !== void 0 || tagText !== "") && /* @__PURE__ */ jsxs("div", { children: [
|
@@ -140,6 +140,9 @@ import WarningExclamationIcon from '../../assets/icons/warning-exclamation.svg.j
|
|
140
140
|
import WarningOutlinedIcon from '../../assets/icons/warning-outlined.svg.js';
|
141
141
|
import InfoOutlinedIcon from '../../assets/icons/info-outlined.svg.js';
|
142
142
|
import HintOutlinedIcon from '../../assets/icons/hint-outlined.svg.js';
|
143
|
+
import FaceHappyIcon from '../../assets/icons/face-happy.svg.js';
|
144
|
+
import PersonLevelIcon from '../../assets/icons/person-level.svg.js';
|
145
|
+
import StarRewardIcon from '../../assets/icons/star-reward.svg.js';
|
143
146
|
|
144
147
|
const IconsList = {
|
145
148
|
asterix: AsterixIcon,
|
@@ -280,7 +283,10 @@ const IconsList = {
|
|
280
283
|
"warning-exclamation": WarningExclamationIcon,
|
281
284
|
"warning-outlined": WarningOutlinedIcon,
|
282
285
|
"info-outlined": InfoOutlinedIcon,
|
283
|
-
"hint-outlined": HintOutlinedIcon
|
286
|
+
"hint-outlined": HintOutlinedIcon,
|
287
|
+
"face-happy": FaceHappyIcon,
|
288
|
+
"person-level": PersonLevelIcon,
|
289
|
+
"star-reward": StarRewardIcon
|
284
290
|
};
|
285
291
|
|
286
292
|
export { IconsList as default };
|
@@ -142,6 +142,9 @@ import '../../assets/icons/warning-exclamation.svg.js';
|
|
142
142
|
import '../../assets/icons/warning-outlined.svg.js';
|
143
143
|
import '../../assets/icons/info-outlined.svg.js';
|
144
144
|
import '../../assets/icons/hint-outlined.svg.js';
|
145
|
+
import '../../assets/icons/face-happy.svg.js';
|
146
|
+
import '../../assets/icons/person-level.svg.js';
|
147
|
+
import '../../assets/icons/star-reward.svg.js';
|
145
148
|
import styled, { css } from 'styled-components';
|
146
149
|
import Icon from '../Icon/Icon.js';
|
147
150
|
import Spinner from '../Spinner/Spinner.js';
|
@@ -142,6 +142,9 @@ import '../../assets/icons/warning-exclamation.svg.js';
|
|
142
142
|
import '../../assets/icons/warning-outlined.svg.js';
|
143
143
|
import '../../assets/icons/info-outlined.svg.js';
|
144
144
|
import '../../assets/icons/hint-outlined.svg.js';
|
145
|
+
import '../../assets/icons/face-happy.svg.js';
|
146
|
+
import '../../assets/icons/person-level.svg.js';
|
147
|
+
import '../../assets/icons/star-reward.svg.js';
|
145
148
|
import styled from 'styled-components';
|
146
149
|
import Icon from '../Icon/Icon.js';
|
147
150
|
import { colors } from '../../utils';
|
@@ -143,6 +143,9 @@ import '../../assets/icons/warning-exclamation.svg.js';
|
|
143
143
|
import '../../assets/icons/warning-outlined.svg.js';
|
144
144
|
import '../../assets/icons/info-outlined.svg.js';
|
145
145
|
import '../../assets/icons/hint-outlined.svg.js';
|
146
|
+
import '../../assets/icons/face-happy.svg.js';
|
147
|
+
import '../../assets/icons/person-level.svg.js';
|
148
|
+
import '../../assets/icons/star-reward.svg.js';
|
146
149
|
import { createPortal } from 'react-dom';
|
147
150
|
import Icon from '../Icon/Icon.js';
|
148
151
|
import Numpad from '../Numpad/Numpad.js';
|