oolib 2.119.1 → 2.120.0
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/components/PercentBarChart/index.d.ts +2 -2
- package/dist/components/PercentBarChart/index.js +11 -11
- package/dist/icons/custom/index.d.ts +3 -0
- package/dist/icons/custom/index.js +19 -1
- package/dist/icons/index.d.ts +6 -0
- package/dist/icons/index.js +4 -1
- package/dist/stories/PercentBarChart.stories.js +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export declare const PercentBarChart: ({ data: _data, title, valuePath,
|
|
2
|
+
export declare const PercentBarChart: ({ data: _data, title, valuePath, labelPath, onClick, colors }: {
|
|
3
3
|
data: any;
|
|
4
4
|
valuePath: string;
|
|
5
|
+
labelPath: string;
|
|
5
6
|
title?: string;
|
|
6
|
-
display: string;
|
|
7
7
|
onClick?: (name: string) => void;
|
|
8
8
|
colors?: string[];
|
|
9
9
|
}) => React.JSX.Element;
|
|
@@ -78,15 +78,15 @@ var _dataSample = [
|
|
|
78
78
|
{ name: "AA+", value: 5.63, Type: 3 },
|
|
79
79
|
];
|
|
80
80
|
var PercentBarChart = function (_a) {
|
|
81
|
-
var _b = _a.data, _data = _b === void 0 ? _dataSample : _b, title = _a.title, _c = _a.valuePath, valuePath = _c === void 0 ? "value" : _c, _d = _a.
|
|
81
|
+
var _b = _a.data, _data = _b === void 0 ? _dataSample : _b, title = _a.title, _c = _a.valuePath, valuePath = _c === void 0 ? "value" : _c, _d = _a.labelPath, labelPath = _d === void 0 ? "name" : _d, onClick = _a.onClick, _e = _a.colors, colors = _e === void 0 ? chartColors : _e;
|
|
82
82
|
var data = (0, react_1.useMemo)(function () {
|
|
83
83
|
var finalData = __spreadArray([], _data, true);
|
|
84
|
-
finalData = finalData.map(function (d, i) { return (__assign(__assign({}, d), { value: d[valuePath], name: d[
|
|
84
|
+
finalData = finalData.map(function (d, i) { return (__assign(__assign({}, d), { value: d[valuePath], name: d[labelPath], color: (colors)[i % (colors).length] })); });
|
|
85
85
|
finalData.sort(function (a, b) {
|
|
86
86
|
return Number(b.value || 0) - Number(a.value || 0);
|
|
87
87
|
});
|
|
88
88
|
return finalData;
|
|
89
|
-
}, [_data,
|
|
89
|
+
}, [_data, labelPath, valuePath]);
|
|
90
90
|
var _f = (0, react_1.useState)(undefined), activeBar = _f[0], setActiveBar = _f[1];
|
|
91
91
|
var changeBarOpacityFn = function (name) {
|
|
92
92
|
return activeBar && activeBar !== name ? 0.4 : 1;
|
|
@@ -102,16 +102,16 @@ var PercentBarChart = function (_a) {
|
|
|
102
102
|
bottom: 0,
|
|
103
103
|
} },
|
|
104
104
|
react_1.default.createElement(recharts_1.XAxis, { hide: true, type: "number" }),
|
|
105
|
-
react_1.default.createElement(recharts_1.YAxis, { hide: true, type: "category", width: 250, dataKey:
|
|
106
|
-
react_1.default.createElement(recharts_1.Bar, { style: { cursor: "pointer" }, dataKey: "value", unit: "%", onMouseOver: function (args) { return setActiveBar(args[
|
|
107
|
-
setActiveBar(args[
|
|
108
|
-
onClick(args[
|
|
105
|
+
react_1.default.createElement(recharts_1.YAxis, { hide: true, type: "category", width: 250, dataKey: labelPath }),
|
|
106
|
+
react_1.default.createElement(recharts_1.Bar, { style: { cursor: "pointer" }, dataKey: "value", unit: "%", onMouseOver: function (args) { return setActiveBar(args[labelPath]); }, onMouseOut: function () { return setActiveBar(undefined); }, onMouseDown: function (args) {
|
|
107
|
+
setActiveBar(args[labelPath]);
|
|
108
|
+
onClick(args[labelPath]);
|
|
109
109
|
} },
|
|
110
|
-
react_1.default.createElement(recharts_1.LabelList, { dataKey:
|
|
110
|
+
react_1.default.createElement(recharts_1.LabelList, { dataKey: labelPath, position: "top", content: function (props) {
|
|
111
111
|
return renderCustomizedLabel({
|
|
112
112
|
y: props.y,
|
|
113
113
|
value: props.value,
|
|
114
|
-
opacity: changeBarOpacityFn(props[
|
|
114
|
+
opacity: changeBarOpacityFn(props[labelPath]),
|
|
115
115
|
});
|
|
116
116
|
} }),
|
|
117
117
|
react_1.default.createElement(recharts_1.LabelList, { dataKey: "value", offset: 0, content: function (props) {
|
|
@@ -121,9 +121,9 @@ var PercentBarChart = function (_a) {
|
|
|
121
121
|
height: props.height,
|
|
122
122
|
value: props.value,
|
|
123
123
|
suffix: "%",
|
|
124
|
-
opacity: changeBarOpacityFn(props[
|
|
124
|
+
opacity: changeBarOpacityFn(props[labelPath]),
|
|
125
125
|
});
|
|
126
126
|
} }),
|
|
127
|
-
data.map(function (entry, index) { return (react_1.default.createElement(recharts_1.Cell, { opacity: changeBarOpacityFn(entry[
|
|
127
|
+
data.map(function (entry, index) { return (react_1.default.createElement(recharts_1.Cell, { opacity: changeBarOpacityFn(entry[labelPath]), key: "cell-".concat(index), height: 30, fill: entry.color })); })))))));
|
|
128
128
|
};
|
|
129
129
|
exports.PercentBarChart = PercentBarChart;
|
|
@@ -63,3 +63,6 @@ export declare const ChileFlag: (props: any) => React.JSX.Element;
|
|
|
63
63
|
export declare const PakistanFlag: (props: any) => React.JSX.Element;
|
|
64
64
|
export declare const SpainFlag: (props: any) => React.JSX.Element;
|
|
65
65
|
export declare const Stars: (props: any) => React.JSX.Element;
|
|
66
|
+
export declare const Celebrate: (props: any) => React.JSX.Element;
|
|
67
|
+
export declare const Inspiring: (props: any) => React.JSX.Element;
|
|
68
|
+
export declare const Learning: (props: any) => React.JSX.Element;
|
|
@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.USAFlag = exports.UKFlag = exports.MalaysiaFlag = exports.ColombiaFlag = exports.BrazilFlag = exports.AudioEmbedIcon = exports.VideoEmbedIcon = exports.Attachment2 = exports.PDFIcon = exports.RichFormatToolOrderedList = exports.RichFormatToolUnorderedList = exports.RichFormatToolH2 = exports.RichFormatToolBlockquote = exports.LinkIcon = exports.UnderlineBtn = exports.ItalicBtn = exports.BoldBtn = exports.SettingsSM = exports.Close_S = exports.UploadImage = exports.KebabMenu = exports.Website_solid_SM = exports.Phone_solid_SM = exports.Mail_solid_SM = exports.Youtube_solid_SM = exports.Instagram_solid_SM = exports.Twitter_solid_SM = exports.Linkedin_solid_SM = exports.Facebook_solid_SM = exports.EditSM = exports.AddXS = exports.UploadSM = exports.Download = exports.Download__nofill = exports.Index = exports.Person14 = exports.Location14 = exports.ModalBulbIcon = exports.KenyaFlag = exports.NigeriaFlag = exports.IndiaFlag = exports.BadgeVetted = exports.BadgeMod = exports.BadgeSuperAdmin = exports.BadgeAdmin = exports.OkeGoogleIcon = exports.LetterH = exports.LanguageIcon = exports.MultipleImages = exports.IndexIcon = void 0;
|
|
18
|
-
exports.Stars = exports.SpainFlag = exports.PakistanFlag = exports.ChileFlag = exports.IndonesiaFlag = void 0;
|
|
18
|
+
exports.Learning = exports.Inspiring = exports.Celebrate = exports.Stars = exports.SpainFlag = exports.PakistanFlag = exports.ChileFlag = exports.IndonesiaFlag = void 0;
|
|
19
19
|
var react_1 = __importDefault(require("react"));
|
|
20
20
|
var themes_1 = require("../../themes");
|
|
21
21
|
var DisplayIcon_1 = require("../../utils/comps/DisplayIcon");
|
|
@@ -429,3 +429,21 @@ var Stars = function (props) {
|
|
|
429
429
|
react_1.default.createElement("path", { fill: "#000", d: "M17.027 11.35 12.19 9.562l-1.78-4.84a1.493 1.493 0 0 0-2.802 0l-1.793 4.84-4.84 1.78a1.492 1.492 0 0 0 0 2.802l4.84 1.793 1.782 4.839a1.493 1.493 0 0 0 2.8 0l1.793-4.84 4.84-1.78a1.492 1.492 0 0 0 0-2.802l-.004-.006Zm-5.68 3.296a.75.75 0 0 0-.444.444l-1.9 5.146-1.895-5.142a.75.75 0 0 0-.448-.448L1.518 12.75l5.142-1.896a.75.75 0 0 0 .448-.448l1.896-5.142 1.895 5.142a.75.75 0 0 0 .445.445l5.146 1.899-5.142 1.896ZM12.005 3a.75.75 0 0 1 .75-.75h1.5V.75a.75.75 0 1 1 1.5 0v1.5h1.5a.75.75 0 1 1 0 1.5h-1.5v1.5a.75.75 0 1 1-1.5 0v-1.5h-1.5a.75.75 0 0 1-.75-.75Zm9.75 4.5a.75.75 0 0 1-.75.75h-.75V9a.75.75 0 1 1-1.5 0v-.75h-.75a.75.75 0 1 1 0-1.5h.75V6a.75.75 0 1 1 1.5 0v.75h.75a.75.75 0 0 1 .75.75Z" })));
|
|
430
430
|
};
|
|
431
431
|
exports.Stars = Stars;
|
|
432
|
+
// reactions
|
|
433
|
+
var Celebrate = function (props) {
|
|
434
|
+
return (react_1.default.createElement("svg", { viewBox: "0 0 16 19", xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, fill: "none" },
|
|
435
|
+
react_1.default.createElement("path", { d: "M10.0149 1.78084V0.593613C10.0149 0.436177 10.0751 0.285189 10.1823 0.173865C10.2895 0.0625412 10.4348 0 10.5864 0C10.7379 0 10.8833 0.0625412 10.9905 0.173865C11.0976 0.285189 11.1578 0.436177 11.1578 0.593613V1.78084C11.1578 1.93827 11.0976 2.08926 10.9905 2.20059C10.8833 2.31191 10.7379 2.37445 10.5864 2.37445C10.4348 2.37445 10.2895 2.31191 10.1823 2.20059C10.0751 2.08926 10.0149 1.93827 10.0149 1.78084ZM12.5779 3.04226C12.6675 3.09943 12.7706 3.12949 12.8758 3.12908C12.9738 3.12924 13.0703 3.10318 13.1559 3.05341C13.2414 3.00364 13.3132 2.93183 13.3644 2.84489L13.9358 1.87211C13.9749 1.80545 14.0009 1.73146 14.0125 1.65435C14.024 1.57725 14.0208 1.49853 14.0031 1.4227C13.9853 1.34688 13.9534 1.27542 13.9091 1.21242C13.8647 1.14942 13.8089 1.0961 13.7447 1.05552C13.6806 1.01493 13.6093 0.987873 13.5351 0.975883C13.4609 0.963894 13.3851 0.96721 13.3121 0.985641C13.2391 1.00407 13.1703 1.03726 13.1097 1.08331C13.049 1.12935 12.9977 1.18736 12.9586 1.25401L12.3872 2.22605C12.3481 2.29264 12.322 2.36658 12.3104 2.44366C12.2988 2.52073 12.302 2.59941 12.3197 2.67522C12.3374 2.75102 12.3693 2.82245 12.4136 2.88544C12.4579 2.94842 12.5138 3.00171 12.5779 3.04226ZM15.9716 3.97646C15.9486 3.90217 15.9117 3.83332 15.8631 3.77386C15.8144 3.71439 15.7549 3.66548 15.6881 3.62992C15.6212 3.59436 15.5482 3.57284 15.4733 3.56661C15.3984 3.56037 15.3231 3.56954 15.2516 3.59358L14.1758 3.95346C14.0459 3.99662 13.9351 4.08666 13.8634 4.2073C13.7918 4.32794 13.7641 4.47122 13.7854 4.61123C13.8066 4.75124 13.8753 4.87874 13.9792 4.97067C14.083 5.06261 14.2151 5.11291 14.3516 5.11249C14.4112 5.11225 14.4705 5.10249 14.5273 5.08355L15.6023 4.72367C15.6742 4.69985 15.7407 4.6615 15.7982 4.61084C15.8557 4.56017 15.903 4.49818 15.9373 4.42845C15.9717 4.35872 15.9924 4.28262 15.9983 4.20453C16.0041 4.12645 15.9951 4.04793 15.9716 3.97349V3.97646ZM14.0708 7.24059C14.676 8.33365 14.9314 9.59811 14.8002 10.8517C14.669 12.1052 14.158 13.2831 13.3408 14.2155C13.3165 14.3439 13.2894 14.4723 13.2558 14.5999C12.9612 15.7349 12.3494 16.7538 11.4978 17.528C10.6461 18.3021 9.59273 18.7968 8.47064 18.9496C7.34854 19.1023 6.20803 18.9063 5.1931 18.3862C4.17818 17.8662 3.33434 17.0454 2.76813 16.0275L0.248719 11.5012C0.0956929 11.2259 0.0105699 10.9154 0.000922688 10.5976C-0.0087245 10.2798 0.0574032 9.96442 0.193423 9.67956C0.329442 9.3947 0.531136 9.14917 0.78056 8.96483C1.02998 8.7805 1.3194 8.66306 1.62307 8.62297L1.40878 8.23712C1.25595 7.96195 1.1709 7.65184 1.16118 7.33433C1.15146 7.01681 1.21738 6.70172 1.35307 6.41702C1.48876 6.13233 1.69003 5.88685 1.93901 5.70238C2.18798 5.5179 2.47696 5.40015 2.78027 5.35958L2.73027 5.26831C2.51843 4.88934 2.4371 4.44673 2.49969 4.01335C2.56227 3.57997 2.76503 3.18163 3.07459 2.8839C3.38416 2.58617 3.78208 2.4068 4.20287 2.37529C4.62365 2.34379 5.04222 2.46204 5.38969 2.71058C5.55738 2.42369 5.79407 2.18707 6.07648 2.024C6.3589 1.86093 6.67731 1.77703 7.0004 1.78055C7.32349 1.78407 7.64014 1.87489 7.9192 2.04407C8.19826 2.21325 8.43013 2.45497 8.59199 2.74546L9.46775 4.31853C9.654 4.06619 9.89727 3.86543 10.176 3.73403C10.4548 3.60262 10.7604 3.54463 11.0659 3.56517C11.3714 3.58571 11.6673 3.68416 11.9274 3.8518C12.1875 4.01945 12.4038 4.25111 12.5572 4.5263L14.0708 7.24059ZM6.36116 4.08109L8.14697 7.28437C8.29591 7.08189 8.48199 6.91207 8.69446 6.78471C8.90694 6.65735 9.14159 6.57498 9.38488 6.54235L7.60051 3.33907C7.50579 3.16835 7.34965 3.04371 7.16646 2.99257C6.98327 2.94143 6.78802 2.96798 6.62368 3.06638C6.45933 3.16478 6.33934 3.32696 6.29011 3.51726C6.24088 3.70755 6.26644 3.91037 6.36116 4.08109ZM3.72175 4.6747L4.1832 5.50353C4.3322 5.30128 4.5182 5.13162 4.73052 5.00428C4.94284 4.87694 5.17729 4.79444 5.4204 4.76152L4.95967 3.93268C4.91276 3.84825 4.85031 3.77424 4.77587 3.71488C4.70143 3.65551 4.61647 3.61196 4.52583 3.58671C4.43519 3.56146 4.34064 3.555 4.2476 3.5677C4.15455 3.5804 4.06483 3.61201 3.98355 3.66074C3.90226 3.70946 3.83101 3.77433 3.77387 3.85166C3.71672 3.92898 3.6748 4.01724 3.65049 4.11139C3.62618 4.20555 3.61996 4.30376 3.63218 4.40041C3.64441 4.49706 3.67484 4.59027 3.72175 4.6747ZM11.6893 10.685L10.2449 8.08797C10.1573 7.91342 10.0065 7.78216 9.82574 7.72309C9.64496 7.66402 9.44899 7.68197 9.28095 7.77299C9.11291 7.864 8.98656 8.02064 8.92969 8.20843C8.87282 8.39622 8.8901 8.59978 8.97772 8.77434L9.87777 10.3882C9.95355 10.5247 9.97403 10.6869 9.93471 10.839C9.8954 10.9912 9.7995 11.1209 9.66811 11.1996C9.53673 11.2783 9.38062 11.2996 9.23414 11.2588C9.08765 11.2179 8.96278 11.1183 8.887 10.9818L6.27973 6.30713C6.18501 6.13642 6.02887 6.01178 5.84568 5.96064C5.66249 5.9095 5.46724 5.93605 5.3029 6.03444C5.13855 6.13284 5.01856 6.29503 4.96933 6.48532C4.9201 6.67562 4.94566 6.87843 5.04038 7.04915L6.90119 10.3882C6.97697 10.5247 6.99746 10.6869 6.95814 10.839C6.91882 10.9912 6.82292 11.1209 6.69154 11.1996C6.56015 11.2783 6.40405 11.2996 6.25756 11.2588C6.11108 11.2179 5.98621 11.1183 5.91043 10.9818L3.64174 6.90075C3.54702 6.73022 3.39096 6.60577 3.2079 6.55477C3.02485 6.50377 2.82978 6.5304 2.66562 6.6288C2.50147 6.7272 2.38166 6.8893 2.33256 7.07946C2.28347 7.26961 2.3091 7.47224 2.40383 7.64276L4.91966 12.1691C4.99544 12.3057 5.01585 12.4681 4.9764 12.6204C4.93695 12.7727 4.84087 12.9025 4.7093 12.9812C4.57772 13.0599 4.42144 13.0811 4.27482 13.0401C4.12819 12.9992 4.00325 12.8993 3.92747 12.7627L2.47883 10.1656C2.3841 9.995 2.22801 9.87045 2.04488 9.81938C1.86176 9.76831 1.6666 9.7949 1.50235 9.8933C1.3381 9.99169 1.2182 10.1538 1.16904 10.3441C1.11988 10.5343 1.14547 10.737 1.2402 10.9076L3.75961 15.4339C4.21281 16.2478 4.88799 16.9039 5.6999 17.3195C6.51182 17.7351 7.42407 17.8915 8.32147 17.7689C9.21887 17.6463 10.0612 17.2503 10.7421 16.6308C11.423 16.0113 11.9119 15.1962 12.1472 14.2883C12.3042 13.6861 12.3446 13.0575 12.266 12.439C12.1874 11.8204 11.9914 11.2243 11.6893 10.685ZM13.0758 7.8342L11.5657 5.11991C11.5188 5.03523 11.4563 4.96098 11.3818 4.90139C11.3072 4.8418 11.2222 4.79805 11.1313 4.77262C10.948 4.72128 10.7524 4.74771 10.5878 4.84611C10.5878 4.84611 10.4348 4.95975 10.3774 5.03717C10.3201 5.11458 10.278 5.20298 10.2535 5.29731C10.204 5.48781 10.2295 5.69091 10.3242 5.86193L12.6815 10.0951C13.0082 10.6804 13.2365 11.3193 13.3565 11.9843C13.6148 11.3155 13.7237 10.5946 13.6751 9.87575C13.6265 9.15692 13.4216 8.4589 13.0758 7.8342Z", fill: "#F28A2A" })));
|
|
436
|
+
};
|
|
437
|
+
exports.Celebrate = Celebrate;
|
|
438
|
+
var Inspiring = function (props) {
|
|
439
|
+
return (react_1.default.createElement("svg", { width: props.size || 30, height: props.size || 30, viewBox: "0 0 18 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
440
|
+
react_1.default.createElement("path", { d: "M10.0435 1C6.2015 1 3.08696 4.09957 3.08696 7.92308L1.29406 11.4916C1.12751 11.8231 1.24117 12.2269 1.55619 12.4229L3.78261 13.8077V16.898C3.78261 17.2942 4.1038 17.6154 4.5 17.6154H8.65217V19H14.913L14.2174 13.462C15.9071 12.199 17 10.1881 17 7.92308C17 4.09957 13.8855 1 10.0435 1Z", fill: "#D0FCBB" }),
|
|
441
|
+
react_1.default.createElement("path", { d: "M8.65217 17.6154H4.5C4.1038 17.6154 3.78261 17.2942 3.78261 16.898V13.8077L1.55619 12.4229C1.24117 12.2269 1.12751 11.8231 1.29406 11.4916L3.08696 7.92308C3.08696 4.09957 6.2015 1 10.0435 1C13.8855 1 17 4.09957 17 7.92308C17 10.1881 15.9071 12.199 14.2174 13.462L14.913 19", stroke: "#57C921", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
442
|
+
react_1.default.createElement("path", { d: "M7.86645 13.5H11.0751M13 7.33333C13 5.49238 11.433 4 9.5 4C7.567 4 6 5.49238 6 7.33333C6 8.45984 6.58675 9.45582 7.48506 10.0592C7.71002 10.2103 7.86645 10.4531 7.86645 10.7241V10.9746C7.86645 11.1727 8.02704 11.3333 8.22514 11.3333H10.7164C10.9145 11.3333 11.0751 11.1727 11.0751 10.9746V10.762C11.0751 10.4862 11.2368 10.2402 11.4682 10.0901C12.3928 9.49016 13 8.47928 13 7.33333Z", stroke: "#57C921", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
443
|
+
};
|
|
444
|
+
exports.Inspiring = Inspiring;
|
|
445
|
+
var Learning = function (props) {
|
|
446
|
+
return (react_1.default.createElement("svg", { width: props.size || 30, height: props.size || 30, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
447
|
+
react_1.default.createElement("path", { d: "M17.3571 4.00065H11.5714C11.0724 4.00065 10.5803 4.12113 10.134 4.35254C9.68763 4.58396 9.2994 4.91995 9 5.33392C8.7006 4.91995 8.31236 4.58396 7.86604 4.35254C7.41972 4.12113 6.92757 4.00065 6.42857 4.00065H0.642857C0.472361 4.00065 0.308848 4.07088 0.188288 4.1959C0.0677294 4.32092 0 4.49048 0 4.66728V14.6668C0 14.8436 0.0677294 15.0132 0.188288 15.1382C0.308848 15.2632 0.472361 15.3335 0.642857 15.3335H6.42857C6.94006 15.3335 7.4306 15.5442 7.79228 15.9192C8.15395 16.2943 8.35714 16.803 8.35714 17.3334C8.35714 17.5102 8.42487 17.6797 8.54543 17.8047C8.66599 17.9298 8.8295 18 9 18C9.1705 18 9.33401 17.9298 9.45457 17.8047C9.57513 17.6797 9.64286 17.5102 9.64286 17.3334C9.64286 16.803 9.84604 16.2943 10.2077 15.9192C10.5694 15.5442 11.0599 15.3335 11.5714 15.3335H17.3571C17.5276 15.3335 17.6912 15.2632 17.8117 15.1382C17.9323 15.0132 18 14.8436 18 14.6668V4.66728C18 4.49048 17.9323 4.32092 17.8117 4.1959C17.6912 4.07088 17.5276 4.00065 17.3571 4.00065ZM6.42857 14.0002H1.28571V5.33392H6.42857C6.94006 5.33392 7.4306 5.54462 7.79228 5.91968C8.15395 6.29473 8.35714 6.80342 8.35714 7.33383V14.6668C7.80128 14.2331 7.12423 13.999 6.42857 14.0002ZM16.7143 14.0002H11.5714C10.8758 13.999 10.1987 14.2331 9.64286 14.6668V7.33383C9.64286 6.80342 9.84604 6.29473 10.2077 5.91968C10.5694 5.54462 11.0599 5.33392 11.5714 5.33392H16.7143V14.0002ZM5.91429 1.59993C6.27357 1.10316 6.73945 0.69997 7.27503 0.422272C7.81062 0.144574 8.4012 0 9 0C9.5988 0 10.1894 0.144574 10.725 0.422272C11.2606 0.69997 11.7264 1.10316 12.0857 1.59993C12.1882 1.74126 12.2324 1.91903 12.2085 2.09413C12.1846 2.26924 12.0946 2.42733 11.9583 2.53363C11.8221 2.63994 11.6506 2.68574 11.4818 2.66097C11.3129 2.6362 11.1605 2.54289 11.0579 2.40156C10.8185 2.07006 10.5078 1.80099 10.1506 1.61565C9.79336 1.43032 9.39943 1.33383 9 1.33383C8.60057 1.33383 8.20664 1.43032 7.84942 1.61565C7.49221 1.80099 7.18154 2.07006 6.94205 2.40156C6.89129 2.47154 6.82774 2.53046 6.75502 2.57497C6.6823 2.61948 6.60184 2.64871 6.51823 2.66097C6.43462 2.67324 6.3495 2.6683 6.26773 2.64645C6.18596 2.62461 6.10914 2.58627 6.04165 2.53363C5.97417 2.481 5.91734 2.41509 5.87442 2.33968C5.8315 2.26427 5.80332 2.18084 5.79149 2.09413C5.77966 2.00743 5.78442 1.91916 5.80549 1.83437C5.82656 1.74957 5.86353 1.66991 5.91429 1.59993Z", fill: "#ED6057" })));
|
|
448
|
+
};
|
|
449
|
+
exports.Learning = Learning;
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -164,6 +164,9 @@ export namespace icons {
|
|
|
164
164
|
export { PakistanFlag };
|
|
165
165
|
export { SpainFlag };
|
|
166
166
|
export { Stars };
|
|
167
|
+
export { Celebrate };
|
|
168
|
+
export { Inspiring };
|
|
169
|
+
export { Learning };
|
|
167
170
|
}
|
|
168
171
|
import { PencilSimple } from 'phosphor-react';
|
|
169
172
|
import { PencilLine } from 'phosphor-react';
|
|
@@ -330,3 +333,6 @@ import { ChileFlag } from "./custom";
|
|
|
330
333
|
import { PakistanFlag } from "./custom";
|
|
331
334
|
import { SpainFlag } from "./custom";
|
|
332
335
|
import { Stars } from "./custom";
|
|
336
|
+
import { Celebrate } from "./custom";
|
|
337
|
+
import { Inspiring } from "./custom";
|
|
338
|
+
import { Learning } from "./custom";
|
package/dist/icons/index.js
CHANGED
|
@@ -169,5 +169,8 @@ exports.icons = {
|
|
|
169
169
|
ChileFlag: custom_1.ChileFlag,
|
|
170
170
|
PakistanFlag: custom_1.PakistanFlag,
|
|
171
171
|
SpainFlag: custom_1.SpainFlag,
|
|
172
|
-
Stars: custom_1.Stars
|
|
172
|
+
Stars: custom_1.Stars,
|
|
173
|
+
Celebrate: custom_1.Celebrate,
|
|
174
|
+
Inspiring: custom_1.Inspiring,
|
|
175
|
+
Learning: custom_1.Learning
|
|
173
176
|
};
|
|
@@ -20,6 +20,6 @@ var PercentBarChart_ = function (args) {
|
|
|
20
20
|
console.log("Bar clicked: ".concat(name));
|
|
21
21
|
};
|
|
22
22
|
return (react_1.default.createElement("div", null,
|
|
23
|
-
react_1.default.createElement(PercentBarChart_1.PercentBarChart, { data: data,
|
|
23
|
+
react_1.default.createElement(PercentBarChart_1.PercentBarChart, { data: data, labelPath: "name", valuePath: "value", title: "This is PercentBarChart representing the data", onClick: handleBarClick })));
|
|
24
24
|
};
|
|
25
25
|
exports.PercentBarChart_ = PercentBarChart_;
|