qlu-20-ui-library 1.7.71 → 1.7.72
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 +1 -1
- package/dist/build/qlu-20-ui-library.js +27 -14
- package/dist/components/CountCancelButton/index.d.ts +2 -1
- package/dist/components/CreditUsageChart/index.d.ts +3 -1
- package/dist/components/SearchFilterButton/index.d.ts +2 -1
- package/dist/types/components/CountCancelButton/index.d.ts +2 -1
- package/dist/types/components/CountCancelButton/index.js +2 -2
- package/dist/types/components/CreditUsageChart/index.d.ts +3 -1
- package/dist/types/components/CreditUsageChart/index.js +2 -0
- package/dist/types/components/SearchFilterButton/index.d.ts +2 -1
- package/dist/types/components/SearchFilterButton/index.js +3 -3
- package/package.json +1 -1
|
@@ -64592,7 +64592,7 @@ const Fie = ({ revenues: e, aspectRatio: t = 5 }) => {
|
|
|
64592
64592
|
creditUsageChartDataNA: Nie,
|
|
64593
64593
|
creditUsageChartLoader: Oie
|
|
64594
64594
|
};
|
|
64595
|
-
var qb = /* @__PURE__ */ ((e) => (e.Past7Days = "Past7Days", e.PastMonth = "PastMonth", e.Past3Months = "Past3Months", e.Past6Months = "Past6Months", e.Past1Year = "Past1Year", e.AllTime = "AllTime", e.PastDay = "PastDay", e.Today = "Today", e))(qb || {});
|
|
64595
|
+
var qb = /* @__PURE__ */ ((e) => (e.Past7Days = "Past7Days", e.PastMonth = "PastMonth", e.Past3Months = "Past3Months", e.Past6Months = "Past6Months", e.Past1Year = "Past1Year", e.AllTime = "AllTime", e.PastDay = "PastDay", e.Today = "Today", e.Custom = "Custom", e))(qb || {});
|
|
64596
64596
|
const av = {
|
|
64597
64597
|
Past7Days: "Past 7 Days",
|
|
64598
64598
|
PastMonth: "Past Month",
|
|
@@ -64601,7 +64601,8 @@ const av = {
|
|
|
64601
64601
|
Past1Year: "Past Year",
|
|
64602
64602
|
AllTime: "All Time",
|
|
64603
64603
|
PastDay: "Past Day",
|
|
64604
|
-
Today: "Today"
|
|
64604
|
+
Today: "Today",
|
|
64605
|
+
Custom: "Custom Date"
|
|
64605
64606
|
}, r5e = ({
|
|
64606
64607
|
title: e,
|
|
64607
64608
|
selectedTimeFrame: t,
|
|
@@ -65029,15 +65030,25 @@ const Iie = ({
|
|
|
65029
65030
|
const Vie = ({
|
|
65030
65031
|
count: e = 1,
|
|
65031
65032
|
onClick: t,
|
|
65032
|
-
dataCy: n
|
|
65033
|
+
dataCy: n,
|
|
65034
|
+
isDisabled: r
|
|
65033
65035
|
}) => {
|
|
65034
|
-
const
|
|
65036
|
+
const a = $e({
|
|
65035
65037
|
"countCancelButton--Generic": !0
|
|
65036
65038
|
});
|
|
65037
|
-
return /* @__PURE__ */ l.jsxs(
|
|
65038
|
-
|
|
65039
|
-
|
|
65040
|
-
|
|
65039
|
+
return /* @__PURE__ */ l.jsxs(
|
|
65040
|
+
"button",
|
|
65041
|
+
{
|
|
65042
|
+
className: a,
|
|
65043
|
+
onClick: t,
|
|
65044
|
+
"data-cy": n,
|
|
65045
|
+
disabled: r,
|
|
65046
|
+
children: [
|
|
65047
|
+
e,
|
|
65048
|
+
/* @__PURE__ */ l.jsx(Ie, { iconType: "cross", iconSize: "14" })
|
|
65049
|
+
]
|
|
65050
|
+
}
|
|
65051
|
+
);
|
|
65041
65052
|
};
|
|
65042
65053
|
const c5e = ({
|
|
65043
65054
|
filterText: e = "Name",
|
|
@@ -65049,17 +65060,18 @@ const c5e = ({
|
|
|
65049
65060
|
dataCy: o,
|
|
65050
65061
|
dataCyCancel: s,
|
|
65051
65062
|
showAiIcon: c,
|
|
65052
|
-
isFilterHighlighted: d
|
|
65063
|
+
isFilterHighlighted: d,
|
|
65064
|
+
isDisabled: f
|
|
65053
65065
|
}) => {
|
|
65054
|
-
const
|
|
65066
|
+
const h = $e({
|
|
65055
65067
|
"searchFilterButton--Generic": !0,
|
|
65056
65068
|
"searchFilterButton--Selected": t !== 0
|
|
65057
|
-
}),
|
|
65069
|
+
}), m = $e({
|
|
65058
65070
|
"searchFilterButton-FitlerDetails": !0,
|
|
65059
65071
|
filterHighlighted: d
|
|
65060
65072
|
});
|
|
65061
|
-
return /* @__PURE__ */ l.jsxs("button", { className:
|
|
65062
|
-
!r && /* @__PURE__ */ l.jsxs("span", { className:
|
|
65073
|
+
return /* @__PURE__ */ l.jsxs("button", { className: h, onClick: a, "data-cy": o, children: [
|
|
65074
|
+
!r && /* @__PURE__ */ l.jsxs("span", { className: m, children: [
|
|
65063
65075
|
t !== 0 && c ? /* @__PURE__ */ l.jsx("div", { className: "searchFilterButton-AiSearchIcon", children: /* @__PURE__ */ l.jsx(Ie, { iconType: "boldPlus", iconSize: "18" }) }) : /* @__PURE__ */ l.jsx(Ie, { iconType: n, iconSize: "18" }),
|
|
65064
65076
|
e
|
|
65065
65077
|
] }),
|
|
@@ -65072,7 +65084,8 @@ const c5e = ({
|
|
|
65072
65084
|
{
|
|
65073
65085
|
count: t,
|
|
65074
65086
|
onClick: i,
|
|
65075
|
-
dataCy: s
|
|
65087
|
+
dataCy: s,
|
|
65088
|
+
isDisabled: f
|
|
65076
65089
|
}
|
|
65077
65090
|
) })
|
|
65078
65091
|
] });
|
|
@@ -3,6 +3,7 @@ interface CountCancelButtonProps {
|
|
|
3
3
|
count: number;
|
|
4
4
|
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
5
5
|
dataCy?: string;
|
|
6
|
+
isDisabled?: boolean;
|
|
6
7
|
}
|
|
7
|
-
declare const CountCancelButton: ({ count, onClick, dataCy, }: CountCancelButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const CountCancelButton: ({ count, onClick, dataCy, isDisabled, }: CountCancelButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export default CountCancelButton;
|
|
@@ -6,7 +6,8 @@ export declare enum TimeFrame {
|
|
|
6
6
|
Past1Year = "Past1Year",
|
|
7
7
|
AllTime = "AllTime",
|
|
8
8
|
PastDay = "PastDay",
|
|
9
|
-
Today = "Today"
|
|
9
|
+
Today = "Today",
|
|
10
|
+
Custom = "Custom"
|
|
10
11
|
}
|
|
11
12
|
export declare const typeFrameText: {
|
|
12
13
|
Past7Days: string;
|
|
@@ -17,6 +18,7 @@ export declare const typeFrameText: {
|
|
|
17
18
|
AllTime: string;
|
|
18
19
|
PastDay: string;
|
|
19
20
|
Today: string;
|
|
21
|
+
Custom: string;
|
|
20
22
|
};
|
|
21
23
|
type CreditUsageChartProps = {
|
|
22
24
|
title: string;
|
|
@@ -11,6 +11,7 @@ interface SearchFilterButtonProps {
|
|
|
11
11
|
dataCyCancel?: string;
|
|
12
12
|
showAiIcon: boolean;
|
|
13
13
|
isFilterHighlighted?: boolean;
|
|
14
|
+
isDisabled?: boolean;
|
|
14
15
|
}
|
|
15
|
-
declare const SearchFilterButton: ({ filterText, filterCount, filterIcon, isFilterLoading, onClick, onCancelClick, dataCy, dataCyCancel, showAiIcon, isFilterHighlighted, }: SearchFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare const SearchFilterButton: ({ filterText, filterCount, filterIcon, isFilterLoading, onClick, onCancelClick, dataCy, dataCyCancel, showAiIcon, isFilterHighlighted, isDisabled, }: SearchFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
export default SearchFilterButton;
|
|
@@ -4,6 +4,7 @@ interface CountCancelButtonProps {
|
|
|
4
4
|
count: number;
|
|
5
5
|
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
6
6
|
dataCy?: string;
|
|
7
|
+
isDisabled?: boolean;
|
|
7
8
|
}
|
|
8
|
-
declare const CountCancelButton: ({ count, onClick, dataCy, }: CountCancelButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare const CountCancelButton: ({ count, onClick, dataCy, isDisabled, }: CountCancelButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export default CountCancelButton;
|
|
@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import GetSvgIcon from "../GetSvgIcon";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import "./style.scss";
|
|
5
|
-
const CountCancelButton = ({ count = 1, onClick, dataCy, }) => {
|
|
5
|
+
const CountCancelButton = ({ count = 1, onClick, dataCy, isDisabled, }) => {
|
|
6
6
|
const className = clsx({
|
|
7
7
|
"countCancelButton--Generic": true,
|
|
8
8
|
});
|
|
9
|
-
return (_jsxs("button", { className: className, onClick: onClick, "data-cy": dataCy, children: [count, _jsx(GetSvgIcon, { iconType: "cross", iconSize: "14" })] }));
|
|
9
|
+
return (_jsxs("button", { className: className, onClick: onClick, "data-cy": dataCy, disabled: isDisabled, children: [count, _jsx(GetSvgIcon, { iconType: "cross", iconSize: "14" })] }));
|
|
10
10
|
};
|
|
11
11
|
export default CountCancelButton;
|
|
@@ -6,7 +6,8 @@ export declare enum TimeFrame {
|
|
|
6
6
|
Past1Year = "Past1Year",
|
|
7
7
|
AllTime = "AllTime",
|
|
8
8
|
PastDay = "PastDay",
|
|
9
|
-
Today = "Today"
|
|
9
|
+
Today = "Today",
|
|
10
|
+
Custom = "Custom"
|
|
10
11
|
}
|
|
11
12
|
export declare const typeFrameText: {
|
|
12
13
|
Past7Days: string;
|
|
@@ -17,6 +18,7 @@ export declare const typeFrameText: {
|
|
|
17
18
|
AllTime: string;
|
|
18
19
|
PastDay: string;
|
|
19
20
|
Today: string;
|
|
21
|
+
Custom: string;
|
|
20
22
|
};
|
|
21
23
|
type CreditUsageChartProps = {
|
|
22
24
|
title: string;
|
|
@@ -14,6 +14,7 @@ export var TimeFrame;
|
|
|
14
14
|
TimeFrame["AllTime"] = "AllTime";
|
|
15
15
|
TimeFrame["PastDay"] = "PastDay";
|
|
16
16
|
TimeFrame["Today"] = "Today";
|
|
17
|
+
TimeFrame["Custom"] = "Custom";
|
|
17
18
|
})(TimeFrame || (TimeFrame = {}));
|
|
18
19
|
export const typeFrameText = {
|
|
19
20
|
[TimeFrame.Past7Days]: "Past 7 Days",
|
|
@@ -24,6 +25,7 @@ export const typeFrameText = {
|
|
|
24
25
|
[TimeFrame.AllTime]: "All Time",
|
|
25
26
|
[TimeFrame.PastDay]: "Past Day",
|
|
26
27
|
[TimeFrame.Today]: "Today",
|
|
28
|
+
[TimeFrame.Custom]: "Custom Date",
|
|
27
29
|
};
|
|
28
30
|
const CreditUsageChart = ({ title, selectedTimeFrame, creditUsageData, isLoading, isError, setSelectedTimeFrame, }) => {
|
|
29
31
|
const renderLoader = () => (_jsx("div", { className: styles.creditUsageChartLoader, children: _jsx(Loader, { width: "24", height: "24" }) }));
|
|
@@ -12,6 +12,7 @@ interface SearchFilterButtonProps {
|
|
|
12
12
|
dataCyCancel?: string;
|
|
13
13
|
showAiIcon: boolean;
|
|
14
14
|
isFilterHighlighted?: boolean;
|
|
15
|
+
isDisabled?: boolean;
|
|
15
16
|
}
|
|
16
|
-
declare const SearchFilterButton: ({ filterText, filterCount, filterIcon, isFilterLoading, onClick, onCancelClick, dataCy, dataCyCancel, showAiIcon, isFilterHighlighted, }: SearchFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare const SearchFilterButton: ({ filterText, filterCount, filterIcon, isFilterLoading, onClick, onCancelClick, dataCy, dataCyCancel, showAiIcon, isFilterHighlighted, isDisabled, }: SearchFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
export default SearchFilterButton;
|
|
@@ -3,15 +3,15 @@ import clsx from "clsx";
|
|
|
3
3
|
import CountCancelButton from "../CountCancelButton";
|
|
4
4
|
import "./style.scss";
|
|
5
5
|
import GetSvgIcon from "../GetSvgIcon";
|
|
6
|
-
const SearchFilterButton = ({ filterText = "Name", filterCount = 0, filterIcon = "industry", isFilterLoading = false, onClick, onCancelClick, dataCy, dataCyCancel, showAiIcon, isFilterHighlighted, }) => {
|
|
6
|
+
const SearchFilterButton = ({ filterText = "Name", filterCount = 0, filterIcon = "industry", isFilterLoading = false, onClick, onCancelClick, dataCy, dataCyCancel, showAiIcon, isFilterHighlighted, isDisabled, }) => {
|
|
7
7
|
const className = clsx({
|
|
8
8
|
"searchFilterButton--Generic": true,
|
|
9
9
|
"searchFilterButton--Selected": filterCount !== 0,
|
|
10
10
|
});
|
|
11
11
|
const filterTextClass = clsx({
|
|
12
12
|
"searchFilterButton-FitlerDetails": true,
|
|
13
|
-
|
|
13
|
+
filterHighlighted: isFilterHighlighted,
|
|
14
14
|
});
|
|
15
|
-
return (_jsxs("button", { className: className, onClick: onClick, "data-cy": dataCy, children: [!isFilterLoading && (_jsxs("span", { className: filterTextClass, children: [filterCount !== 0 && showAiIcon ? (_jsx("div", { className: "searchFilterButton-AiSearchIcon", children: _jsx(GetSvgIcon, { iconType: "boldPlus", iconSize: "18" }) })) : (_jsx(GetSvgIcon, { iconType: filterIcon, iconSize: "18" })), filterText] })), isFilterLoading && (_jsxs("span", { className: "searchFilterButton-FitlerDetails", children: [_jsx("span", { className: "searchFilterButton-FitlerDetails-SpinningPlus", children: _jsx(GetSvgIcon, { iconType: "boldPlus", iconSize: "18" }) }), filterText] })), filterCount !== 0 && !isFilterLoading && (_jsx("div", { className: "searchFilterButton-RigthIcon", children: _jsx(CountCancelButton, { count: filterCount, onClick: onCancelClick, dataCy: dataCyCancel }) }))] }));
|
|
15
|
+
return (_jsxs("button", { className: className, onClick: onClick, "data-cy": dataCy, children: [!isFilterLoading && (_jsxs("span", { className: filterTextClass, children: [filterCount !== 0 && showAiIcon ? (_jsx("div", { className: "searchFilterButton-AiSearchIcon", children: _jsx(GetSvgIcon, { iconType: "boldPlus", iconSize: "18" }) })) : (_jsx(GetSvgIcon, { iconType: filterIcon, iconSize: "18" })), filterText] })), isFilterLoading && (_jsxs("span", { className: "searchFilterButton-FitlerDetails", children: [_jsx("span", { className: "searchFilterButton-FitlerDetails-SpinningPlus", children: _jsx(GetSvgIcon, { iconType: "boldPlus", iconSize: "18" }) }), filterText] })), filterCount !== 0 && !isFilterLoading && (_jsx("div", { className: "searchFilterButton-RigthIcon", children: _jsx(CountCancelButton, { count: filterCount, onClick: onCancelClick, dataCy: dataCyCancel, isDisabled: isDisabled }) }))] }));
|
|
16
16
|
};
|
|
17
17
|
export default SearchFilterButton;
|