fix: position icon on page Grid,

updated: vector map circles, Apex Monochrome Pie Chart

Author: Yeliazar

changelog.md

@@ -1,4 +1,134 @@
 # Changelog
+## [1.1.4] 
+updated position icon on page Grid, 
+customized vector map circles
+removed text shadow from Apex Monochrome Pie Chart
+
+## [1.1.3]
+add new nivo charts;  
+customized bootstrap table in table dynamic;
+updated follow dependencies and devDependencies:
+"dependencies": {
+"@amcharts/amcharts4": "^4.7.1" -> "^4.10.18" ,
+"@amcharts/amcharts4-geodata": "^4.1.7" -> "^4.1.20",
+"@fullcalendar/core": "5.3.0" -> "5.7.0",
+"@fullcalendar/daygrid": "5.3.0" -> "5.7.0",
+"@fullcalendar/interaction": "5.3.0" -> "5.7.0",
+"@fullcalendar/list": "5.3.0" -> "5.7.0",
+"@fullcalendar/react": "5.3.0" -> "5.7.0",
+"@fullcalendar/timegrid": "5.3.0" -> "5.7.0",
+"animate.css": "3.7.0" -> "4.1.1",
+"axios": "^0.19.2" -> "^0.21.1",
+"apexcharts": "^3.10.0" -> "^3.26.3",
+"bootstrap": "4.3.1" -> "4.6.0",
+"chroma-js": "^2.1.0" -> "^2.1.2",
+"classnames": "^2.2.6" -> "^2.3.1" ,
+"draft-js": "0.10.5" -> "0.11.7",
+"echarts": "^4.4.0" -> "4.9.0",
+"echarts-for-react": "^2.0.15-beta.1" -> "2.0.16",
+"formik": "^2.1.4" -> "^2.2.8",
+"moment": "^2.22.2" -> "^2.29.1",
+"prettier": "^2.0.5" -> "^2.3.0",
+"rc-hammerjs": "^0.6.9" -> "^0.6.10",
+"react": "^16.5.2" -> "^16.14.0",
+"react-animate-height": "^2.0.15" -> "2.0.23",
+"react-animated-number": "^0.4.4",
+"react-apexcharts": "^1.3.9",
+"react-autosize-textarea": "5.0.0" -> "5.0.1",
+"react-bootstrap-table": "4.1.5" -> "4.3.1",
+"react-datetime": "2.16.1" -> "2.16.3",
+"react-dev-utils": "^6.0.5" -> "6.1.1",
+"react-dom": "^16.5.2" -> "16.14.0",
+"react-draft-wysiwyg": "1.10.12" -> "1.14.7",
+"react-redux": "^5.0.7" -> "5.1.2",
+"react-router": "^4.3.1" -> "^4.4.0-beta.8",
+"react-router-dom": "^4.3.1" -> "^4.4.0-beta.8",
+"react-router-hash-link": "^1.2.1" -> "^1.2.2",
+"react-scrollspy": "3.3.5" -> "3.4.3",
+"react-select": "3.0.8" -> "3.2.0",
+"react-slick": "0.23.1" -> "0.28.1",
+"react-sortable-hoc": "0.8.3" -> "0.8.4",
+"react-sortable-tree": "2.2.0" -> "2.8.0",
+"react-sortablejs": "1.5.0" -> "1.5.1",
+"react-syntax-highlighter": "10.1.2" -> "10.3.5",
+"react-table": "6.7.6" -> "6.11.5",
+"react-toastify": "^5.4.0" -> "^5.5.0",
+"react-transition-group": "^2.5.2" -> "^2.9.0",
+"redux": "^4.0.1" -> "^4.1.0",
+"redux-logger": "^3.0.6",
+"redux-thunk": "^2.3.0",
+"rickshaw": "1.6.6" -> "1.7.1",
+"showdown": "1.8.6" -> "1.9.1",
+"sortablejs": "1.10.0" -> "1.13.0"
+},
+"devDependencies": {
+"@babel/core": "7.4.4" -> "7.14.3" ,
+"@babel/plugin-proposal-class-properties": "7.4.4" -> "7.13.0",
+"@babel/plugin-proposal-optional-chaining": "^7.2.0" -> "^7.14.2",
+"@svgr/webpack": "4.2.0" -> "4.3.3",
+"babel-eslint": "10.0.1" -> "10.1.0",
+"babel-jest": "24.8.0" -> "24.9.0",
+"babel-loader": "8.0.5" -> "8.2.2",
+"babel-plugin-named-asset-import": "1.0.0-next.103" ->  "1.0.0-next.154",
+"babel-preset-react-app": "9.0.0" -> "9.1.2",
+"bfj": "6.1.1" -> "6.1.2",
+"bundle-loader": "0.5.6",
+"case-sensitive-paths-webpack-plugin": "2.2.0" -> "2.4.0",
+"chalk": "2.4.2",
+"cross-env": "^7.0.3",
+"css-loader": "2.1.1",
+"dotenv": "8.0.0" -> "8.6.0",
+"eslint-loader": "2.1.1", //deprecated
+"eslint-plugin-flowtype": "3.8.1" -> "3.13.0",
+"eslint-plugin-import": "2.17.2" -> "2.23.2",
+"eslint-plugin-jsx-a11y": "6.2.1" -> "6.4.1" ,
+"eslint-plugin-react": "7.13.0" -> "7.23.2",
+"eslint-plugin-react-hooks": "1.6.0" -> "1.7.0",
+"expose-loader": "0.7.5",
+"file-loader": "3.0.1",
+"fs-extra": "7.0.1",
+"html-webpack-plugin": "4.0.0-alpha.2" -> "4.5.2",
+"imports-loader": "0.8.0",
+"jest": "24.8.0" -> "24.9.0",
+"jest-pnp-resolver": "1.2.1" -> "1.2.2",
+"jest-resolve": "24.8.0" -> "24.9.0",
+"lodash.clonedeep": "^4.5.0",
+"mini-css-extract-plugin": "0.6.0" -> "0.12.0",
+"optimize-css-assets-webpack-plugin": "5.0.1" -> "5.0.6",
+"pnp-webpack-plugin": "1.4.3" -> "1.6.4",
+"postcss-flexbugs-fixes": "4.1.0" -> "4.2.1",
+"postcss-loader": "3.0.0",
+"postcss-preset-env": "6.6.0" -> "6.7.0",
+"postcss-safe-parser": "4.0.1" -> "4.0.2",
+"react-responsive-carousel": "^3.2.9" -> "^3.2.18",
+"resolve": "1.10.1" -> "1.20.0",
+"sass-loader": "7.1.0" -> "7.3.1",
+"style-loader": "0.23.0" -> "0.23.1",
+"terser-webpack-plugin": "1.2.3" -> "1.4.5",
+"url-loader": "1.1.2",
+"webpack": "4.31.0" -> "4.46.0",
+"webpack-dev-server": "3.3.1" -> "3.11.2" ,
+"webpack-manifest-plugin": "2.0.4" -> "2.2.0",
+"webpack-raphael": "2.1.4",
+"workbox-webpack-plugin": "4.3.1"
+}
+add following packages:
+-"react-bootstrap-table-next": "^4.0.3",
+-"react-bootstrap-table2-editor": "^1.4.0",
+-"react-bootstrap-table2-filter": "^1.3.3",
+-"react-bootstrap-table2-paginator": "^2.1.2",
+-"react-bootstrap-table2-toolkit": "^2.1.3",
+-"@nivo/bar": "^0.70.1",
+-"@nivo/calendar": "^0.70.1",
+-"@nivo/chord": "^0.70.1",
+-"@nivo/circle-packing": "^0.70.1",
+-"@nivo/core": "^0.70.1",
+-"@nivo/pie": "^0.70.1",
+-"@nivo/radar": "^0.70.1",
+-"@nivo/stream": "^0.70.1",
+-"@nivo/sunburst": "^0.70.1",
+-"@nivo/swarmplot": "^0.70.1",
+-"@nivo/waffle": "^0.70.1".
 
 ## [1.1.2]
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "flatlogic-one-react",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "private": true,
   "scripts": {
     "build": "cross-env PUBLIC_URL='./' node scripts/build.js",
@@ -73,7 +73,7 @@
     "@nivo/swarmplot": "^0.70.1",
     "@nivo/waffle": "^0.70.1",
     "animate.css": "4.1.1",
-    "apexcharts": "^3.26.3",
+    "apexcharts": "^3.27.1",
     "awesome-bootstrap-checkbox": "1.0.1",
     "axios": "^0.21.1",
     "bootstrap": "4.6.0",

src/pages/charts/mock.js

@@ -1,7 +1,7 @@
 import config from './config';
 
 const colors = config.app.colors;
-const { warning } = colors;
+const { warning} = colors;
 const chartColors = config.app.chartColors;
 const {axisColor} = chartColors;
 
@@ -60,25 +60,19 @@ export const chartData = {
         theme: {
           monochrome: {
             enabled: true,
-            color: warning,
+            color: warning
+          }
+        },
+        dataLabels: {
+          dropShadow: {
+            enabled: false
           }
         },
         stroke: {
           show: false,
           width: 0
         },
         legend: false,
-        responsive: [{
-          breakpoint: 480,
-          options: {
-            chart: {
-              width: 200
-            },
-            legend: {
-              position: 'bottom'
-            }
-          }
-        }]
       }
     }
   },

