@ayseaistudio/ui-components 3.11.9 → 3.12.1
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/BarChart/BarChart.d.ts +34 -0
- package/dist/BarChart/BarChart.js +257 -0
- package/dist/BarChart/index.d.ts +2 -0
- package/dist/BarChart/index.js +1 -0
- package/dist/BarChart/style.css +317 -0
- package/dist/LineBarHorizontal/LineBarHorizontal.d.ts +25 -0
- package/dist/LineBarHorizontal/LineBarHorizontal.js +16 -0
- package/dist/LineBarHorizontal/index.d.ts +1 -0
- package/dist/LineBarHorizontal/index.js +1 -0
- package/dist/LineBarHorizontal/style.css +44 -0
- package/dist/LineBarVertical/LineBarVertical.d.ts +14 -0
- package/dist/LineBarVertical/LineBarVertical.js +10 -0
- package/dist/LineBarVertical/index.d.ts +1 -0
- package/dist/LineBarVertical/index.js +1 -0
- package/dist/LineBarVertical/style.css +33 -0
- package/dist/PieChart/PieChart.d.ts +38 -0
- package/dist/PieChart/PieChart.js +285 -0
- package/dist/PieChart/index.d.ts +1 -0
- package/dist/PieChart/index.js +1 -0
- package/dist/PieChart/style.css +59 -0
- package/dist/ValueDots/ValueDots.d.ts +15 -0
- package/dist/ValueDots/ValueDots.js +33 -0
- package/dist/ValueDots/index.d.ts +1 -0
- package/dist/ValueDots/index.js +1 -0
- package/dist/ValueDots/style.css +129 -0
- package/dist/ValueLabel/ValueLabel.d.ts +23 -0
- package/dist/ValueLabel/ValueLabel.js +14 -0
- package/dist/ValueLabel/index.d.ts +1 -0
- package/dist/ValueLabel/index.js +1 -0
- package/dist/ValueLabel/style.css +23 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +7 -0
- package/package.json +1 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import PropTypes from "prop-types";
|
|
2
|
+
import "./style.css";
|
|
3
|
+
interface Props {
|
|
4
|
+
spacing: "ON" | "OFF";
|
|
5
|
+
stroke: "ON" | "OFF";
|
|
6
|
+
twoDot: "ON" | "OFF";
|
|
7
|
+
className?: any;
|
|
8
|
+
labelText: string;
|
|
9
|
+
valueDotsValue: string;
|
|
10
|
+
valueDotsSize: "small" | "XX-small" | "x-small";
|
|
11
|
+
isStriked?: boolean;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const ValueLabel: {
|
|
15
|
+
({ spacing, stroke, twoDot, className, labelText, valueDotsValue, valueDotsSize, isStriked, onClick, }: Props): React.JSX.Element;
|
|
16
|
+
propTypes: {
|
|
17
|
+
spacing: PropTypes.Requireable<string>;
|
|
18
|
+
stroke: PropTypes.Requireable<string>;
|
|
19
|
+
twoDot: PropTypes.Requireable<string>;
|
|
20
|
+
isStriked: PropTypes.Requireable<boolean>;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import "./style.css";
|
|
4
|
+
import { ValueDots } from "../ValueDots";
|
|
5
|
+
import { Label } from "../Label";
|
|
6
|
+
export const ValueLabel = ({ spacing, stroke, twoDot, className, labelText, valueDotsValue, valueDotsSize, isStriked = false, onClick, }) => {
|
|
7
|
+
return (_jsxs("div", { className: `value-label ${spacing} ${stroke} ${twoDot} ${isStriked ? "striked" : ""} ${className}`, onClick: onClick, children: [_jsx(ValueDots, { className: "value-dots-instance", size: valueDotsSize, value: valueDotsValue }), _jsx(Label, { bold: "off", className: "label-instance", color: "black", size: "small", spacing: "off", stroke: "off", text: labelText, version: "primary" })] }));
|
|
8
|
+
};
|
|
9
|
+
ValueLabel.propTypes = {
|
|
10
|
+
spacing: PropTypes.oneOf(["ON", "OFF"]),
|
|
11
|
+
stroke: PropTypes.oneOf(["ON", "OFF"]),
|
|
12
|
+
twoDot: PropTypes.oneOf(["ON", "OFF"]),
|
|
13
|
+
isStriked: PropTypes.bool,
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ValueLabel } from "./ValueLabel";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ValueLabel } from "./ValueLabel";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
.value-label {
|
|
2
|
+
align-items: center;
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
gap: 4px;
|
|
5
|
+
position: relative;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.value-label * {
|
|
9
|
+
cursor: pointer !important;
|
|
10
|
+
}
|
|
11
|
+
.value-label.ON {
|
|
12
|
+
padding: 4px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.value-label.ON {
|
|
16
|
+
border: 1px solid;
|
|
17
|
+
border-color: #e7e7e7;
|
|
18
|
+
border-radius: 8px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.value-label.striked .label-instance {
|
|
22
|
+
text-decoration: line-through;
|
|
23
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -40,3 +40,11 @@ export { ColorFlag } from "./ColorFlag/ColorFlag";
|
|
|
40
40
|
export { CallCenterTasks } from "./CallCenterTasks/CallCenterTasks";
|
|
41
41
|
export { Breadcrumbs } from "./Breadcrumbs/Breadcrumbs";
|
|
42
42
|
export { Calendar } from "./Calendar/Calendar";
|
|
43
|
+
export { ValueDots } from "./ValueDots/ValueDots";
|
|
44
|
+
export { ValueLabel } from "./ValueLabel/ValueLabel";
|
|
45
|
+
export { PieChart } from "./PieChart/PieChart";
|
|
46
|
+
export { LineBarVertical } from "./LineBarVertical/LineBarVertical";
|
|
47
|
+
export { LineBarHorizontal } from "./LineBarHorizontal/LineBarHorizontal";
|
|
48
|
+
export { BarChart } from "./BarChart/BarChart";
|
|
49
|
+
export { GroupedBarChart } from "./BarChart/BarChart";
|
|
50
|
+
export type { ChartColumn, ChartSegment, LegendItem } from "./BarChart";
|
package/dist/index.js
CHANGED
|
@@ -40,3 +40,10 @@ export { ColorFlag } from "./ColorFlag/ColorFlag";
|
|
|
40
40
|
export { CallCenterTasks } from "./CallCenterTasks/CallCenterTasks";
|
|
41
41
|
export { Breadcrumbs } from "./Breadcrumbs/Breadcrumbs";
|
|
42
42
|
export { Calendar } from "./Calendar/Calendar";
|
|
43
|
+
export { ValueDots } from "./ValueDots/ValueDots";
|
|
44
|
+
export { ValueLabel } from "./ValueLabel/ValueLabel";
|
|
45
|
+
export { PieChart } from "./PieChart/PieChart";
|
|
46
|
+
export { LineBarVertical } from "./LineBarVertical/LineBarVertical";
|
|
47
|
+
export { LineBarHorizontal } from "./LineBarHorizontal/LineBarHorizontal";
|
|
48
|
+
export { BarChart } from "./BarChart/BarChart";
|
|
49
|
+
export { GroupedBarChart } from "./BarChart/BarChart";
|