rbro-tat-uds 2.2.29 → 2.2.31
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/components/ConfigurationProcessInfo/ConfigurationProcessInfo.cjs +3 -1
- package/build/cjs/components/LabeledText/LabeledText.cjs +28 -8
- package/build/cjs/index.cjs +31 -9
- package/build/esm/components/ConfigurationProcessInfo/ConfigurationProcessInfo.js +3 -1
- package/build/esm/components/LabeledText/LabeledText.js +29 -9
- package/build/esm/index.js +31 -9
- package/build/types/components/ConfigurationProcessInfo/ConfigurationProcessInfo.d.ts +1 -0
- package/build/types/components/LabeledText/LabeledText.d.ts +1 -1
- package/package.json +1 -1
|
@@ -45,6 +45,7 @@ const ConfigurationProcessInfo = ({
|
|
|
45
45
|
date = "N/A",
|
|
46
46
|
branchName = "",
|
|
47
47
|
buttonOnClick,
|
|
48
|
+
disabled = false,
|
|
48
49
|
...rest
|
|
49
50
|
}) => {
|
|
50
51
|
return /* @__PURE__ */ jsxRuntime.jsxs(ConfigurationProcessInfoStyled, { ...rest, children: [
|
|
@@ -56,7 +57,8 @@ const ConfigurationProcessInfo = ({
|
|
|
56
57
|
variant: "secondaryOutlined",
|
|
57
58
|
size: "small",
|
|
58
59
|
onClick: buttonOnClick,
|
|
59
|
-
label: "Anuleaza procesul"
|
|
60
|
+
label: "Anuleaza procesul",
|
|
61
|
+
disabled
|
|
60
62
|
}
|
|
61
63
|
),
|
|
62
64
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
@@ -26,13 +26,33 @@ const LabeledTextStyled = styled.div`
|
|
|
26
26
|
text-align: ${(props) => props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
29
|
+
${(props) => typeof props.$text === "string" ? styled.css`
|
|
30
|
+
& > span:last-child {
|
|
31
|
+
color: ${utils.colors[props.$textColor]};
|
|
32
|
+
|
|
33
|
+
font-size: ${typeof props.$textFontSize === "number" && _constraint_textfontsize.includes(props.$textFontSize) ? props.$textFontSize + "px" : "16px"};
|
|
34
|
+
|
|
35
|
+
font-weight: ${typeof props.$textFontWeight === "number" && _constraint_fontweight.includes(props.$textFontWeight) ? props.$textFontWeight : 500};
|
|
36
|
+
|
|
37
|
+
line-height: 120%;
|
|
38
|
+
|
|
39
|
+
text-align: ${props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
40
|
+
}
|
|
41
|
+
` : styled.css`
|
|
42
|
+
& > div {
|
|
43
|
+
span {
|
|
44
|
+
color: ${utils.colors[props.$textColor]};
|
|
45
|
+
|
|
46
|
+
font-size: ${typeof props.$textFontSize === "number" && _constraint_textfontsize.includes(props.$textFontSize) ? props.$textFontSize + "px" : "16px"};
|
|
47
|
+
|
|
48
|
+
font-weight: ${typeof props.$textFontWeight === "number" && _constraint_fontweight.includes(props.$textFontWeight) ? props.$textFontWeight : 500};
|
|
49
|
+
|
|
50
|
+
line-height: 120%;
|
|
51
|
+
|
|
52
|
+
text-align: ${props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
`}
|
|
36
56
|
`;
|
|
37
57
|
const LabeledText = ({
|
|
38
58
|
text = "Text",
|
|
@@ -61,7 +81,7 @@ const LabeledText = ({
|
|
|
61
81
|
...rest,
|
|
62
82
|
children: [
|
|
63
83
|
label && typeof label === "string" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
|
|
64
|
-
typeof text === "string"
|
|
84
|
+
typeof text === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: text }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: text })
|
|
65
85
|
]
|
|
66
86
|
}
|
|
67
87
|
);
|
package/build/cjs/index.cjs
CHANGED
|
@@ -74803,13 +74803,33 @@ const LabeledTextStyled = styled__default.default.div`
|
|
|
74803
74803
|
text-align: ${(props) => props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
74804
74804
|
}
|
|
74805
74805
|
|
|
74806
|
-
|
|
74807
|
-
|
|
74808
|
-
|
|
74809
|
-
|
|
74810
|
-
|
|
74811
|
-
|
|
74812
|
-
|
|
74806
|
+
${(props) => typeof props.$text === "string" ? styled.css`
|
|
74807
|
+
& > span:last-child {
|
|
74808
|
+
color: ${utils.colors[props.$textColor]};
|
|
74809
|
+
|
|
74810
|
+
font-size: ${typeof props.$textFontSize === "number" && _constraint_textfontsize.includes(props.$textFontSize) ? props.$textFontSize + "px" : "16px"};
|
|
74811
|
+
|
|
74812
|
+
font-weight: ${typeof props.$textFontWeight === "number" && _constraint_fontweight.includes(props.$textFontWeight) ? props.$textFontWeight : 500};
|
|
74813
|
+
|
|
74814
|
+
line-height: 120%;
|
|
74815
|
+
|
|
74816
|
+
text-align: ${props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
74817
|
+
}
|
|
74818
|
+
` : styled.css`
|
|
74819
|
+
& > div {
|
|
74820
|
+
span {
|
|
74821
|
+
color: ${utils.colors[props.$textColor]};
|
|
74822
|
+
|
|
74823
|
+
font-size: ${typeof props.$textFontSize === "number" && _constraint_textfontsize.includes(props.$textFontSize) ? props.$textFontSize + "px" : "16px"};
|
|
74824
|
+
|
|
74825
|
+
font-weight: ${typeof props.$textFontWeight === "number" && _constraint_fontweight.includes(props.$textFontWeight) ? props.$textFontWeight : 500};
|
|
74826
|
+
|
|
74827
|
+
line-height: 120%;
|
|
74828
|
+
|
|
74829
|
+
text-align: ${props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
74830
|
+
}
|
|
74831
|
+
}
|
|
74832
|
+
`}
|
|
74813
74833
|
`;
|
|
74814
74834
|
const LabeledText = ({
|
|
74815
74835
|
text = "Text",
|
|
@@ -74838,7 +74858,7 @@ const LabeledText = ({
|
|
|
74838
74858
|
...rest,
|
|
74839
74859
|
children: [
|
|
74840
74860
|
label && typeof label === "string" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
|
|
74841
|
-
typeof text === "string"
|
|
74861
|
+
typeof text === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: text }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: text })
|
|
74842
74862
|
]
|
|
74843
74863
|
}
|
|
74844
74864
|
);
|
|
@@ -82994,6 +83014,7 @@ const ConfigurationProcessInfo = ({
|
|
|
82994
83014
|
date = "N/A",
|
|
82995
83015
|
branchName = "",
|
|
82996
83016
|
buttonOnClick,
|
|
83017
|
+
disabled = false,
|
|
82997
83018
|
...rest
|
|
82998
83019
|
}) => {
|
|
82999
83020
|
return /* @__PURE__ */ jsxRuntime.jsxs(ConfigurationProcessInfoStyled, { ...rest, children: [
|
|
@@ -83005,7 +83026,8 @@ const ConfigurationProcessInfo = ({
|
|
|
83005
83026
|
variant: "secondaryOutlined",
|
|
83006
83027
|
size: "small",
|
|
83007
83028
|
onClick: buttonOnClick,
|
|
83008
|
-
label: "Anuleaza procesul"
|
|
83029
|
+
label: "Anuleaza procesul",
|
|
83030
|
+
disabled
|
|
83009
83031
|
}
|
|
83010
83032
|
),
|
|
83011
83033
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
@@ -41,6 +41,7 @@ const ConfigurationProcessInfo = ({
|
|
|
41
41
|
date = "N/A",
|
|
42
42
|
branchName = "",
|
|
43
43
|
buttonOnClick,
|
|
44
|
+
disabled = false,
|
|
44
45
|
...rest
|
|
45
46
|
}) => {
|
|
46
47
|
return /* @__PURE__ */ jsxs(ConfigurationProcessInfoStyled, { ...rest, children: [
|
|
@@ -52,7 +53,8 @@ const ConfigurationProcessInfo = ({
|
|
|
52
53
|
variant: "secondaryOutlined",
|
|
53
54
|
size: "small",
|
|
54
55
|
onClick: buttonOnClick,
|
|
55
|
-
label: "Anuleaza procesul"
|
|
56
|
+
label: "Anuleaza procesul",
|
|
57
|
+
disabled
|
|
56
58
|
}
|
|
57
59
|
),
|
|
58
60
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
5
|
import 'react';
|
|
6
|
-
import styled from 'styled-components';
|
|
6
|
+
import styled, { css } from 'styled-components';
|
|
7
7
|
import { colors } from '../../utils';
|
|
8
8
|
|
|
9
9
|
const _constraint_fontweight = [200, 300, 400, 500, 700, 800];
|
|
@@ -22,13 +22,33 @@ const LabeledTextStyled = styled.div`
|
|
|
22
22
|
text-align: ${(props) => props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
${(props) => typeof props.$text === "string" ? css`
|
|
26
|
+
& > span:last-child {
|
|
27
|
+
color: ${colors[props.$textColor]};
|
|
28
|
+
|
|
29
|
+
font-size: ${typeof props.$textFontSize === "number" && _constraint_textfontsize.includes(props.$textFontSize) ? props.$textFontSize + "px" : "16px"};
|
|
30
|
+
|
|
31
|
+
font-weight: ${typeof props.$textFontWeight === "number" && _constraint_fontweight.includes(props.$textFontWeight) ? props.$textFontWeight : 500};
|
|
32
|
+
|
|
33
|
+
line-height: 120%;
|
|
34
|
+
|
|
35
|
+
text-align: ${props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
36
|
+
}
|
|
37
|
+
` : css`
|
|
38
|
+
& > div {
|
|
39
|
+
span {
|
|
40
|
+
color: ${colors[props.$textColor]};
|
|
41
|
+
|
|
42
|
+
font-size: ${typeof props.$textFontSize === "number" && _constraint_textfontsize.includes(props.$textFontSize) ? props.$textFontSize + "px" : "16px"};
|
|
43
|
+
|
|
44
|
+
font-weight: ${typeof props.$textFontWeight === "number" && _constraint_fontweight.includes(props.$textFontWeight) ? props.$textFontWeight : 500};
|
|
45
|
+
|
|
46
|
+
line-height: 120%;
|
|
47
|
+
|
|
48
|
+
text-align: ${props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
`}
|
|
32
52
|
`;
|
|
33
53
|
const LabeledText = ({
|
|
34
54
|
text = "Text",
|
|
@@ -57,7 +77,7 @@ const LabeledText = ({
|
|
|
57
77
|
...rest,
|
|
58
78
|
children: [
|
|
59
79
|
label && typeof label === "string" && /* @__PURE__ */ jsx("span", { children: label }),
|
|
60
|
-
typeof text === "string"
|
|
80
|
+
typeof text === "string" ? /* @__PURE__ */ jsx("span", { children: text }) : /* @__PURE__ */ jsx("div", { children: text })
|
|
61
81
|
]
|
|
62
82
|
}
|
|
63
83
|
);
|
package/build/esm/index.js
CHANGED
|
@@ -74780,13 +74780,33 @@ const LabeledTextStyled = styled.div`
|
|
|
74780
74780
|
text-align: ${(props) => props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
74781
74781
|
}
|
|
74782
74782
|
|
|
74783
|
-
|
|
74784
|
-
|
|
74785
|
-
|
|
74786
|
-
|
|
74787
|
-
|
|
74788
|
-
|
|
74789
|
-
|
|
74783
|
+
${(props) => typeof props.$text === "string" ? css`
|
|
74784
|
+
& > span:last-child {
|
|
74785
|
+
color: ${colors[props.$textColor]};
|
|
74786
|
+
|
|
74787
|
+
font-size: ${typeof props.$textFontSize === "number" && _constraint_textfontsize.includes(props.$textFontSize) ? props.$textFontSize + "px" : "16px"};
|
|
74788
|
+
|
|
74789
|
+
font-weight: ${typeof props.$textFontWeight === "number" && _constraint_fontweight.includes(props.$textFontWeight) ? props.$textFontWeight : 500};
|
|
74790
|
+
|
|
74791
|
+
line-height: 120%;
|
|
74792
|
+
|
|
74793
|
+
text-align: ${props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
74794
|
+
}
|
|
74795
|
+
` : css`
|
|
74796
|
+
& > div {
|
|
74797
|
+
span {
|
|
74798
|
+
color: ${colors[props.$textColor]};
|
|
74799
|
+
|
|
74800
|
+
font-size: ${typeof props.$textFontSize === "number" && _constraint_textfontsize.includes(props.$textFontSize) ? props.$textFontSize + "px" : "16px"};
|
|
74801
|
+
|
|
74802
|
+
font-weight: ${typeof props.$textFontWeight === "number" && _constraint_fontweight.includes(props.$textFontWeight) ? props.$textFontWeight : 500};
|
|
74803
|
+
|
|
74804
|
+
line-height: 120%;
|
|
74805
|
+
|
|
74806
|
+
text-align: ${props.$align && ["center", "left", "right"].includes(props.$align) && props.$align};
|
|
74807
|
+
}
|
|
74808
|
+
}
|
|
74809
|
+
`}
|
|
74790
74810
|
`;
|
|
74791
74811
|
const LabeledText = ({
|
|
74792
74812
|
text = "Text",
|
|
@@ -74815,7 +74835,7 @@ const LabeledText = ({
|
|
|
74815
74835
|
...rest,
|
|
74816
74836
|
children: [
|
|
74817
74837
|
label && typeof label === "string" && /* @__PURE__ */ jsx("span", { children: label }),
|
|
74818
|
-
typeof text === "string"
|
|
74838
|
+
typeof text === "string" ? /* @__PURE__ */ jsx("span", { children: text }) : /* @__PURE__ */ jsx("div", { children: text })
|
|
74819
74839
|
]
|
|
74820
74840
|
}
|
|
74821
74841
|
);
|
|
@@ -82971,6 +82991,7 @@ const ConfigurationProcessInfo = ({
|
|
|
82971
82991
|
date = "N/A",
|
|
82972
82992
|
branchName = "",
|
|
82973
82993
|
buttonOnClick,
|
|
82994
|
+
disabled = false,
|
|
82974
82995
|
...rest
|
|
82975
82996
|
}) => {
|
|
82976
82997
|
return /* @__PURE__ */ jsxs(ConfigurationProcessInfoStyled, { ...rest, children: [
|
|
@@ -82982,7 +83003,8 @@ const ConfigurationProcessInfo = ({
|
|
|
82982
83003
|
variant: "secondaryOutlined",
|
|
82983
83004
|
size: "small",
|
|
82984
83005
|
onClick: buttonOnClick,
|
|
82985
|
-
label: "Anuleaza procesul"
|
|
83006
|
+
label: "Anuleaza procesul",
|
|
83007
|
+
disabled
|
|
82986
83008
|
}
|
|
82987
83009
|
),
|
|
82988
83010
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
@@ -2,7 +2,7 @@ import React, { HTMLAttributes } from 'react';
|
|
|
2
2
|
import { colors } from '../../utils/colors.js';
|
|
3
3
|
|
|
4
4
|
interface LabeledTextProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
text: string;
|
|
5
|
+
text: string | React.ReactNode;
|
|
6
6
|
label?: string;
|
|
7
7
|
gap?: number;
|
|
8
8
|
align?: "left" | "center" | "right";
|