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.
Files changed (43) hide show
  1. package/build/cjs/assets/icons/brand-logo.svg.cjs +35 -0
  2. package/build/cjs/assets/icons/bulb.svg.cjs +41 -0
  3. package/build/cjs/assets/icons/house-wap.svg.cjs +41 -0
  4. package/build/cjs/components/Accordion/Accordion.cjs +89 -0
  5. package/build/cjs/components/Accordion/index.cjs +12 -0
  6. package/build/cjs/components/Button/Button.cjs +3 -0
  7. package/build/cjs/components/CityPicker/CityPicker.cjs +0 -1
  8. package/build/cjs/components/DashboardCard/DashboardCard.cjs +24 -1
  9. package/build/cjs/components/Dropdown/Dropdown.cjs +3 -0
  10. package/build/cjs/components/Icon/IconsList.cjs +7 -1
  11. package/build/cjs/components/IconButton/IconButton.cjs +3 -0
  12. package/build/cjs/components/PageMessage/PageMessage.cjs +3 -0
  13. package/build/cjs/components/PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.cjs +433 -0
  14. package/build/cjs/components/PropunereAsigurareLocuinta/index.cjs +12 -0
  15. package/build/cjs/components/TextInput/TextInput.cjs +3 -0
  16. package/build/cjs/components/index.cjs +4 -0
  17. package/build/cjs/index.cjs +1250 -682
  18. package/build/esm/assets/icons/brand-logo.svg.js +14 -0
  19. package/build/esm/assets/icons/bulb.svg.js +20 -0
  20. package/build/esm/assets/icons/house-wap.svg.js +20 -0
  21. package/build/esm/components/Accordion/Accordion.js +85 -0
  22. package/build/esm/components/Accordion/index.js +8 -0
  23. package/build/esm/components/Button/Button.js +3 -0
  24. package/build/esm/components/CityPicker/CityPicker.js +0 -1
  25. package/build/esm/components/DashboardCard/DashboardCard.js +24 -1
  26. package/build/esm/components/Dropdown/Dropdown.js +3 -0
  27. package/build/esm/components/Icon/IconsList.js +7 -1
  28. package/build/esm/components/IconButton/IconButton.js +3 -0
  29. package/build/esm/components/PageMessage/PageMessage.js +3 -0
  30. package/build/esm/components/PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.js +429 -0
  31. package/build/esm/components/PropunereAsigurareLocuinta/index.js +8 -0
  32. package/build/esm/components/TextInput/TextInput.js +3 -0
  33. package/build/esm/components/index.js +2 -0
  34. package/build/esm/index.js +1249 -683
  35. package/build/types/components/Accordion/Accordion.d.ts +19 -0
  36. package/build/types/components/Accordion/index.d.ts +6 -0
  37. package/build/types/components/DashboardCard/DashboardCard.d.ts +1 -0
  38. package/build/types/components/Icon/Icon.types.d.ts +1 -1
  39. package/build/types/components/Icon/IconsList.d.ts +3 -0
  40. package/build/types/components/PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.d.ts +34 -0
  41. package/build/types/components/PropunereAsigurareLocuinta/index.d.ts +6 -0
  42. package/build/types/index.d.ts +2 -0
  43. 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 };
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ "use client";
3
+
4
+ import Accordion from './Accordion.js';
5
+
6
+
7
+
8
+ 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';
@@ -300,7 +300,6 @@ const CityPicker = ({
300
300
  }
301
301
  }, [wrapper_reference, isOpen]);
302
302
  useEffect(() => {
303
- if (isDirty.current) return;
304
303
  let labeledValue = "";
305
304
  if (value?.judet) {
306
305
  setJudet(value?.judet);
@@ -96,7 +96,25 @@ const DashboardCardStyled = styled.div`
96
96
  background-color: ${colors.black};
97
97
  `}
98
98
 
99
- &> .a7b2c9d4e8f5h3 {
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';