@reltio/dashboard 1.4.1584 → 1.4.1586-mui5

package/public/bundle.js.LICENSE.txt

@@ -0,0 +1,59 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*! decimal.js-light v2.5.1 https://github.com/MikeMcl/decimal.js-light/LICENCE */
+
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @mui/material v5.13.4
+ *
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @mui/styled-engine v5.13.2
+ *
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * A better abstraction over CSS.
+ *
+ * @copyright Oleg Isonen (Slobodskoi) / Isonen 2014-present
+ * @website https://github.com/cssinjs/jss
+ * @license MIT
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/public/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@reltio/dashboard",
+  "version": "1.4.1586-mui5",
+  "license": "SEE LICENSE IN LICENSE FILE",
+  "main": "bundle.js",
+  "types": "./types/index.d.ts",
+  "dependencies": {
+    "@date-io/moment": "^1.3.5",
+    "@reltio/mdm-module": "^1.4.1586-mui5",
+    "@reltio/mdm-sdk": "^1.4.1586-mui5",
+    "classnames": "^2.2.5",
+    "memoize-one": "^5.1.0",
+    "object-hash": "^2.1.1",
+    "prop-types": "^15.6.2",
+    "ramda": "^0.28.0",
+    "react-redux": "^7.2.3",
+    "react-resize-detector": "^4.2.0",
+    "react-simple-maps": "^2.3.0",
+    "redux": "^4.1.2",
+    "topojson-client": "^3.1.0",
+    "ui-i18n": "bitbucket:reltio-ondemand/ui-i18n#v1.4.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/public/types/components/DashboardConfigItem/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "config" | "backdrop" | "viewContent" | "noBoxShadow" | "addedChart" | "chartIcon" | "previewChartTitle" | "newChartChip" | "backdropRemoved" | "backdropAdded" | "chartTitle">;

package/{types → public/types}/components/DashboardError/styles.d.ts

@@ -1,5 +1,5 @@
 type ErrorContainerProps = {
     height?: number;
 };
-export declare const useStyles: (props: ErrorContainerProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"errorContainer" | "errorIcon" | "refreshButton" | "refreshIcon">;
+export declare const useStyles: (props: ErrorContainerProps) => import("@mui/styles").ClassNameMap<"errorContainer" | "errorIcon" | "refreshButton" | "refreshIcon">;
 export {};

package/public/types/components/DashboardLayout/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "pageWrapper" | "rightPanel" | "mainPanel">;

package/public/types/components/DashboardLayoutItem/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"item" | "overflowContainer">;

package/public/types/components/DashboardLayoutPanel/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"header" | "root" | "description" | "items" | "headerTitle" | "closeButton">;

package/public/types/components/DashboardLinearLoader/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"loader">;

package/{types → public/types}/components/DashboardNoData/styles.d.ts

@@ -1,5 +1,5 @@
 type NoDataContainer = {
     height?: number;
 };
-export declare const useStyles: (props: NoDataContainer) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "noDataContainer">;
+export declare const useStyles: (props: NoDataContainer) => import("@mui/styles").ClassNameMap<"icon" | "noDataContainer">;
 export {};

package/public/types/components/DashboardPerspectiveHeader/styles.d.ts

@@ -0,0 +1,2 @@
+declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"header" | "headerText" | "toggleButton" | "menuButton">;
+export { useStyles };

package/{types → public/types}/components/DashboardPopupMenu/DashboardPopupMenu.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import MenuItem from '@material-ui/core/MenuItem';
+import MenuItem from '@mui/material/MenuItem';
 interface MenuItem {
     id: string;
     title: string;

package/public/types/components/DashboardPopupMenu/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"menuItem" | "itemTitle" | "itemIcon" | "openIcon">;

package/public/types/components/EntityTable/cell-renderers/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"entityLabel" | "headCell" | "headLabel">;

package/{types → public/types}/components/EntityTable/styles.d.ts

@@ -2,5 +2,5 @@ type Dimensions = {
     width: number | string;
     height: number | string;
 };
-export declare const useStyles: (props: Dimensions) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tableContainer" | "cellBorder">;
+export declare const useStyles: (props: Dimensions) => import("@mui/styles").ClassNameMap<"tableContainer" | "cellBorder">;
 export {};

package/public/types/components/LayoutItemContent/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "viewContent" | "toolbarRoot" | "dragIcon">;

package/public/types/components/LayoutItemHeader/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "toolbarRoot" | "dragIcon" | "rightMenu" | "updatedChip">;

package/public/types/components/LayoutItemView/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"view">;

package/public/types/components/StatsChart/customized/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"legend" | "tooltipTitle" | "tooltipWrapper" | "tooltipItemColor" | "legendItem" | "legendItemColor" | "legendItemValue">;

package/public/types/components/WorkflowTaskItem/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"hidden" | "entityLabel" | "flag" | "taskItem" | "taskInfo" | "taskTitle" | "taskDetail" | "taskDetailTitle" | "taskDueDate" | "overdue">;

package/public/types/perspective/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"perspectiveView">;

package/public/types/views/chartBased/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"periodSelector">;

package/public/types/views/custom/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"pagination" | "iframe" | "viewContent" | "tasksSelector" | "tasksSelectorInput">;

package/public/types/views/tableBased/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"activityLogFilter">;

package/scripts/build/index.js

@@ -0,0 +1,21 @@
+const path = require('path');
+const fs = require('fs');
+
+const outputDir = path.resolve(process.cwd(), 'public');
+const generatePackageJson = () => {
+    const packageJson = require('../../package.json');
+    const result = {
+        name: packageJson.name,
+        version: packageJson.version,
+        license: 'SEE LICENSE IN LICENSE FILE',
+        main: 'bundle.js',
+        types: './types/index.d.ts',
+        dependencies: packageJson.dependencies,
+        peerDependencies: packageJson.peerDependencies,
+        publishConfig: packageJson.publishConfig
+    };
+    const source = JSON.stringify(result, null, 2);
+    fs.writeFileSync(path.join(outputDir, 'package.json'), source);
+};
+
+generatePackageJson();

package/src/HOCs/withPagination.tsx

@@ -0,0 +1,39 @@
+import React, {useRef} from 'react';
+import {BasicTablePagination} from '@reltio/components';
+
+const PAGINATION_HEIGHT = 60;
+
+type RefProps = {
+    basicTableRef?: React.MutableRefObject<any> | null;
+};
+
+type Props = {
+    count?: number;
+    height?: number;
+    onChangePage?: (page: number) => void;
+    page?: number;
+    rowsPerPageOptions?: number[];
+    rowsPerPage?: number;
+    onChangeRowsPerPage?: (page: number) => void;
+};
+
+export function withPagination<T>(TableComponent: React.ComponentType<T>) {
+    const WithPagination = (props: Props & Omit<T, keyof RefProps>) => {
+        const basicTableRef = useRef(null);
+
+        return (
+            <>
+                <TableComponent
+                    {...(props as T)}
+                    basicTableRef={basicTableRef}
+                    height={props.height - PAGINATION_HEIGHT}
+                />
+                <BasicTablePagination {...props} basicTableRef={basicTableRef} />
+            </>
+        );
+    };
+
+    WithPagination.displayName = 'WithPagination';
+
+    return WithPagination;
+}

package/src/components/DashboardConfigItem/DashboardConfigItem.tsx

@@ -0,0 +1,101 @@
+import React, {memo, useState} from 'react';
+import i18n from 'ui-i18n';
+import classnames from 'classnames';
+import Backdrop from '@mui/material/Backdrop';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
+import Chip from '@mui/material/Chip';
+import {BasicView, BasicViewContent} from '@reltio/components';
+import {ChartTypes, DashboardView} from '@reltio/mdm-sdk';
+import ViewsFactory from '../../views/ViewsFactory';
+import BarChartIcon from './icons/barChart.svg';
+import BubbleChartIcon from './icons/bubbleChart.svg';
+import DonutChartIcon from './icons/donutChart.svg';
+import LineChartIcon from './icons/lineChart.svg';
+import PieChartIcon from './icons/pieChart.svg';
+import TableChartIcon from './icons/tableWithBars.svg';
+import TreeChartIcon from './icons/treemap.svg';
+import MapChartIcon from './icons/geomap.svg';
+import CloudChartIcon from './icons/wordCloud.svg';
+import CustomChartIcon from './icons/customChart.svg';
+import {useStyles} from './styles';
+
+type Props = {
+    view: DashboardView;
+    isAdded: boolean;
+    isNew: boolean;
+    onRemove: (id: string) => void;
+    onAdd: (id: string) => void;
+};
+
+const getIconForChartType = (chartType: string | null) => {
+    switch (chartType) {
+        case ChartTypes.BAR:
+            return BarChartIcon;
+        case ChartTypes.TREE:
+            return TreeChartIcon;
+        case ChartTypes.TABLE:
+            return TableChartIcon;
+        case ChartTypes.BUBBLE:
+            return BubbleChartIcon;
+        case ChartTypes.DONUT:
+            return DonutChartIcon;
+        case ChartTypes.PIE:
+            return PieChartIcon;
+        case ChartTypes.LINE:
+            return LineChartIcon;
+        case ChartTypes.MAP:
+            return MapChartIcon;
+        case ChartTypes.CLOUD:
+            return CloudChartIcon;
+        default:
+            return CustomChartIcon;
+    }
+};
+
+const DashboardConfigItem = ({view, isAdded, isNew, onRemove, onAdd}: Props) => {
+    const styles = useStyles();
+    const {id, title} = view;
+    const chartType = ViewsFactory.getChartType(view);
+    const Icon = getIconForChartType(chartType);
+    const [isHovered, setIsHovered] = useState<boolean>(false);
+
+    return (
+        <BasicView
+            className={classnames(styles.config, {[styles.noBoxShadow]: isAdded})}
+            onMouseEnter={() => setIsHovered(true)}
+            onMouseLeave={() => setIsHovered(false)}
+            data-reltio-id="reltio-dashboard-config-item"
+        >
+            <BasicViewContent className={classnames(styles.viewContent, {[styles.addedChart]: isAdded})}>
+                <div className={styles.previewChartTitle}>
+                    <Typography className={styles.chartTitle} variant="subtitle2">
+                        {i18n.text(title || '')}
+                    </Typography>
+                    {isNew && <Chip label={i18n.text('New')} className={styles.newChartChip} />}
+                </div>
+                <Icon className={styles.chartIcon} />
+                <Backdrop
+                    className={classnames(styles.backdrop, {
+                        [styles.backdropAdded]: isHovered && isAdded,
+                        [styles.backdropRemoved]: isHovered && !isAdded
+                    })}
+                    open={isHovered}
+                    transitionDuration={100}
+                >
+                    {isHovered && (
+                        <Button
+                            variant="outlined"
+                            className={styles.button}
+                            onClick={isAdded ? () => onRemove(id) : () => onAdd(id)}
+                        >
+                            <Typography>{isAdded ? i18n.text('Remove') : i18n.text('Add')}</Typography>
+                        </Button>
+                    )}
+                </Backdrop>
+            </BasicViewContent>
+        </BasicView>
+    );
+};
+
+export default memo(DashboardConfigItem);

package/src/components/DashboardConfigItem/__tests__/DashboardConfigItem.specs.tsx

@@ -0,0 +1,81 @@
+import React from 'react';
+import {shallow} from 'enzyme';
+import Backdrop from '@mui/material/Backdrop';
+import Button from '@mui/material/Button';
+import Chip from '@mui/material/Chip';
+import Typography from '@mui/material/Typography';
+import {BasicView, BasicViewContent} from '@reltio/components';
+import DashboardConfigItem from '../DashboardConfigItem';
+import {rerenderWrapper} from '../../../../../../__mocks__/test-utils';
+
+describe('DashboardConfigItem tests', () => {
+    const view = {
+        id: 'id',
+        title: 'title',
+        component: 'DashboardFacet'
+    };
+
+    const commonProps = {
+        view: view,
+        isAdded: false,
+        isNew: false,
+        chartType: 'bar',
+        onRemove: jest.fn(),
+        onAdd: jest.fn()
+    };
+
+    it('should render DashboardConfigItem', () => {
+        const wrapper = shallow(<DashboardConfigItem {...commonProps} />);
+        expect(wrapper.find(BasicView).length).toBe(1);
+        expect(wrapper.find(BasicViewContent).length).toBe(1);
+        expect(wrapper.find(Typography).text()).toBe('title');
+        expect(wrapper.find(Chip).length).toBe(0);
+        expect(wrapper.find('.chartIcon').length).toBe(1);
+        const backdrop = wrapper.find(Backdrop);
+        expect(backdrop).toHaveLength(1);
+        expect(backdrop.prop('className')).toBe('backdrop');
+        expect(backdrop.prop('open')).toBe(false);
+    });
+
+    it('should show new chip if props.isNew = true', () => {
+        const wrapper = shallow(<DashboardConfigItem {...commonProps} isNew />);
+        expect(wrapper.find(Chip).prop('label')).toBe('New');
+    });
+
+    it('should show Backdrop if hovered', () => {
+        const wrapper = shallow(<DashboardConfigItem {...commonProps} />);
+
+        expect(wrapper.find(Backdrop).prop('open')).toBe(false);
+        expect(wrapper.find(Button).length).toBe(0);
+        wrapper.find(BasicView).simulate('mouseenter');
+        rerenderWrapper(wrapper);
+        expect(wrapper.find(Backdrop).prop('open')).toBe(true);
+        expect(wrapper.find(Button).length).toBe(1);
+    });
+
+    it('should show Remove button if view is added and call onRemove when clicked', () => {
+        const wrapper = shallow(<DashboardConfigItem {...commonProps} isAdded />);
+
+        wrapper.find(BasicView).simulate('mouseenter');
+        rerenderWrapper(wrapper);
+        expect(wrapper.find(Backdrop).prop('className')).toContain('backdropAdded');
+        const button = wrapper.find(Button);
+        expect(button.text()).toBe('Remove');
+        button.simulate('click');
+        rerenderWrapper(wrapper);
+        expect(commonProps.onRemove).toHaveBeenCalledWith(view.id);
+    });
+
+    it('should show Add button if view is not added and call onAdd when clicked', () => {
+        const wrapper = shallow(<DashboardConfigItem {...commonProps} />);
+
+        wrapper.find(BasicView).simulate('mouseenter');
+        rerenderWrapper(wrapper);
+        expect(wrapper.find(Backdrop).prop('className')).toContain('backdropRemoved');
+        const button = wrapper.find(Button);
+        expect(button.text()).toBe('Add');
+        button.simulate('click');
+        rerenderWrapper(wrapper);
+        expect(commonProps.onAdd).toHaveBeenCalledWith(view.id);
+    });
+});

package/src/components/DashboardConfigItem/icons/barChart.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="255px" height="110px" viewBox="0 0 255 110" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Cards / Elements / Column chart</title>
+    <g id="Cards-/-Elements-/-Column-chart" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" x="0" y="0" width="255" height="110"></rect>
+        <polygon id="Rectangle-12" fill="#97C1EE" opacity="0.400000006" points="18 65.1287129 60.1356784 65.1287129 60.1356784 103 18 103"></polygon>
+        <polygon id="Rectangle-12-Copy-2" fill="#97C1EE" opacity="0.800000012" points="106.271357 36.5148515 148.407035 36.5148515 148.407035 103 106.271357 103"></polygon>
+        <polygon id="Rectangle-12-Copy-3" fill="#97C1EE" opacity="0.400000006" points="150.407035 65.1287129 192.542714 65.1287129 192.542714 103 150.407035 103"></polygon>
+        <polygon id="Rectangle-12-Copy-4" fill="#97C1EE" opacity="0.300000012" points="194.542714 87.8514851 236.678392 87.8514851 236.678392 103 194.542714 103"></polygon>
+        <polygon id="Rectangle-12-Copy" fill="#97C1EE" points="62.1356784 18 104.271357 18 104.271357 103 62.1356784 103"></polygon>
+    </g>
+</svg>

package/src/components/DashboardConfigItem/icons/bubbleChart.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="255px" height="110px" viewBox="0 0 255 110" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Cards / Elements / Bubble</title>
+    <g id="Cards-/-Elements-/-Bubble" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" x="0" y="0" width="255" height="110"></rect>
+        <g id="Group-6" transform="translate(62.000000, 12.000000)">
+            <circle id="Oval-5" fill="#9BD8F4" cx="52.7358491" cy="37.3207547" r="29.2075472"></circle>
+            <circle id="Oval-5-Copy-3" fill="#7DE2CD" cx="96.5471698" cy="64.9056604" r="21.0943396"></circle>
+            <circle id="Oval-5-Copy-4" fill="#9BC8F4" cx="100.198113" cy="23.9339623" r="18.254717"></circle>
+            <circle id="Oval-5-Copy" fill="#9BE2F4" cx="12.5754717" cy="39.3490566" r="9.33018868"></circle>
+            <circle id="Oval-5-Copy-8" fill="#9BE2F4" opacity="0.400000006" cx="122.103774" cy="44.2169811" r="9.33018868"></circle>
+            <circle id="Oval-5-Copy-5" fill="#B4E7FF" cx="66.1226415" cy="75.8584906" r="9.33018868"></circle>
+            <circle id="Oval-5-Copy-7" fill="#9BD8F4" cx="39.3490566" cy="72.6132075" r="6.08490566"></circle>
+            <circle id="Oval-5-Copy-6" fill="#9BF4E1" cx="77.4811321" cy="7.70754717" r="7.70754717"></circle>
+            <circle id="Oval-5-Copy-2" fill="#9BF4E1" cx="15.8207547" cy="66.1226415" r="15.8207547"></circle>
+        </g>
+    </g>
+</svg>

package/src/components/DashboardConfigItem/icons/customChart.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="255px" height="110px" viewBox="0 0 255 110" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Cards / Elements / Custom</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#C87AD4" offset="0%"></stop>
+            <stop stop-color="#E6B2EC" stop-opacity="0.472801369" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F7B2D2" offset="0%"></stop>
+            <stop stop-color="#FCD9EB" stop-opacity="0.325162021" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-3">
+            <stop stop-color="#569ACC" stop-opacity="0.748678247" offset="0%"></stop>
+            <stop stop-color="#D5E6F2" stop-opacity="0.308431132" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Cards-/-Elements-/-Custom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" x="0" y="0" width="255" height="110"></rect>
+        <g id="Group-2" transform="translate(47.000000, 15.365073)">
+            <g id="Group" stroke="#979797" stroke-linecap="round" stroke-width="2">
+                <polyline id="Path-2" points="6.87643678 0 4.4408921e-16 0 4.4408921e-16 6.65334319"></polyline>
+                <polyline id="Path-2" transform="translate(158.438218, 77.326672) scale(-1, -1) translate(-158.438218, -77.326672) " points="161.876437 74 155 74 155 80.6533432"></polyline>
+            </g>
+            <g id="Group" transform="translate(80.938218, 40.326672) scale(1, -1) translate(-80.938218, -40.326672) " stroke="#979797" stroke-linecap="round" stroke-width="2">
+                <polyline id="Path-2" points="6.87643678 0 4.4408921e-16 0 4.4408921e-16 6.65334319"></polyline>
+                <polyline id="Path-2" transform="translate(158.438218, 77.326672) scale(-1, -1) translate(-158.438218, -77.326672) " points="161.876437 74 155 74 155 80.6533432"></polyline>
+            </g>
+            <path d="M73,46.634927 L78,46.634927 C79.1045695,46.634927 80,47.5303575 80,48.634927 L80,63.634927 C80,64.7394965 79.1045695,65.634927 78,65.634927 L73,65.634927 C71.8954305,65.634927 71,64.7394965 71,63.634927 L71,48.634927 C71,47.5303575 71.8954305,46.634927 73,46.634927 Z" id="Rectangle-10-Copy-21" fill="#2C81BF" opacity="0.200000003"></path>
+            <path d="M63,46.634927 L68,46.634927 C69.1045695,46.634927 70,47.5303575 70,48.634927 L70,63.634927 C70,64.7394965 69.1045695,65.634927 68,65.634927 L63,65.634927 C61.8954305,65.634927 61,64.7394965 61,63.634927 L61,48.634927 C61,47.5303575 61.8954305,46.634927 63,46.634927 Z" id="Rectangle-10-Copy-20" fill="#2C81BF" opacity="0.400000006"></path>
+            <path d="M53,46.634927 L58,46.634927 C59.1045695,46.634927 60,47.5303575 60,48.634927 L60,63.634927 C60,64.7394965 59.1045695,65.634927 58,65.634927 L53,65.634927 C51.8954305,65.634927 51,64.7394965 51,63.634927 L51,48.634927 C51,47.5303575 51.8954305,46.634927 53,46.634927 Z" id="Rectangle-10-Copy-19" fill="#2C81BF" opacity="0.400000006"></path>
+            <path d="M43,46.634927 L48,46.634927 C49.1045695,46.634927 50,47.5303575 50,48.634927 L50,63.634927 C50,64.7394965 49.1045695,65.634927 48,65.634927 L43,65.634927 C41.8954305,65.634927 41,64.7394965 41,63.634927 L41,48.634927 C41,47.5303575 41.8954305,46.634927 43,46.634927 Z" id="Rectangle-10-Copy-18" fill="#2C81BF" opacity="0.699999988"></path>
+            <path d="M33,46.634927 L38,46.634927 C39.1045695,46.634927 40,47.5303575 40,48.634927 L40,63.634927 C40,64.7394965 39.1045695,65.634927 38,65.634927 L33,65.634927 C31.8954305,65.634927 31,64.7394965 31,63.634927 L31,48.634927 C31,47.5303575 31.8954305,46.634927 33,46.634927 Z" id="Rectangle-10-Copy-17" fill="#2C81BF" opacity="0.300000012"></path>
+            <path d="M23,46.634927 L28,46.634927 C29.1045695,46.634927 30,47.5303575 30,48.634927 L30,63.634927 C30,64.7394965 29.1045695,65.634927 28,65.634927 L23,65.634927 C21.8954305,65.634927 21,64.7394965 21,63.634927 L21,48.634927 C21,47.5303575 21.8954305,46.634927 23,46.634927 Z" id="Rectangle-10-Copy-16" fill="#2C81BF" opacity="0.300000012"></path>
+            <path d="M13,46.634927 L18,46.634927 C19.1045695,46.634927 20,47.5303575 20,48.634927 L20,63.634927 C20,64.7394965 19.1045695,65.634927 18,65.634927 L13,65.634927 C11.8954305,65.634927 11,64.7394965 11,63.634927 L11,48.634927 C11,47.5303575 11.8954305,46.634927 13,46.634927 Z" id="Rectangle-10-Copy-15" fill="#2C81BF" opacity="0.200000003"></path>
+            <path d="M73,26.634927 L78,26.634927 C79.1045695,26.634927 80,27.5303575 80,28.634927 L80,43.634927 C80,44.7394965 79.1045695,45.634927 78,45.634927 L73,45.634927 C71.8954305,45.634927 71,44.7394965 71,43.634927 L71,28.634927 C71,27.5303575 71.8954305,26.634927 73,26.634927 Z" id="Rectangle-10-Copy-14" fill="#2C81BF" opacity="0.100000001"></path>
+            <path d="M63,26.634927 L68,26.634927 C69.1045695,26.634927 70,27.5303575 70,28.634927 L70,43.634927 C70,44.7394965 69.1045695,45.634927 68,45.634927 L63,45.634927 C61.8954305,45.634927 61,44.7394965 61,43.634927 L61,28.634927 C61,27.5303575 61.8954305,26.634927 63,26.634927 Z" id="Rectangle-10-Copy-13" fill="#2C81BF" opacity="0.200000003"></path>
+            <path d="M53,26.634927 L58,26.634927 C59.1045695,26.634927 60,27.5303575 60,28.634927 L60,43.634927 C60,44.7394965 59.1045695,45.634927 58,45.634927 L53,45.634927 C51.8954305,45.634927 51,44.7394965 51,43.634927 L51,28.634927 C51,27.5303575 51.8954305,26.634927 53,26.634927 Z" id="Rectangle-10-Copy-12" fill="#2C81BF" opacity="0.300000012"></path>
+            <path d="M43,26.634927 L48,26.634927 C49.1045695,26.634927 50,27.5303575 50,28.634927 L50,43.634927 C50,44.7394965 49.1045695,45.634927 48,45.634927 L43,45.634927 C41.8954305,45.634927 41,44.7394965 41,43.634927 L41,28.634927 C41,27.5303575 41.8954305,26.634927 43,26.634927 Z" id="Rectangle-10-Copy-11" fill="#2C81BF" opacity="0.560000002"></path>
+            <path d="M33,26.634927 L38,26.634927 C39.1045695,26.634927 40,27.5303575 40,28.634927 L40,43.634927 C40,44.7394965 39.1045695,45.634927 38,45.634927 L33,45.634927 C31.8954305,45.634927 31,44.7394965 31,43.634927 L31,28.634927 C31,27.5303575 31.8954305,26.634927 33,26.634927 Z" id="Rectangle-10-Copy-10" fill="#2C81BF" opacity="0.800000012"></path>
+            <path d="M23,26.634927 L28,26.634927 C29.1045695,26.634927 30,27.5303575 30,28.634927 L30,43.634927 C30,44.7394965 29.1045695,45.634927 28,45.634927 L23,45.634927 C21.8954305,45.634927 21,44.7394965 21,43.634927 L21,28.634927 C21,27.5303575 21.8954305,26.634927 23,26.634927 Z" id="Rectangle-10-Copy-9" fill="#2C81BF" opacity="0.5"></path>
+            <path d="M13,26.634927 L18,26.634927 C19.1045695,26.634927 20,27.5303575 20,28.634927 L20,43.634927 C20,44.7394965 19.1045695,45.634927 18,45.634927 L13,45.634927 C11.8954305,45.634927 11,44.7394965 11,43.634927 L11,28.634927 C11,27.5303575 11.8954305,26.634927 13,26.634927 Z" id="Rectangle-10-Copy-8" fill="#2C81BF" opacity="0.100000001"></path>
+            <path d="M73,6.63492699 L78,6.63492699 C79.1045695,6.63492699 80,7.53035749 80,8.63492699 L80,23.634927 C80,24.7394965 79.1045695,25.634927 78,25.634927 L73,25.634927 C71.8954305,25.634927 71,24.7394965 71,23.634927 L71,8.63492699 C71,7.53035749 71.8954305,6.63492699 73,6.63492699 Z" id="Rectangle-10-Copy-7" fill="#2C81BF" opacity="0.200000003"></path>
+            <path d="M63,6.63492699 L68,6.63492699 C69.1045695,6.63492699 70,7.53035749 70,8.63492699 L70,23.634927 C70,24.7394965 69.1045695,25.634927 68,25.634927 L63,25.634927 C61.8954305,25.634927 61,24.7394965 61,23.634927 L61,8.63492699 C61,7.53035749 61.8954305,6.63492699 63,6.63492699 Z" id="Rectangle-10-Copy-6" fill="#2C81BF" opacity="0.200000003"></path>
+            <path d="M53,6.63492699 L58,6.63492699 C59.1045695,6.63492699 60,7.53035749 60,8.63492699 L60,23.634927 C60,24.7394965 59.1045695,25.634927 58,25.634927 L53,25.634927 C51.8954305,25.634927 51,24.7394965 51,23.634927 L51,8.63492699 C51,7.53035749 51.8954305,6.63492699 53,6.63492699 Z" id="Rectangle-10-Copy-5" fill="#2C81BF" opacity="0.5"></path>
+            <path d="M43,6.63492699 L48,6.63492699 C49.1045695,6.63492699 50,7.53035749 50,8.63492699 L50,23.634927 C50,24.7394965 49.1045695,25.634927 48,25.634927 L43,25.634927 C41.8954305,25.634927 41,24.7394965 41,23.634927 L41,8.63492699 C41,7.53035749 41.8954305,6.63492699 43,6.63492699 Z" id="Rectangle-10-Copy-4" fill="#2C81BF" opacity="0.300000012"></path>
+            <path d="M33,6.63492699 L38,6.63492699 C39.1045695,6.63492699 40,7.53035749 40,8.63492699 L40,23.634927 C40,24.7394965 39.1045695,25.634927 38,25.634927 L33,25.634927 C31.8954305,25.634927 31,24.7394965 31,23.634927 L31,8.63492699 C31,7.53035749 31.8954305,6.63492699 33,6.63492699 Z" id="Rectangle-10-Copy-3" fill="#2C81BF" opacity="0.400000006"></path>
+            <path d="M23,6.63492699 L28,6.63492699 C29.1045695,6.63492699 30,7.53035749 30,8.63492699 L30,23.634927 C30,24.7394965 29.1045695,25.634927 28,25.634927 L23,25.634927 C21.8954305,25.634927 21,24.7394965 21,23.634927 L21,8.63492699 C21,7.53035749 21.8954305,6.63492699 23,6.63492699 Z" id="Rectangle-10-Copy-2" fill="#2C81BF" opacity="0.200000003"></path>
+            <path d="M13,6.63492699 L18,6.63492699 C19.1045695,6.63492699 20,7.53035749 20,8.63492699 L20,23.634927 C20,24.7394965 19.1045695,25.634927 18,25.634927 L13,25.634927 C11.8954305,25.634927 11,24.7394965 11,23.634927 L11,8.63492699 C11,7.53035749 11.8954305,6.63492699 13,6.63492699 Z" id="Rectangle-10-Copy-2" fill="#2C81BF" opacity="0.200000003"></path>
+            <polyline id="Path" stroke="#C87AD4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="89.0114943 58.4234722 101.011131 35.427685 112.76418 41.927685 124.599387 40.9633999 136.434594 45.427685 153.011494 16.427685"></polyline>
+            <polygon id="Path" fill="url(#linearGradient-1)" opacity="0.165459043" points="89.0114943 58.4234722 101.011131 35.427685 112.76418 41.927685 124.599387 40.9633999 136.434594 45.427685 153.011494 16.427685 153.011494 65.634927 89.0114943 65.634927"></polygon>
+            <polyline id="Path" stroke="#F7B2D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="89.0114943 48.4877112 101.011131 51.427685 112.76418 48.4877112 124.599387 46.9633999 136.434594 51.427685 153.011494 32.427685"></polyline>
+            <polygon id="Path" fill="url(#linearGradient-2)" opacity="0.400000006" points="89.0114943 48.4877112 101.011131 51.427685 112.76418 48.4877112 124.599387 46.9633999 136.434594 51.427685 153.011494 32.427685 153.011494 65.634927 89.0114943 65.634927"></polygon>
+            <path d="M91.5,6.63492699 C92.8807119,6.63492699 94,7.75421512 94,9.13492699 C94,10.5156389 92.8807119,11.634927 91.5,11.634927 C90.1192881,11.634927 89,10.5156389 89,9.13492699 C89,7.75421512 90.1192881,6.63492699 91.5,6.63492699 Z" id="Rectangle-8-Copy-37" fill="#F7AACE" opacity="0.899999976"></path>
+            <path d="M101.5,6.63492699 L124.5,6.63492699 C125.880712,6.63492699 127,7.75421512 127,9.13492699 C127,10.5156389 125.880712,11.634927 124.5,11.634927 L101.5,11.634927 C100.119288,11.634927 99,10.5156389 99,9.13492699 C99,7.75421512 100.119288,6.63492699 101.5,6.63492699 Z" id="Rectangle-8-Copy-37" fill="#B1AABD" opacity="0.3"></path>
+            <path d="M90.5,70.634927 L125.5,70.634927 C126.328427,70.634927 127,71.3064999 127,72.134927 C127,72.9633541 126.328427,73.634927 125.5,73.634927 L90.5,73.634927 C89.6715729,73.634927 89,72.9633541 89,72.134927 C89,71.3064999 89.6715729,70.634927 90.5,70.634927 Z" id="Rectangle-8-Copy-37" fill="#B1AABD" opacity="0.3"></path>
+            <path d="M91.5,13.634927 C92.8807119,13.634927 94,14.7542151 94,16.134927 C94,17.5156389 92.8807119,18.634927 91.5,18.634927 C90.1192881,18.634927 89,17.5156389 89,16.134927 C89,14.7542151 90.1192881,13.634927 91.5,13.634927 Z" id="Rectangle-8-Copy-37" fill="#C97BD4" opacity="0.899999976"></path>
+            <path d="M101.5,13.634927 L110.5,13.634927 C111.880712,13.634927 113,14.7542151 113,16.134927 C113,17.5156389 111.880712,18.634927 110.5,18.634927 L101.5,18.634927 C100.119288,18.634927 99,17.5156389 99,16.134927 C99,14.7542151 100.119288,13.634927 101.5,13.634927 Z" id="Rectangle-8-Copy-37" fill="#B1AABD" opacity="0.3"></path>
+            <path d="M12.5,70.634927 L79.5,70.634927 C80.3284271,70.634927 81,71.3064999 81,72.134927 C81,72.9633541 80.3284271,73.634927 79.5,73.634927 L12.5,73.634927 C11.6715729,73.634927 11,72.9633541 11,72.134927 C11,71.3064999 11.6715729,70.634927 12.5,70.634927 Z" id="Rectangle-8-Copy-37" fill="url(#linearGradient-3)"></path>
+        </g>
+        <g id="Group-3" transform="translate(180.000000, 77.000000)">
+            <rect id="Rectangle" stroke="#FFFFFF" stroke-width="2" fill="#FFFFFF" x="0" y="0" width="24" height="14" rx="7"></rect>
+            <path d="M17,2 L13,2 L13,4 L17,4 C18.65,4 20,5.35 20,7 C20,8.65 18.65,10 17,10 L13,10 L13,12 L17,12 C19.76,12 22,9.76 22,7 C22,4.24 19.76,2 17,2 Z M11,10 L7,10 C5.35,10 4,8.65 4,7 C4,5.35 5.35,4 7,4 L11,4 L11,2 L7,2 C4.24,2 2,4.24 2,7 C2,9.76 4.24,12 7,12 L11,12 L11,10 Z M8,6 L16,6 L16,8 L8,8 L8,6 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>

package/src/components/DashboardConfigItem/icons/donutChart.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="255px" height="110px" viewBox="0 0 255 110" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Cards / Elements / Donut</title>
+    <defs>
+        <path d="M43.5,0 C67.5243866,0 87,19.4756134 87,43.5 C87,67.5243866 67.5243866,87 43.5,87 C19.4756134,87 -5.68434189e-14,67.5243866 -5.68434189e-14,43.5 C-5.68434189e-14,19.4756134 19.4756134,0 43.5,0 Z M43.5,8.5 C24.1700338,8.5 8.5,24.1700338 8.5,43.5 C8.5,62.8299662 24.1700338,78.5 43.5,78.5 C62.8299662,78.5 78.5,62.8299662 78.5,43.5 C78.5,24.1700338 62.8299662,8.5 43.5,8.5 Z" id="path-1"></path>
+    </defs>
+    <g id="Cards-/-Elements-/-Donut" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" x="0" y="0" width="255" height="110"></rect>
+        <g id="Group-6" transform="translate(24.528302, 11.113208)">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Oval-6" fill="#F0F0F0" xlink:href="#path-1"></use>
+            <polygon id="Rectangle" fill="#AC94FB" mask="url(#mask-2)" points="44 0 88 0 88 51.8867925 44 44"></polygon>
+            <polygon id="Rectangle" fill="#C26CD0" mask="url(#mask-2)" points="58.7885524 87 88 87 88 51.8867925 44 44"></polygon>
+            <polygon id="Rectangle" fill="#FF70A6" mask="url(#mask-2)" points="58.7885524 87 13.5266514 87 44 44"></polygon>
+            <polygon id="Rectangle" fill="#D3DD49" mask="url(#mask-2)" points="-4.52830189 22 -4.52830189 51.8867925 44 44"></polygon>
+            <polygon id="Rectangle" fill="#FFCB7D" mask="url(#mask-2)" points="13.8148959 89 -4.52830189 89 -4.52830189 51.8867925 44 44"></polygon>
+        </g>
+        <path d="M142.5,30 C143.880712,30 145,31.1192881 145,32.5 C145,33.8807119 143.880712,35 142.5,35 C141.119288,35 140,33.8807119 140,32.5 C140,31.1192881 141.119288,30 142.5,30 Z" id="Rectangle-8-Copy-37" fill="#AC94FB" opacity="0.899999976"></path>
+        <path d="M142.5,41 C143.880712,41 145,42.1192881 145,43.5 C145,44.8807119 143.880712,46 142.5,46 C141.119288,46 140,44.8807119 140,43.5 C140,42.1192881 141.119288,41 142.5,41 Z" id="Rectangle-8-Copy-37" fill="#C26CD0" opacity="0.899999976"></path>
+        <path d="M142.5,52 C143.880712,52 145,53.1192881 145,54.5 C145,55.8807119 143.880712,57 142.5,57 C141.119288,57 140,55.8807119 140,54.5 C140,53.1192881 141.119288,52 142.5,52 Z" id="Rectangle-8-Copy-37" fill="#FF70A6" opacity="0.899999976"></path>
+        <path d="M142.5,63 C143.880712,63 145,64.1192881 145,65.5 C145,66.8807119 143.880712,68 142.5,68 C141.119288,68 140,66.8807119 140,65.5 C140,64.1192881 141.119288,63 142.5,63 Z" id="Rectangle-8-Copy-37" fill="#FFCB7D" opacity="0.899999976"></path>
+        <path d="M154.5,30 L192.357143,30 C193.737855,30 194.857143,31.1192881 194.857143,32.5 C194.857143,33.8807119 193.737855,35 192.357143,35 L154.5,35 C153.119288,35 152,33.8807119 152,32.5 C152,31.1192881 153.119288,30 154.5,30 Z" id="Rectangle-8-Copy-37" fill="#B1AABD" opacity="0.3"></path>
+        <path d="M59.5,48 L76.5,48 C78.4329966,48 80,49.5670034 80,51.5 C80,53.4329966 78.4329966,55 76.5,55 L59.5,55 C57.5670034,55 56,53.4329966 56,51.5 C56,49.5670034 57.5670034,48 59.5,48 Z" id="Rectangle-8-Copy-37" fill="#B1AABD" opacity="0.528702509"></path>
+        <path d="M63,58 L73,58 C74.1045695,58 75,58.8954305 75,60 C75,61.1045695 74.1045695,62 73,62 L63,62 C61.8954305,62 61,61.1045695 61,60 C61,58.8954305 61.8954305,58 63,58 Z" id="Rectangle-8-Copy-37" fill="#B1AABD" opacity="0.237891788"></path>
+        <path d="M154.5,41 L213.785714,41 C215.166426,41 216.285714,42.1192881 216.285714,43.5 C216.285714,44.8807119 215.166426,46 213.785714,46 L154.5,46 C153.119288,46 152,44.8807119 152,43.5 C152,42.1192881 153.119288,41 154.5,41 Z" id="Rectangle-8-Copy-37" fill="#B1AABD" opacity="0.3"></path>
+        <path d="M154.5,52 L203.071429,52 C204.45214,52 205.571429,53.1192881 205.571429,54.5 C205.571429,55.8807119 204.45214,57 203.071429,57 L154.5,57 C153.119288,57 152,55.8807119 152,54.5 C152,53.1192881 153.119288,52 154.5,52 Z" id="Rectangle-8-Copy-37" fill="#B1AABD" opacity="0.3"></path>
+        <path d="M154.5,63 L224.5,63 C225.880712,63 227,64.1192881 227,65.5 C227,66.8807119 225.880712,68 224.5,68 L154.5,68 C153.119288,68 152,66.8807119 152,65.5 C152,64.1192881 153.119288,63 154.5,63 Z" id="Rectangle-8-Copy-37" fill="#B1AABD" opacity="0.3"></path>
+        <path d="M142.5,74 C143.880712,74 145,75.1192881 145,76.5 C145,77.8807119 143.880712,79 142.5,79 C141.119288,79 140,77.8807119 140,76.5 C140,75.1192881 141.119288,74 142.5,74 Z" id="Rectangle-8-Copy-37" fill="#D3DD49" opacity="0.899999976"></path>
+        <path d="M154.5,74 L189.5,74 C190.880712,74 192,75.1192881 192,76.5 C192,77.8807119 190.880712,79 189.5,79 L154.5,79 C153.119288,79 152,77.8807119 152,76.5 C152,75.1192881 153.119288,74 154.5,74 Z" id="Rectangle-8-Copy-37" fill="#B1AABD" opacity="0.3"></path>
+    </g>
+</svg>