rbro-tat-uds 2.2.8 → 2.2.9
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/brand-logo.svg.cjs +35 -0
- package/build/cjs/components/Button/Button.cjs +1 -0
- package/build/cjs/components/DashboardCard/DashboardCard.cjs +24 -1
- package/build/cjs/components/Dropdown/Dropdown.cjs +3 -0
- package/build/cjs/components/Icon/IconsList.cjs +3 -1
- package/build/cjs/components/IconButton/IconButton.cjs +1 -0
- package/build/cjs/components/PageMessage/PageMessage.cjs +1 -0
- package/build/cjs/components/TextInput/TextInput.cjs +1 -0
- package/build/cjs/index.cjs +600 -562
- package/build/esm/assets/icons/brand-logo.svg.js +14 -0
- package/build/esm/components/Button/Button.js +1 -0
- package/build/esm/components/DashboardCard/DashboardCard.js +24 -1
- package/build/esm/components/Dropdown/Dropdown.js +3 -0
- package/build/esm/components/Icon/IconsList.js +3 -1
- package/build/esm/components/IconButton/IconButton.js +1 -0
- package/build/esm/components/PageMessage/PageMessage.js +1 -0
- package/build/esm/components/TextInput/TextInput.js +1 -0
- package/build/esm/index.js +600 -562
- 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 +1 -0
- package/package.json +1 -1
@@ -0,0 +1,35 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
var React = require('react');
|
4
|
+
|
5
|
+
function _interopNamespaceDefault(e) {
|
6
|
+
var n = Object.create(null);
|
7
|
+
if (e) {
|
8
|
+
Object.keys(e).forEach(function (k) {
|
9
|
+
if (k !== 'default') {
|
10
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
11
|
+
Object.defineProperty(n, k, d.get ? d : {
|
12
|
+
enumerable: true,
|
13
|
+
get: function () { return e[k]; }
|
14
|
+
});
|
15
|
+
}
|
16
|
+
});
|
17
|
+
}
|
18
|
+
n.default = e;
|
19
|
+
return Object.freeze(n);
|
20
|
+
}
|
21
|
+
|
22
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
23
|
+
|
24
|
+
var _path;
|
25
|
+
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); }
|
26
|
+
var SvgBrandLogo = function SvgBrandLogo(props) {
|
27
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
28
|
+
xmlns: "http://www.w3.org/2000/svg",
|
29
|
+
viewBox: "0 0 24 24"
|
30
|
+
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
31
|
+
d: "M5.372 21.727 12 15.043l6.628 6.684 2.63-2.649-6.63-6.686 1.383-1.396V8.241l.961-.97v2.403l.836.844 3.36-3.39.832.837c-.006-.632-.131-2.462-1.67-3.987-1.661-1.611-3.454-.885-4.067-.266L12.904 7.1l.857.863L12 9.74l-1.761-1.777.857-.863-3.36-3.39c-.612-.618-2.406-1.344-4.066.267C2.13 5.503 2.006 7.333 2 7.965l.831-.838 3.36 3.39.837-.843V7.271l.96.97v2.755l1.383 1.396-6.629 6.686z"
|
32
|
+
})));
|
33
|
+
};
|
34
|
+
|
35
|
+
module.exports = SvgBrandLogo;
|
@@ -150,6 +150,7 @@ require('../../assets/icons/hint-outlined.svg.cjs');
|
|
150
150
|
require('../../assets/icons/face-happy.svg.cjs');
|
151
151
|
require('../../assets/icons/person-level.svg.cjs');
|
152
152
|
require('../../assets/icons/star-reward.svg.cjs');
|
153
|
+
require('../../assets/icons/brand-logo.svg.cjs');
|
153
154
|
var Icon = require('../Icon/Icon.cjs');
|
154
155
|
var Spinner = require('../Spinner/Spinner.cjs');
|
155
156
|
var utils = require('../../utils');
|
@@ -100,7 +100,25 @@ const DashboardCardStyled = styled.div`
|
|
100
100
|
background-color: ${utils.colors.black};
|
101
101
|
`}
|
102
102
|
|
103
|
-
|
103
|
+
&>.a1b2c3d4e5adk4 {
|
104
|
+
position: absolute;
|
105
|
+
bottom: -11px;
|
106
|
+
right: 12px;
|
107
|
+
display: flex;
|
108
|
+
align-items: center;
|
109
|
+
gap: 4px;
|
110
|
+
padding: 1px 4px;
|
111
|
+
border-radius: 4px;
|
112
|
+
background-color: ${utils.colors.gray_950};
|
113
|
+
|
114
|
+
& > span {
|
115
|
+
font-size: 13px;
|
116
|
+
font-weight: 400;
|
117
|
+
color: ${utils.colors.accent_400};
|
118
|
+
}
|
119
|
+
}
|
120
|
+
|
121
|
+
& > .a7b2c9d4e8f5h3 {
|
104
122
|
display: flex;
|
105
123
|
position: absolute;
|
106
124
|
top: -10%;
|
@@ -282,6 +300,7 @@ const DashboardCard = ({
|
|
282
300
|
loading = false,
|
283
301
|
statusConfiguratii = 0,
|
284
302
|
retention = false,
|
303
|
+
promoText = "",
|
285
304
|
...rest
|
286
305
|
}) => {
|
287
306
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
@@ -297,6 +316,10 @@ const DashboardCard = ({
|
|
297
316
|
rest.onClick?.(event);
|
298
317
|
},
|
299
318
|
children: [
|
319
|
+
promoText.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "a1b2c3d4e5adk4", children: [
|
320
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon.default, { icon: "brand-logo", size: 12, color: utils.colors.accent_500 }),
|
321
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: promoText })
|
322
|
+
] }),
|
300
323
|
statusConfiguratii > 0 && !loading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "a7b2c9d4e8f5h3", children: [
|
301
324
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: statusConfiguratii }),
|
302
325
|
/* @__PURE__ */ jsxRuntime.jsx(Icon.default, { icon: "grocery-2", size: 14, color: utils.colors.white })
|
@@ -41,6 +41,7 @@ const DropdownWraperStyled = styled.div`
|
|
41
41
|
}
|
42
42
|
|
43
43
|
& > input {
|
44
|
+
box-sizing: border-box;
|
44
45
|
border-radius: 8px;
|
45
46
|
border: none;
|
46
47
|
outline: none;
|
@@ -133,6 +134,7 @@ const DropdownContentStyled = styled.div`
|
|
133
134
|
& > div:last-of-type {
|
134
135
|
padding-right: 4px;
|
135
136
|
div {
|
137
|
+
box-sizing: border-box;
|
136
138
|
padding: 12px 8px 12px 12px;
|
137
139
|
width: 100%;
|
138
140
|
overflow-y: scroll;
|
@@ -156,6 +158,7 @@ const DropdownContentStyled = styled.div`
|
|
156
158
|
white-space: nowrap;
|
157
159
|
}
|
158
160
|
& > div {
|
161
|
+
box-sizing: border-box;
|
159
162
|
height: 42px;
|
160
163
|
display: flex;
|
161
164
|
align-items: center;
|
@@ -147,6 +147,7 @@ var HintOutlinedIcon = require('../../assets/icons/hint-outlined.svg.cjs');
|
|
147
147
|
var FaceHappyIcon = require('../../assets/icons/face-happy.svg.cjs');
|
148
148
|
var PersonLevelIcon = require('../../assets/icons/person-level.svg.cjs');
|
149
149
|
var StarRewardIcon = require('../../assets/icons/star-reward.svg.cjs');
|
150
|
+
var BrandLogoIcon = require('../../assets/icons/brand-logo.svg.cjs');
|
150
151
|
|
151
152
|
const IconsList = {
|
152
153
|
asterix: AsterixIcon,
|
@@ -290,7 +291,8 @@ const IconsList = {
|
|
290
291
|
"hint-outlined": HintOutlinedIcon,
|
291
292
|
"face-happy": FaceHappyIcon,
|
292
293
|
"person-level": PersonLevelIcon,
|
293
|
-
"star-reward": StarRewardIcon
|
294
|
+
"star-reward": StarRewardIcon,
|
295
|
+
"brand-logo": BrandLogoIcon
|
294
296
|
};
|
295
297
|
|
296
298
|
exports.default = IconsList;
|
@@ -149,6 +149,7 @@ require('../../assets/icons/hint-outlined.svg.cjs');
|
|
149
149
|
require('../../assets/icons/face-happy.svg.cjs');
|
150
150
|
require('../../assets/icons/person-level.svg.cjs');
|
151
151
|
require('../../assets/icons/star-reward.svg.cjs');
|
152
|
+
require('../../assets/icons/brand-logo.svg.cjs');
|
152
153
|
var styled = require('styled-components');
|
153
154
|
var Icon = require('../Icon/Icon.cjs');
|
154
155
|
var Spinner = require('../Spinner/Spinner.cjs');
|
@@ -149,6 +149,7 @@ require('../../assets/icons/hint-outlined.svg.cjs');
|
|
149
149
|
require('../../assets/icons/face-happy.svg.cjs');
|
150
150
|
require('../../assets/icons/person-level.svg.cjs');
|
151
151
|
require('../../assets/icons/star-reward.svg.cjs');
|
152
|
+
require('../../assets/icons/brand-logo.svg.cjs');
|
152
153
|
var styled = require('styled-components');
|
153
154
|
var Icon = require('../Icon/Icon.cjs');
|
154
155
|
var utils = require('../../utils');
|
@@ -150,6 +150,7 @@ require('../../assets/icons/hint-outlined.svg.cjs');
|
|
150
150
|
require('../../assets/icons/face-happy.svg.cjs');
|
151
151
|
require('../../assets/icons/person-level.svg.cjs');
|
152
152
|
require('../../assets/icons/star-reward.svg.cjs');
|
153
|
+
require('../../assets/icons/brand-logo.svg.cjs');
|
153
154
|
var reactDom = require('react-dom');
|
154
155
|
var Icon = require('../Icon/Icon.cjs');
|
155
156
|
var Numpad = require('../Numpad/Numpad.cjs');
|