onesight-charts 1.4.2 → 1.4.3

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.
Files changed (6) hide show
  1. package/dist/onesight-charts.min.js +1 -1
  2. package/es/components/common-bar/demo/diverging.js +48 -76
  3. package/es/components/common-bar/index.js +126 -243
  4. package/lib/components/common-bar/demo/diverging.js +48 -80
  5. package/lib/components/common-bar/index.js +134 -208
  6. package/package.json +1 -1
package/lib/components/common-bar/demo/diverging.js CHANGED
@@ -36,100 +36,68 @@ var import_react = __toESM(require("react"));
36
36
  var import__ = __toESM(require("../index"));
37
37
  var data = [
38
38
  {
39
- name: "@shejiaohaoshejiaohaoshejiaohaoshejiaohaoshejiaohaoshejiaohao",
40
- alias: "@shejiao别名1",
41
- alias2: "@shejiao别名12",
42
- aliasArray: ["@shejiao别名1-1", "@shejiao别名1-2"],
43
- value: 1004,
44
- platformIcon: "/img/news.svg"
39
+ name: "Instagram",
40
+ value: 15934848,
41
+ proportion: 71.84,
42
+ alias: "instagram",
43
+ color: "#E1306C",
44
+ platformIcon: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik05Ljg3OC40NzdhMy42NDUgMy42NDUgMCAwIDEgMy42NDUgMy42NDV2NS43NTZhMy42NDUgMy42NDUgMCAwIDEtMy42NDUgMy42NDVINC4xMjJBMy42NDUgMy42NDUgMCAwIDEgLjQ3NyA5Ljg3OFY0LjEyMkEzLjY0NSAzLjY0NSAwIDAgMSA0LjEyMi40NzdoNS43NTZabTAgMS4yNDdINC4xMjJhMi4zOTggMi4zOTggMCAwIDAtMi4zOTggMi4zOTh2NS43NTZhMi4zOTggMi4zOTggMCAwIDAgMi4zOTggMi4zOThoNS43NTZhMi4zOTggMi4zOTggMCAwIDAgMi4zOTgtMi4zOThWNC4xMjJhMi4zOTggMi4zOTggMCAwIDAtMi4zOTgtMi4zOThaTTcgMy42NDNhMy4zNTcgMy4zNTcgMCAxIDEgMCA2LjcxNCAzLjM1NyAzLjM1NyAwIDAgMSAwLTYuNzE0Wk03IDQuODlhMi4xMSAyLjExIDAgMSAwIDAgNC4yMiAyLjExIDIuMTEgMCAwIDAgMC00LjIyWm0zLjQ1My0yLjExYS43NjcuNzY3IDAgMSAxIDAgMS41MzQuNzY3Ljc2NyAwIDAgMSAwLTEuNTM1WiIgZmlsbD0iI0U0NDA1RiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvZz48L3N2Zz4="
45
45
  },
46
46
  {
47
- name: "@shejiaohao",
48
- alias: "@shejiao别名2",
49
- alias2: "@shejiao别名12",
50
- aliasArray: ["@shejiao别名2-1", "@shejiao别名2-2"],
51
- value: -932,
52
- platformIcon: "/img/blogs.svg"
47
+ name: "YouTube",
48
+ value: 6974230,
49
+ proportion: 31.44,
50
+ alias: "youtube",
51
+ color: "#FF0000",
52
+ platformIcon: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+"
53
53
  },
54
54
  {
55
- name: "@shejiaohao",
56
- alias: "@shejiao别名3",
57
- alias2: "@shejiao别名12",
58
- aliasArray: ["@shejiao别名3-1", "@shejiao别名3-2"],
59
- value: 658,
60
- platformIcon: "/img/board.svg"
55
+ name: "TikTok",
56
+ value: 5045004,
57
+ proportion: 22.74,
58
+ alias: "tiktok",
59
+ color: "#00CCCC",
60
+ platformIcon: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik0xMi40MDYgNS44OTVhNS4wNyA1LjA3IDAgMCAxLTIuOTY1LS45NTR2NC4zMzdhMy45MzIgMy45MzIgMCAwIDEtMy45MjQgMy45MjcgMy45MDcgMy45MDcgMCAwIDEtMi4yNDgtLjcxMmwtLjE3NS0uMTNhMy45MjMgMy45MjMgMCAwIDEgMi45NS02Ljk3MnYyLjE3OGExLjc4OCAxLjc4OCAwIDAgMC0uNTMtLjA4NGMtLjk4NyAwLTEuNzkuODA0LTEuNzkgMS43OTMgMCAuNjg4LjM5MiAxLjI4NS45NjIgMS41ODcuMTU0LjIxMi4zNTMuMzkuNTgzLjUxOWExLjc5MiAxLjc5MiAwIDAgMS0uNTgtLjUyMmMuMjUuMTMzLjUzMi4yMDguODMxLjIwOC45NjUgMCAxLjc1NC0uNzcgMS43ODgtMS43MjZMNy4zMTEuNzk1aDIuMTNjMCAuMTg1LjAxNy4zNjYuMDUuNTQybC4wNDQuMmEyLjk4IDIuOTggMCAwIDAgMS4wOTMgMS42M2wuMTYzLjExNWMuNDY3LjMwNSAxLjAyLjQ4MSAxLjYxNS40ODF2Mi4xMzJaIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9nPjwvc3ZnPg=="
61
61
  },
62
62
  {
63
- name: "@shejiaohao",
64
- alias: "@shejiao别名4",
65
- alias2: "@shejiao别名12",
66
- aliasArray: ["@shejiao别名4-1", "@shejiao别名4-2"],
67
- value: 545,
68
- platformIcon: "/img/reviews.svg"
63
+ name: "Facebook",
64
+ value: 4870646,
65
+ proportion: 21.96,
66
+ alias: "facebook",
67
+ color: "#1877F2",
68
+ platformIcon: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik03IDBhNyA3IDAgMSAxIDAgMTRBNyA3IDAgMCAxIDcgMFptMCAxLjI3M2E1LjcyNyA1LjcyNyAwIDEgMCAwIDExLjQ1NEE1LjcyNyA1LjcyNyAwIDAgMCA3IDEuMjczWiIgZmlsbD0iIzEwNjZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTguNDk0IDMuMzM5Yy4zNjggMCAxLjAwMy4wNzIgMS4yNjQuMTQ0djEuNjFhNy43NzQgNy43NzQgMCAwIDAtLjY3My0uMDJjLS45NTQgMC0xLjMyMi4zNi0xLjMyMiAxLjN2LjYyOWgxLjkwMmwtLjMyNiAxLjc3N0g3Ljc2NnYzLjg5OGE1Ljc4IDUuNzggMCAwIDEtMi4xMTEtLjEwOVY4Ljc4aC0xLjJWNy4wMDJoMS4ydi0uNzY2YzAtMS45OC44OTYtMi44OTcgMi44MzktMi44OTdaIiBmaWxsPSIjMTA2NkZGIi8+PC9nPjwvZz48L3N2Zz4="
69
69
  },
70
70
  {
71
- name: "@shejiaohao",
72
- alias: "@shejiao别名5",
73
- alias2: "@shejiao别名12",
74
- aliasArray: ["@shejiao别名5-1", "@shejiao别名5-2"],
75
- value: 418,
76
- platformIcon: "/img/board.svg"
71
+ name: "LinkedIn",
72
+ value: 679219,
73
+ proportion: 3.06,
74
+ alias: "linkedin",
75
+ color: "#0A66C2",
76
+ platformIcon: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik0zLjg1NCAxMi43NjdoLTIuNDJ2LTcuMjZoMi40MnY3LjI2Wm0tMS4yMS04LjY3MmExLjQxMiAxLjQxMiAwIDEgMSAxLjQ1Mi0xLjQxMSAxLjQzNiAxLjQzNiAwIDAgMS0xLjQ1MiAxLjQxMVptMTAuMDgzIDguNjcyaC0yLjQyVjguOTQzYzAtMS4xNDUtLjQ4NC0xLjU1Ni0xLjExMy0xLjU1NmExLjQwNCAxLjQwNCAwIDAgMC0xLjMwNyAxLjUuNTMyLjUzMiAwIDAgMCAwIC4xMTN2My43NjdoLTIuNDJ2LTcuMjZoMi4zNHYxLjA0OWEyLjUwOSAyLjUwOSAwIDAgMSAyLjE3OC0xLjEzYzEuMjUgMCAyLjcxLjY5NCAyLjcxIDIuOTUzbC4wMzIgNC4zODhaIiBmaWxsPSIjMEM2NkMyIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9nPjwvc3ZnPg=="
77
77
  },
78
78
  {
79
- name: "@shejiaohao",
80
- alias: "@shejiao别名6",
81
- alias2: "@shejiao别名12",
82
- aliasArray: ["@shejiao别名6-1", "@shejiao别名6-2"],
83
- value: 127,
84
- platformIcon: "/img/reviews.svg"
79
+ name: "VKontakte",
80
+ value: 43865,
81
+ proportion: 0.2,
82
+ alias: "vkontakte",
83
+ color: "#6A92D4",
84
+ platformIcon: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik03LjYyMiAxMS4zNkMyLjg0IDExLjM2LjExMiA4LjA4NiAwIDIuNjMxaDIuNDA2Yy4wNzcgNCAxLjgzOSA1LjY5MiAzLjIzNyA2LjA0MlYyLjYzMmgyLjI2VjYuMDhjMS4zNzctLjE0NyAyLjgzMS0xLjcyIDMuMzItMy40NTVoMi4yNTNhNi42NjQgNi42NjQgMCAwIDEtMy4wNjMgNC4zNTdBNi45MDIgNi45MDIgMCAwIDEgMTQgMTEuMzU5aC0yLjQ4M2MtLjUzMS0xLjY1Ny0xLjg2LTIuOTQ0LTMuNjE1LTMuMTE5djMuMTJoLS4yOFoiIGZpbGw9IiMxMDc3RkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L2c+PC9zdmc+"
85
85
  },
86
86
  {
87
- name: "@shejiaohao",
88
- alias: "@shejiao别名7",
89
- alias2: "@shejiao别名12",
90
- aliasArray: ["@shejiao别名7-1", "@shejiao别名7-2"],
91
- value: 61,
92
- platformIcon: "/img/board.svg"
87
+ name: "Threads",
88
+ value: 17829,
89
+ proportion: 0.08,
90
+ alias: "threads",
91
+ color: "#8C8C8C",
92
+ platformIcon: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik05Ljk3IDYuNTQ3YTQuMzA5IDQuMzA5IDAgMCAwLS4xNjMtLjA3NGMtLjA5Ni0xLjc2NS0xLjA2LTIuNzc1LTIuNjgtMi43ODZoLS4wMjJjLS45NjggMC0xLjc3NC40MTQtMi4yNyAxLjE2NmwuODkxLjYxMWMuMzctLjU2Mi45NTItLjY4MiAxLjM4LS42ODJoLjAxNWMuNTMzLjAwNC45MzUuMTU5IDEuMTk1LjQ2MS4xOS4yMi4zMTcuNTI0LjM4LjkwOGE2LjgxMyA2LjgxMyAwIDAgMC0xLjUzMS0uMDc0Yy0xLjU0LjA4OS0yLjUzLjk4Ny0yLjQ2MyAyLjIzNS4wMzQuNjMyLjM1IDEuMTc3Ljg4OCAxLjUzMy40NTUuMyAxLjA0Mi40NDcgMS42NTIuNDE0LjgwNS0uMDQ0IDEuNDM3LS4zNTEgMS44NzctLjkxMy4zMzUtLjQyNy41NDYtLjk4LjY0LTEuNjc2LjM4NC4yMzIuNjY4LjUzNi44MjUuOTAzLjI2Ny42MjIuMjgzIDEuNjQ2LS41NTIgMi40OC0uNzMyLjczLTEuNjExIDEuMDQ3LTIuOTQgMS4wNTctMS40NzQtLjAxMS0yLjU5LS40ODQtMy4zMTQtMS40MDZDMy4wOTkgOS44NDIgMi43NDggOC41OTUgMi43MzUgN2MuMDEzLTEuNTk1LjM2NC0yLjg0MiAxLjA0My0zLjcwNC43MjUtLjkyMiAxLjg0LTEuMzk1IDMuMzE0LTEuNDA2IDEuNDg1LjAxMSAyLjYxOS40ODYgMy4zNzIgMS40MTIuMzY5LjQ1NC42NDcgMS4wMjUuODMgMS42OTFsMS4wNDQtLjI3OGMtLjIyMi0uODItLjU3Mi0xLjUyNi0xLjA0OC0yLjExMkMxMC4zMjUgMS40MTYgOC45MTQuODA4IDcuMDk1Ljc5NWgtLjAwN2MtMS44MTQuMDEzLTMuMjEuNjI0LTQuMTQ3IDEuODE1LS44MzQgMS4wNi0xLjI2NCAyLjUzNi0xLjI3OSA0LjM4NnYuMDA4Yy4wMTUgMS44NS40NDUgMy4zMjUgMS4yNzkgNC4zODYuOTM3IDEuMTkxIDIuMzMzIDEuODAyIDQuMTQ3IDEuODE1aC4wMDdjMS42MTQtLjAxMiAyLjc1LS40MzQgMy42ODgtMS4zNyAxLjIyNS0xLjIyNCAxLjE4OC0yLjc2Ljc4NC0zLjcwMS0uMjktLjY3Ni0uODQyLTEuMjI1LTEuNTk4LTEuNTg3Wk03LjE4MyA5LjE2NmMtLjY3NS4wMzgtMS4zNzYtLjI2NS0xLjQxLS45MTQtLjAyNi0uNDguMzQyLTEuMDE4IDEuNDUxLTEuMDgyLjEyOC0uMDA3LjI1Mi0uMDEuMzc1LS4wMS40MDMgMCAuNzguMDM5IDEuMTIyLjExNC0uMTI3IDEuNTk2LS44NzcgMS44NTUtMS41MzggMS44OTJaIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9nPjwvc3ZnPg=="
93
93
  },
94
94
  {
95
- name: "@shejiaohao",
96
- alias: "@shejiao别名8",
97
- alias2: "@shejiao别名12",
98
- aliasArray: ["@shejiao别名8-1", "@shejiao别名8-2"],
99
- value: 38,
100
- platformIcon: "/img/news.svg"
101
- },
102
- {
103
- name: "@shejiaohao",
104
- alias: "@shejiao别名9",
105
- alias2: "@shejiao别名12",
106
- aliasArray: ["@shejiao别名9-1", "@shejiao别名9-2"],
107
- value: 12,
108
- platformIcon: "/img/news.svg"
109
- },
110
- {
111
- name: "@shejiaohao",
112
- alias: "@shejiao别名10",
113
- alias2: "@shejiao别名12",
114
- aliasArray: ["@shejiao别名10-1", "@shejiao别名10-2"],
115
- value: 10,
116
- platformIcon: "/img/board.svg"
117
- },
118
- {
119
- name: "@shejiaohao",
120
- alias: "@shejiao别名11",
121
- alias2: "@shejiao别名12",
122
- aliasArray: ["@shejiao别名11-1", "@shejiao别名11-2"],
123
- value: 1,
124
- platformIcon: "/img/reviews.svg"
125
- },
126
- {
127
- name: "@shejiaohao",
128
- alias: "@shejiao别名12",
129
- alias2: "@shejiao别名12",
130
- aliasArray: ["@shejiao别名12-1", "@shejiao别名12-2"],
131
- value: 1,
132
- platformIcon: "/img/blogs.svg"
95
+ name: "X",
96
+ value: -11384422,
97
+ proportion: -51.32,
98
+ alias: "twitter",
99
+ color: "#000000",
100
+ platformIcon: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik0xMC43NTEgMS4xMDRoMkw4LjM4MiA2LjFsNS4xNDIgNi43OTdIOS40OTdMNi4zNDQgOC43NzRsLTMuNjA3IDQuMTIySC43MzVsNC42NzQtNS4zNDNMLjQ3NyAxLjEwNGg0LjEyOGwyLjg1IDMuNzY4IDMuMjk2LTMuNzY4Wk0xMC4wNSAxMS43aDEuMTA5bC03LjE1NS05LjQ2aC0xLjE5bDcuMjM2IDkuNDZaIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9nPjwvc3ZnPg=="
133
101
  }
134
102
  ];
135
103
  var handleClick = (type, params) => {