rbro-tat-uds 2.2.8 → 2.2.10
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/assets/icons/bulb.svg.cjs +41 -0
- package/build/cjs/assets/icons/house-wap.svg.cjs +41 -0
- package/build/cjs/components/Accordion/Accordion.cjs +89 -0
- package/build/cjs/components/Accordion/index.cjs +12 -0
- package/build/cjs/components/Button/Button.cjs +3 -0
- package/build/cjs/components/CityPicker/CityPicker.cjs +0 -1
- 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 +7 -1
- package/build/cjs/components/IconButton/IconButton.cjs +3 -0
- package/build/cjs/components/PageMessage/PageMessage.cjs +3 -0
- package/build/cjs/components/PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.cjs +433 -0
- package/build/cjs/components/PropunereAsigurareLocuinta/index.cjs +12 -0
- package/build/cjs/components/TextInput/TextInput.cjs +3 -0
- package/build/cjs/components/index.cjs +4 -0
- package/build/cjs/index.cjs +1250 -682
- package/build/esm/assets/icons/brand-logo.svg.js +14 -0
- package/build/esm/assets/icons/bulb.svg.js +20 -0
- package/build/esm/assets/icons/house-wap.svg.js +20 -0
- package/build/esm/components/Accordion/Accordion.js +85 -0
- package/build/esm/components/Accordion/index.js +8 -0
- package/build/esm/components/Button/Button.js +3 -0
- package/build/esm/components/CityPicker/CityPicker.js +0 -1
- 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 +7 -1
- package/build/esm/components/IconButton/IconButton.js +3 -0
- package/build/esm/components/PageMessage/PageMessage.js +3 -0
- package/build/esm/components/PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.js +429 -0
- package/build/esm/components/PropunereAsigurareLocuinta/index.js +8 -0
- package/build/esm/components/TextInput/TextInput.js +3 -0
- package/build/esm/components/index.js +2 -0
- package/build/esm/index.js +1249 -683
- package/build/types/components/Accordion/Accordion.d.ts +19 -0
- package/build/types/components/Accordion/index.d.ts +6 -0
- 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/build/types/components/PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.d.ts +34 -0
- package/build/types/components/PropunereAsigurareLocuinta/index.d.ts +6 -0
- package/build/types/index.d.ts +2 -0
- package/package.json +1 -1
@@ -0,0 +1,14 @@
|
|
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 SvgBrandLogo = function SvgBrandLogo(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: "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"
|
11
|
+
})));
|
12
|
+
};
|
13
|
+
|
14
|
+
export { SvgBrandLogo as default };
|
@@ -0,0 +1,20 @@
|
|
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 SvgBulb = function SvgBulb(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.068 10.518a2 2 0 0 1 2.45-2.45l.517-1.932a4 4 0 0 0-4.899 4.9z"
|
11
|
+
})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
|
12
|
+
fillRule: "evenodd",
|
13
|
+
d: "M7.13 3.653A8 8 0 0 1 17 16.245V17a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2v-.755a8 8 0 0 1 .13-12.592M12 4a6 6 0 0 0-3.429 10.924l.429.298V17h6v-1.778l.429-.298A6 6 0 0 0 12 4",
|
14
|
+
clipRule: "evenodd"
|
15
|
+
})), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
|
16
|
+
d: "M15 23H9v-2h6z"
|
17
|
+
})));
|
18
|
+
};
|
19
|
+
|
20
|
+
export { SvgBulb as default };
|
@@ -0,0 +1,20 @@
|
|
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 SvgHouseWap = function SvgHouseWap(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: "M15.375 2.22a1 1 0 0 1 1.25 0l5 4A1 1 0 0 1 22 7v1h-1v5a1 1 0 0 1-1 1h-4v-2h3V8h1v-.52l-4-3.2-4 3.2V8h-2V7a1 1 0 0 1 .375-.78z"
|
11
|
+
})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
|
12
|
+
fillRule: "evenodd",
|
13
|
+
d: "M3 15H2v-1a1 1 0 0 1 .375-.78l5-4a1 1 0 0 1 1.25 0l5 4A1 1 0 0 1 14 14v1h-1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm2 0v4h6v-4h1v-.52l-4-3.2-4 3.2V15z",
|
14
|
+
clipRule: "evenodd"
|
15
|
+
})), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
|
16
|
+
d: "M9.93 4.273a8 8 0 0 0-5.657 5.656L2.34 9.412A10 10 0 0 1 9.41 2.34zM19.22 15.444a8 8 0 0 1-4.55 4.097l.668 1.885a10 10 0 0 0 5.688-5.12z"
|
17
|
+
})));
|
18
|
+
};
|
19
|
+
|
20
|
+
export { SvgHouseWap as default };
|
@@ -0,0 +1,85 @@
|
|
1
|
+
"use strict";
|
2
|
+
"use client";
|
3
|
+
|
4
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
5
|
+
import { Children } from 'react';
|
6
|
+
import styled from 'styled-components';
|
7
|
+
import { colors } from '../../utils';
|
8
|
+
import Icon from '../Icon/Icon.js';
|
9
|
+
|
10
|
+
const AccordionStyled = styled.div`
|
11
|
+
width: 100%;
|
12
|
+
|
13
|
+
& > button {
|
14
|
+
padding: 16px;
|
15
|
+
background-color: ${colors.warm_gray_30};
|
16
|
+
display: flex;
|
17
|
+
align-items: center;
|
18
|
+
gap: 24px;
|
19
|
+
border: none;
|
20
|
+
width: 100%;
|
21
|
+
cursor: pointer;
|
22
|
+
|
23
|
+
& > div:first-of-type {
|
24
|
+
flex: 1;
|
25
|
+
cursor: pointer;
|
26
|
+
display: flex;
|
27
|
+
justify-content: flex-start;
|
28
|
+
font-size: 14px;
|
29
|
+
font-weight: 500;
|
30
|
+
color: ${colors.gray_950};
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
& > div {
|
35
|
+
padding: 0px 16px;
|
36
|
+
overflow: hidden;
|
37
|
+
transition: all 0.2s ease-in-out;
|
38
|
+
transform-origin: top;
|
39
|
+
|
40
|
+
&[data-open="true"] {
|
41
|
+
transform: scaleY(1);
|
42
|
+
padding: 16px;
|
43
|
+
opacity: 1;
|
44
|
+
}
|
45
|
+
|
46
|
+
&[data-open="false"] {
|
47
|
+
transform: scaleY(0);
|
48
|
+
opacity: 0;
|
49
|
+
padding: 0px 16px;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
`;
|
53
|
+
const Accordion = ({ open = false, children, ...rest }) => {
|
54
|
+
let _controlSlot = null;
|
55
|
+
let _panelSlot = null;
|
56
|
+
Children.toArray(children).filter(Boolean).forEach((child) => {
|
57
|
+
const element = child;
|
58
|
+
if (element.type === Control) {
|
59
|
+
_controlSlot = child;
|
60
|
+
}
|
61
|
+
if (element.type === Panel) {
|
62
|
+
_panelSlot = child;
|
63
|
+
}
|
64
|
+
});
|
65
|
+
return /* @__PURE__ */ jsxs(AccordionStyled, { children: [
|
66
|
+
/* @__PURE__ */ jsxs("button", { ...rest, children: [
|
67
|
+
/* @__PURE__ */ jsx("div", { children: _controlSlot }),
|
68
|
+
/* @__PURE__ */ jsx(
|
69
|
+
Icon,
|
70
|
+
{
|
71
|
+
icon: open ? "select-hide" : "select-open-down",
|
72
|
+
size: 18,
|
73
|
+
color: colors.info_800
|
74
|
+
}
|
75
|
+
)
|
76
|
+
] }),
|
77
|
+
/* @__PURE__ */ jsx("div", { "data-open": open, children: _panelSlot })
|
78
|
+
] });
|
79
|
+
};
|
80
|
+
const Control = ({ children }) => children;
|
81
|
+
const Panel = ({ children }) => children;
|
82
|
+
Accordion.Control = Control;
|
83
|
+
Accordion.Panel = Panel;
|
84
|
+
|
85
|
+
export { Accordion as default };
|
@@ -146,6 +146,9 @@ import '../../assets/icons/hint-outlined.svg.js';
|
|
146
146
|
import '../../assets/icons/face-happy.svg.js';
|
147
147
|
import '../../assets/icons/person-level.svg.js';
|
148
148
|
import '../../assets/icons/star-reward.svg.js';
|
149
|
+
import '../../assets/icons/brand-logo.svg.js';
|
150
|
+
import '../../assets/icons/house-wap.svg.js';
|
151
|
+
import '../../assets/icons/bulb.svg.js';
|
149
152
|
import Icon from '../Icon/Icon.js';
|
150
153
|
import Spinner from '../Spinner/Spinner.js';
|
151
154
|
import { colors } from '../../utils';
|
@@ -96,7 +96,25 @@ const DashboardCardStyled = styled.div`
|
|
96
96
|
background-color: ${colors.black};
|
97
97
|
`}
|
98
98
|
|
99
|
-
|
99
|
+
&>.a1b2c3d4e5adk4 {
|
100
|
+
position: absolute;
|
101
|
+
bottom: -11px;
|
102
|
+
right: 12px;
|
103
|
+
display: flex;
|
104
|
+
align-items: center;
|
105
|
+
gap: 4px;
|
106
|
+
padding: 1px 4px;
|
107
|
+
border-radius: 4px;
|
108
|
+
background-color: ${colors.gray_950};
|
109
|
+
|
110
|
+
& > span {
|
111
|
+
font-size: 13px;
|
112
|
+
font-weight: 400;
|
113
|
+
color: ${colors.accent_400};
|
114
|
+
}
|
115
|
+
}
|
116
|
+
|
117
|
+
& > .a7b2c9d4e8f5h3 {
|
100
118
|
display: flex;
|
101
119
|
position: absolute;
|
102
120
|
top: -10%;
|
@@ -278,6 +296,7 @@ const DashboardCard = ({
|
|
278
296
|
loading = false,
|
279
297
|
statusConfiguratii = 0,
|
280
298
|
retention = false,
|
299
|
+
promoText = "",
|
281
300
|
...rest
|
282
301
|
}) => {
|
283
302
|
return /* @__PURE__ */ jsxs(
|
@@ -293,6 +312,10 @@ const DashboardCard = ({
|
|
293
312
|
rest.onClick?.(event);
|
294
313
|
},
|
295
314
|
children: [
|
315
|
+
promoText.length > 0 && /* @__PURE__ */ jsxs("div", { className: "a1b2c3d4e5adk4", children: [
|
316
|
+
/* @__PURE__ */ jsx(Icon, { icon: "brand-logo", size: 12, color: colors.accent_500 }),
|
317
|
+
/* @__PURE__ */ jsx("span", { children: promoText })
|
318
|
+
] }),
|
296
319
|
statusConfiguratii > 0 && !loading && /* @__PURE__ */ jsxs("div", { className: "a7b2c9d4e8f5h3", children: [
|
297
320
|
/* @__PURE__ */ jsx("span", { children: statusConfiguratii }),
|
298
321
|
/* @__PURE__ */ jsx(Icon, { icon: "grocery-2", size: 14, color: colors.white })
|
@@ -37,6 +37,7 @@ const DropdownWraperStyled = styled.div`
|
|
37
37
|
}
|
38
38
|
|
39
39
|
& > input {
|
40
|
+
box-sizing: border-box;
|
40
41
|
border-radius: 8px;
|
41
42
|
border: none;
|
42
43
|
outline: none;
|
@@ -129,6 +130,7 @@ const DropdownContentStyled = styled.div`
|
|
129
130
|
& > div:last-of-type {
|
130
131
|
padding-right: 4px;
|
131
132
|
div {
|
133
|
+
box-sizing: border-box;
|
132
134
|
padding: 12px 8px 12px 12px;
|
133
135
|
width: 100%;
|
134
136
|
overflow-y: scroll;
|
@@ -152,6 +154,7 @@ const DropdownContentStyled = styled.div`
|
|
152
154
|
white-space: nowrap;
|
153
155
|
}
|
154
156
|
& > div {
|
157
|
+
box-sizing: border-box;
|
155
158
|
height: 42px;
|
156
159
|
display: flex;
|
157
160
|
align-items: center;
|
@@ -143,6 +143,9 @@ import HintOutlinedIcon from '../../assets/icons/hint-outlined.svg.js';
|
|
143
143
|
import FaceHappyIcon from '../../assets/icons/face-happy.svg.js';
|
144
144
|
import PersonLevelIcon from '../../assets/icons/person-level.svg.js';
|
145
145
|
import StarRewardIcon from '../../assets/icons/star-reward.svg.js';
|
146
|
+
import BrandLogoIcon from '../../assets/icons/brand-logo.svg.js';
|
147
|
+
import HouseWapIcon from '../../assets/icons/house-wap.svg.js';
|
148
|
+
import BulbIcon from '../../assets/icons/bulb.svg.js';
|
146
149
|
|
147
150
|
const IconsList = {
|
148
151
|
asterix: AsterixIcon,
|
@@ -286,7 +289,10 @@ const IconsList = {
|
|
286
289
|
"hint-outlined": HintOutlinedIcon,
|
287
290
|
"face-happy": FaceHappyIcon,
|
288
291
|
"person-level": PersonLevelIcon,
|
289
|
-
"star-reward": StarRewardIcon
|
292
|
+
"star-reward": StarRewardIcon,
|
293
|
+
"brand-logo": BrandLogoIcon,
|
294
|
+
"house-wap": HouseWapIcon,
|
295
|
+
bulb: BulbIcon
|
290
296
|
};
|
291
297
|
|
292
298
|
export { IconsList as default };
|
@@ -145,6 +145,9 @@ import '../../assets/icons/hint-outlined.svg.js';
|
|
145
145
|
import '../../assets/icons/face-happy.svg.js';
|
146
146
|
import '../../assets/icons/person-level.svg.js';
|
147
147
|
import '../../assets/icons/star-reward.svg.js';
|
148
|
+
import '../../assets/icons/brand-logo.svg.js';
|
149
|
+
import '../../assets/icons/house-wap.svg.js';
|
150
|
+
import '../../assets/icons/bulb.svg.js';
|
148
151
|
import styled, { css } from 'styled-components';
|
149
152
|
import Icon from '../Icon/Icon.js';
|
150
153
|
import Spinner from '../Spinner/Spinner.js';
|
@@ -145,6 +145,9 @@ import '../../assets/icons/hint-outlined.svg.js';
|
|
145
145
|
import '../../assets/icons/face-happy.svg.js';
|
146
146
|
import '../../assets/icons/person-level.svg.js';
|
147
147
|
import '../../assets/icons/star-reward.svg.js';
|
148
|
+
import '../../assets/icons/brand-logo.svg.js';
|
149
|
+
import '../../assets/icons/house-wap.svg.js';
|
150
|
+
import '../../assets/icons/bulb.svg.js';
|
148
151
|
import styled from 'styled-components';
|
149
152
|
import Icon from '../Icon/Icon.js';
|
150
153
|
import { colors } from '../../utils';
|