qlu-20-ui-library 1.3.21 → 1.3.24
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/dist/build/index.css +1 -1
- package/dist/build/qlu-20-ui-library.cjs +3 -3
- package/dist/build/qlu-20-ui-library.js +8 -3
- package/dist/types/components/AdvanceFilterJobTitleV2/index.js +1 -1
- package/dist/types/components/CompanyLineChartFinancialTab/index.js +1 -1
- package/dist/types/components/PayChart/index.js +5 -1
- package/dist/types/components/SelectDropDown/index.js +3 -1
- package/package.json +1 -1
|
@@ -2704,6 +2704,7 @@ const eae = ({
|
|
|
2704
2704
|
e
|
|
2705
2705
|
)}`,
|
|
2706
2706
|
sizeVariant: "sm",
|
|
2707
|
+
isSelected: !0,
|
|
2707
2708
|
hasBorder: !0
|
|
2708
2709
|
}
|
|
2709
2710
|
) }),
|
|
@@ -55824,7 +55825,7 @@ const Rre = ({
|
|
|
55824
55825
|
{
|
|
55825
55826
|
initialNumber: String(h),
|
|
55826
55827
|
handleChange: (A) => {
|
|
55827
|
-
f(A);
|
|
55828
|
+
A >= 0 && A <= a && f(A);
|
|
55828
55829
|
},
|
|
55829
55830
|
props: { style: { width: "70px", maxWidth: "70px" } }
|
|
55830
55831
|
}
|
|
@@ -57469,6 +57470,10 @@ const qie = ({
|
|
|
57469
57470
|
title: function(o) {
|
|
57470
57471
|
const s = o[0].dataIndex;
|
|
57471
57472
|
return n[s];
|
|
57473
|
+
},
|
|
57474
|
+
label: function(o) {
|
|
57475
|
+
const s = o.dataIndex;
|
|
57476
|
+
return `${t[s].toLocaleString()} USD`;
|
|
57472
57477
|
}
|
|
57473
57478
|
}
|
|
57474
57479
|
},
|
|
@@ -57996,14 +58001,14 @@ const qre = {
|
|
|
57996
58001
|
" ",
|
|
57997
58002
|
/* @__PURE__ */ u.jsx("br", {}),
|
|
57998
58003
|
" ",
|
|
57999
|
-
/* @__PURE__ */ u.jsx("span", { className: "valueInfo", children: "PE
|
|
58004
|
+
/* @__PURE__ */ u.jsx("span", { className: "valueInfo", children: "Trailing PE" })
|
|
58000
58005
|
] }),
|
|
58001
58006
|
/* @__PURE__ */ u.jsxs("span", { className: "percentage", children: [
|
|
58002
58007
|
r ? `${r}` : "--",
|
|
58003
58008
|
" ",
|
|
58004
58009
|
/* @__PURE__ */ u.jsx("br", {}),
|
|
58005
58010
|
" ",
|
|
58006
|
-
/* @__PURE__ */ u.jsx("span", { className: "valueInfo", children: "EPS
|
|
58011
|
+
/* @__PURE__ */ u.jsx("span", { className: "valueInfo", children: "Trailing EPS" })
|
|
58007
58012
|
] }),
|
|
58008
58013
|
/* @__PURE__ */ u.jsxs("span", { className: "percentage", children: [
|
|
58009
58014
|
a ? `${a}` : "--",
|
|
@@ -11,7 +11,7 @@ const AdvanceFilterJobTitleV2 = ({ setMaxValue = 500, setMinValue = 0, searchFor
|
|
|
11
11
|
}), children: [_jsx(RangeComponent, { minValue: setMinValue, maxValue: setMaxValue, getRange: (value) => {
|
|
12
12
|
// setRangeData(value);
|
|
13
13
|
getRange(value);
|
|
14
|
-
} }), _jsx("span", { className: "advanceFilterJobTitleV2-RangePill", children: _jsx(TextPillNotClickable, { text: `${convertTo10KFormat(setMinValue)}-${convertTo10KFormat(setMaxValue)}`, sizeVariant: "sm", hasBorder: true }) }), showApplyToAll && (_jsx(ClickableText, { onClick: () => {
|
|
14
|
+
} }), _jsx("span", { className: "advanceFilterJobTitleV2-RangePill", children: _jsx(TextPillNotClickable, { text: `${convertTo10KFormat(setMinValue)}-${convertTo10KFormat(setMaxValue)}`, sizeVariant: "sm", isSelected: true, hasBorder: true }) }), showApplyToAll && (_jsx(ClickableText, { onClick: () => {
|
|
15
15
|
applyToAllOnClick({
|
|
16
16
|
minRange: setMinValue,
|
|
17
17
|
maxRange: setMaxValue,
|
|
@@ -117,6 +117,6 @@ export const CompanyLineChartFinancialTab = ({ stockPerformance, beta, peRatio,
|
|
|
117
117
|
},
|
|
118
118
|
],
|
|
119
119
|
};
|
|
120
|
-
return (_jsxs("div", { className: "CompanyLineChartFinancialTab", children: [_jsxs("div", { className: "marketCap", children: [_jsxs("span", { className: "percentage", children: [marketCap ? `$${marketCap}` : "--", " ", _jsx("br", {}), " ", _jsx("span", { className: "qoQGrowthlatest", children: "Market Cap" })] }), _jsxs("div", { className: "performance", children: [_jsxs("span", { className: "percentage", children: [beta ? `${beta}` : "--", " ", _jsx("br", {}), " ", _jsx("span", { className: "valueInfo", children: "Beta (5Y Monthly)" })] }), _jsxs("span", { className: "percentage", children: [peRatio ? `${peRatio}` : "--", " ", _jsx("br", {}), " ", _jsx("span", { className: "valueInfo", children: "PE
|
|
120
|
+
return (_jsxs("div", { className: "CompanyLineChartFinancialTab", children: [_jsxs("div", { className: "marketCap", children: [_jsxs("span", { className: "percentage", children: [marketCap ? `$${marketCap}` : "--", " ", _jsx("br", {}), " ", _jsx("span", { className: "qoQGrowthlatest", children: "Market Cap" })] }), _jsxs("div", { className: "performance", children: [_jsxs("span", { className: "percentage", children: [beta ? `${beta}` : "--", " ", _jsx("br", {}), " ", _jsx("span", { className: "valueInfo", children: "Beta (5Y Monthly)" })] }), _jsxs("span", { className: "percentage", children: [peRatio ? `${peRatio}` : "--", " ", _jsx("br", {}), " ", _jsx("span", { className: "valueInfo", children: "Trailing PE" })] }), _jsxs("span", { className: "percentage", children: [ePS ? `${ePS}` : "--", " ", _jsx("br", {}), " ", _jsx("span", { className: "valueInfo", children: "Trailing EPS" })] }), _jsxs("span", { className: "percentage", children: [priceSales ? `${priceSales}` : "--", " ", _jsx("br", {}), " ", _jsx("span", { className: "valueInfo", children: "Price/Sales" })] }), _jsxs("span", { className: "percentage", children: [weekChange ? `${weekChange}%` : "--", " ", _jsx("br", {}), " ", _jsx("span", { className: "valueInfo", children: "52 Week Change" })] })] })] }), _jsx("div", { children: _jsx(Chart, { type: "bar", id: "canvas", options: options, data: data }) })] }));
|
|
121
121
|
};
|
|
122
122
|
export default CompanyLineChartFinancialTab;
|
|
@@ -41,9 +41,13 @@ const PayChart = ({ inputLabels = [], inputValues = [], titleSet = [], }) => {
|
|
|
41
41
|
callbacks: {
|
|
42
42
|
title: function (tooltipItems) {
|
|
43
43
|
const datasetIndex = tooltipItems[0].dataIndex;
|
|
44
|
-
// console.log(titleSet[datasetIndex]);
|
|
45
44
|
return titleSet[datasetIndex];
|
|
46
45
|
},
|
|
46
|
+
label: function (tooltipItems) {
|
|
47
|
+
const datasetIndex = tooltipItems.dataIndex;
|
|
48
|
+
const val = inputValues[datasetIndex];
|
|
49
|
+
return `${val.toLocaleString()} USD`;
|
|
50
|
+
},
|
|
47
51
|
},
|
|
48
52
|
},
|
|
49
53
|
title: {
|
|
@@ -56,7 +56,9 @@ const SelectDropDown = ({ onApplyClick, selectedCount = 0, showCancel = true, on
|
|
|
56
56
|
}, disabled: isDisabled, className: "selectDropDown--btn--dropdown", ref: selectContainerRef, children: [_jsx(SearchCheckboxComponent, { sizeVariant: "base", checked: false, onClick: handleCheckboxClick, isAllSelected: isAllSelected, isSubsetSelected: !isAllSelected && selectedCount > 0, isDisabled: isDisabled }), selectedCount > 0 && _jsxs("p", { children: [selectedCount, " selected"] }), _jsx("span", { children: _jsx(GetSvgIcon, { iconType: "arrowDown", iconSize: "16" }) })] }), _jsx("dialog", {
|
|
57
57
|
// open={listShow}
|
|
58
58
|
id: uuidv4(), ref: dropdownRef, className: "dropdownContainer", children: _jsxs("ul", { className: `selectDropDown--dropdown-list-${listShow ? "show" : "hide"}`, children: [_jsx("li", { onClick: handleSelectAllClick, children: "Select All" }), _jsxs("li", { children: ["Select Top", _jsx("span", { className: "space", children: listShow && (_jsx(NumberInputField, { initialNumber: String(topRange), handleChange: (value) => {
|
|
59
|
-
|
|
59
|
+
if (value >= 0 && value <= totalCount) {
|
|
60
|
+
setTopRange(value);
|
|
61
|
+
}
|
|
60
62
|
}, props: { style: { width: "70px", maxWidth: "70px" } } })) })] }), _jsx("span", { className: "apply", children: _jsx(PrimaryButton, { text: "Apply", colorVariant: "orange", onClick: () => {
|
|
61
63
|
onApplyClick(topRange);
|
|
62
64
|
toggleListShow();
|