src/pages/dashboard/Visits.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Row, Col, Progress, Table, Label, Input } from "reactstrap";
+import { Row, Col, Progress, Table } from "reactstrap";
 
 import Widget from "../../components/Widget";
 import Map from "./components/am4chartMap/am4chartMap";

src/pages/extra/search/Search.js

@@ -4,19 +4,14 @@ import React from "react";
 import {
   Row,
   Col,
-  ButtonGroup,
   Button,
   Nav,
   NavItem,
   NavLink,
   Pagination,
   PaginationLink,
   PaginationItem,
-  Badge,
-  UncontrolledButtonDropdown,
-  DropdownMenu,
-  DropdownToggle,
-  DropdownItem,
+  Badge
 } from "reactstrap";
 import Widget from '../../../components/Widget'
 

src/pages/grid/Grid.js

@@ -120,7 +120,7 @@ class Grid extends React.Component {
                 tooltipPlacement={tooltipPlacement}
                 title={
                   <p style={{ fontWeight: 700 }}>
-                    <span className="badge badge-primary">
+                    <span className="badge badge-primary" style={{verticalAlign: "middle", marginBottom: "1%"}}>
                       <i className="fa fa-facebook" />
                     </span>{" "}
                     &nbsp; Latest Shares

src/pages/management/Management.js

@@ -1,7 +1,6 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { withRouter } from "react-router";
-import { BootstrapTable, TableHeaderColumn } from "react-bootstrap-table";
 import { connect } from "react-redux";
 import { Link } from "react-router-dom";
 import { Popover, PopoverBody, PopoverHeader, Alert } from "reactstrap";

src/pages/maps/vector/Vector.js

@@ -43,11 +43,15 @@ class VectorMap extends React.Component {
     place.propertyFields.longitude = "longitude";
     let circle = place.createChild(am4core.Circle);
     circle.radius = 5;
-    circle.fill = am4core.color("#FEB04A");
-    circle.stroke = am4core.color("#FEB04A");
-    circle.strokeWidth = 2;
+    circle.fill = am4core.color("#323232");
+    circle.stroke = am4core.color("#000000");
+    circle.strokeWidth = 1;
+    circle.strokeOpacity = 1;
     placeSeries.data = places;
-    circle.tooltipText = '{name}';
+    circle.tooltipText = '{name}'
+    var latitudeState = circle.states.create("hover");
+    latitudeState.properties.scale = 1.3;
+
     this.map = map;
   }
 

src/pages/maps/vector/mock.js

@@ -24,5 +24,5 @@ export default [
   {latitude: 15.3, longitude: -61.38 , name: 'Dominica'},
   {latitude: -20.2, longitude: 57.5 , name: 'Mauritius'},
   {latitude: 26.02, longitude: 50.55 , name: 'Bahrain'},
-  {latitude: 0.33, longitude: 6.73 , name: 'S?o Tom? and Pr?ncipe'},
-]
+  {latitude: 0.33, longitude: 6.73 , name: 'Saint Thomas and Prince'},
+]

src/pages/package/SPackage.js

@@ -7,9 +7,9 @@ import {
 import Widget from '../../components/Widget';
 import s from './SPackage.module.scss';
 import reactLogo from '../../images/react-logo.svg';
-import angularLogo from '../../images/angularjs-logo.svg';
-import angularJSLogo from '../../images/angular-logo.svg';
-import vueLogo from '../../images/vue-logo.svg';
+//import angularLogo from '../../images/angularjs-logo.svg';
+//import angularJSLogo from '../../images/angular-logo.svg';
+//import vueLogo from '../../images/vue-logo.svg';
 import jsLogo from '../../images/js-logo.svg';
 
 class SPackage extends React.Component {

src/pages/product/components/General/General.js

@@ -1,11 +1,7 @@
 import React from "react";
 import cx from "classnames";
 import PropTypes from "prop-types";
-
-import Rating from "../Rating/Rating";
-
 import s from "./General.module.scss";
-import { Label } from "reactstrap";
 
 const General = ({ rating, title, subtitle, price }) => (
   <div className={s.general}>

src/pages/tables/dynamic/Dynamic.js

@@ -1,11 +1,5 @@
 import React from "react";
-import {
-  Progress,
-  Dropdown,
-  DropdownMenu,
-  DropdownToggle,
-  DropdownItem,
-} from "reactstrap";
+import { Progress } from "reactstrap";
 
 import ReactTable from "react-table";