fix collect js

app/Views/kewilayahan/kytp/componentDepan/NipPerekam.js

@@ -1,19 +1,19 @@
-import React, { useEffect, useRef, useState } from "react"
-import { MultiSelect } from "react-multi-select-component"
-import { Col, Label, Row } from "reactstrap"
-import Select from "react-select"
-import { Button as ButtonP } from "primereact/button"
-import { isObjEmpty } from "../util"
-import $ from "jquery"
-import collect from "collect.js"
-import { useDispatch, useSelector } from "react-redux"
-import { setSelectedOpsi } from "../store/KpdlStore"
+import React, { useEffect, useRef, useState } from 'react'
+import { MultiSelect } from 'react-multi-select-component'
+import { Col, Label, Row } from 'reactstrap'
+import Select from 'react-select'
+import { Button as ButtonP } from 'primereact/button'
+import { isObjEmpty } from '../util'
+import $ from 'jquery'
+import collect from 'collect.js'
+import { useDispatch, useSelector } from 'react-redux'
+import { setSelectedOpsi } from '../store/KpdlStore'
 
 const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMatoa, dataOpsi }) => {
   const dispatch = useDispatch()
   const storeKpdl = useSelector((state) => state.kpdl)
 
-  const base_url = "<?=base_url()?>"
+  const base_url = '<?=base_url()?>'
 
   const [kanwil, setKanwil] = useState({})
   const [kpp, setKpp] = useState(null)
@@ -27,9 +27,9 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
 
   useEffect(() => {
     $.ajax({
-      url: base_url + "kewilayahan/ref/kanwilPratama",
-      method: "GET",
-      dataType: "json",
+      url: base_url + 'kewilayahan/ref/kanwilPratama',
+      method: 'GET',
+      dataType: 'json',
       success: (data) => {
         setKanwil(data)
       }
@@ -46,9 +46,9 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
     if (kanwilSelected && !isObjEmpty(kanwilSelected)) {
       const kanwil = kanwilSelected.value
       $.ajax({
-        url: base_url + "kewilayahan/ref/kppPratama",
-        method: "GET",
-        dataType: "json",
+        url: base_url + 'kewilayahan/ref/kppPratama',
+        method: 'GET',
+        dataType: 'json',
         data: { kanwil },
         success: (data) => {
           setKpp(data)
@@ -65,9 +65,9 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
     if (kppSelected && !isObjEmpty(kppSelected)) {
       const kpp = kppSelected.value
       $.ajax({
-        url: base_url + "kewilayahan/ref/seksi",
-        method: "GET",
-        dataType: "json",
+        url: base_url + 'kewilayahan/ref/seksi',
+        method: 'GET',
+        dataType: 'json',
         data: { kpp },
         success: (data) => {
           setSeksi(data)
@@ -79,15 +79,15 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
   useEffect(() => {
     setAr([])
     setArSelected([])
-    const seksi = collect(seksiSelected).pluck("value").all()
+    const seksi = collect(seksiSelected).pluck('value').all()
     if (seksi.length && !isObjEmpty(seksiSelected)) {
       const kpp = kppSelected.value
       // const seksi = collect(seksiSelected).pluck("value").all()
 
       $.ajax({
-        url: base_url + "kewilayahan/ref/ar",
-        method: "POST",
-        dataType: "json",
+        url: base_url + 'kewilayahan/ref/ar',
+        method: 'POST',
+        dataType: 'json',
         data: { kpp, seksi },
         success: (data) => {
           setAr(data)
@@ -97,13 +97,13 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
   }, [seksiSelected])
 
   const buttonProsesOnClick = () => {
-    const nip_ar_perekam = collect(arSelected).pluck("value").all()
+    const nip_ar_perekam = collect(arSelected).pluck('value').all()
     if (nip_ar_perekam.length) {
       dispatch(setSelectedOpsi(dataOpsi.perekam))
       setDataSend({ opsiWilZona: dataOpsi.perekam.key, nip_ar_perekam })
       setHiddenGraphMatoa(true)
     } else {
-      toast.current.show({ severity: "info", summary: "Info", detail: "AR Perekam harus dipilih" })
+      toast.current.show({ severity: 'info', summary: 'Info', detail: 'AR Perekam harus dipilih' })
     }
   }
   return (
@@ -156,7 +156,7 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
               setSeksiSelected(e)
             }}
             labelledBy="Pilih Seksi"
-            overrideStrings={{ allItemsAreSelected: "Semua dipilih", selectSomeItems: "Pilih Seksi" }}
+            overrideStrings={{ allItemsAreSelected: 'Semua dipilih', selectSomeItems: 'Pilih Seksi' }}
           />
         </Col>
         <Col md="3">
@@ -173,7 +173,7 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
               setArSelected(e)
             }}
             labelledBy="Pilih AR"
-            overrideStrings={{ allItemsAreSelected: "Semua dipilih", selectSomeItems: "Pilih AR" }}
+            overrideStrings={{ allItemsAreSelected: 'Semua dipilih', selectSomeItems: 'Pilih AR' }}
           />
         </Col>
       </Row>

app/Views/kewilayahan/kytp/componentProgresifitas/PayComp.js

@@ -1,17 +1,18 @@
-import React, { useEffect, useRef, useState } from "react"
-import Highcharts from "highcharts"
-import HighchartsReact from "highcharts-react-official"
-import { Col, Row } from "reactstrap"
-import { format_angka } from "../util"
-import $ from "jquery"
+import React, { useEffect, useRef, useState } from 'react'
+import Highcharts from 'highcharts'
+import HighchartsReact from 'highcharts-react-official'
+import { Col, Row } from 'reactstrap'
+import { format_angka } from '../util'
+import $ from 'jquery'
 
-import { Skeleton } from "primereact/skeleton"
+import { Skeleton } from 'primereact/skeleton'
+import collect from 'collect.js'
 
 const date = new Date()
 const cBulan = date.getMonth() + 1
 
 const PayComp = ({ dataSend }) => {
-  const base_url = "<?=base_url()?>"
+  const base_url = '<?=base_url()?>'
 
   const refChart = useRef(null)
   const refChart1 = useRef(null)
@@ -21,15 +22,15 @@ const PayComp = ({ dataSend }) => {
   const [dataMin2, setDataMin2] = useState(null)
   const [loading, setLoading] = useState(false)
 
-  const currentMonth = "<?=currentMonth()?>"
-  const currentYear = "<?=currentYear()?>"
+  const currentMonth = '<?=currentMonth()?>'
+  const currentYear = '<?=currentYear()?>'
 
   useEffect(() => {
     setLoading(true)
     $.get({
-      url: base_url + "kewilayahan/kytp/sebaranPayComp",
-      dataType: "json",
-      type: "POST",
+      url: base_url + 'kewilayahan/kytp/sebaranPayComp',
+      dataType: 'json',
+      type: 'POST',
       data: {
         ...dataSend,
         tahun: currentYear,
@@ -45,37 +46,37 @@ const PayComp = ({ dataSend }) => {
   }, [dataSend])
 
   const optionsChart = (data, title, type) => {
-    const total_wp = collect(data).sum("y")
+    const total_wp = collect(data).sum('y')
     return {
       chart: {
         plotBackgroundColor: null,
         plotBorderWidth: null,
         plotShadow: false,
-        type: "pie",
-        zoomType: "xy",
-        height: "300"
+        type: 'pie',
+        zoomType: 'xy',
+        height: '300'
       },
       title: {
         text: title,
-        style: { fontSize: "10px" }
+        style: { fontSize: '10px' }
       },
       tooltip: {
-        pointFormat: "<b>{point.percentage:.1f}%</b><br>Jml NPWP : {point.y} dari " + format_angka(total_wp) + " yang terdapat data penerimaannya"
+        pointFormat: '<b>{point.percentage:.1f}%</b><br>Jml NPWP : {point.y} dari ' + format_angka(total_wp) + ' yang terdapat data penerimaannya'
       },
       accessibility: {
         point: {
-          valueSuffix: "%"
+          valueSuffix: '%'
         }
       },
       plotOptions: {
         pie: {
           allowPointSelect: true,
-          cursor: "pointer",
+          cursor: 'pointer',
           // colors: warna_garis,
           dataLabels: {
             enabled: true,
-            style: { fontSize: "0.7rem" },
-            format: "{point.name}: <br> {point.percentage:.1f} %"
+            style: { fontSize: '0.7rem' },
+            format: '{point.name}: <br> {point.percentage:.1f} %'
           }
           //showInLegend: true
         }
@@ -100,13 +101,13 @@ const PayComp = ({ dataSend }) => {
       ) : (
         <Row>
           <Col md="4">
-            <HighchartsReact ref={refChart} highcharts={Highcharts} options={optionsChart(dataC, "s.d. bulan ini", "C")} />
+            <HighchartsReact ref={refChart} highcharts={Highcharts} options={optionsChart(dataC, 's.d. bulan ini', 'C')} />
           </Col>
           <Col md="4">
-            <HighchartsReact ref={refChart1} highcharts={Highcharts} options={optionsChart(dataMin1, "s.d. bulan lalu", "Min1")} />
+            <HighchartsReact ref={refChart1} highcharts={Highcharts} options={optionsChart(dataMin1, 's.d. bulan lalu', 'Min1')} />
           </Col>
           <Col md="4">
-            <HighchartsReact ref={refChart2} highcharts={Highcharts} options={optionsChart(dataMin2, "s.d. 2 bulan yang lalu", "Min2")} />
+            <HighchartsReact ref={refChart2} highcharts={Highcharts} options={optionsChart(dataMin2, 's.d. 2 bulan yang lalu', 'Min2')} />
           </Col>
         </Row>
       )}

app/Views/kewilayahan/kytp/componentProgresifitas/Pembayaran.js

@@ -1,15 +1,16 @@
-import React, { useEffect, useRef, useState } from "react"
-import Highcharts from "highcharts"
-import HighchartsReact from "highcharts-react-official"
-import { Col, Row } from "reactstrap"
-import { format_angka } from "../util"
-import $ from "jquery"
+import React, { useEffect, useRef, useState } from 'react'
+import Highcharts from 'highcharts'
+import HighchartsReact from 'highcharts-react-official'
+import { Col, Row } from 'reactstrap'
+import { format_angka } from '../util'
+import $ from 'jquery'
 const date = new Date()
 const cBulan = date.getMonth() + 1
-import { Skeleton } from "primereact/skeleton"
+import { Skeleton } from 'primereact/skeleton'
+import collect from 'collect.js'
 
 const Pembayaran = ({ dataSend }) => {
-  const base_url = "<?=base_url()?>"
+  const base_url = '<?=base_url()?>'
 
   const refChart = useRef(null)
   const refChart1 = useRef(null)
@@ -19,14 +20,14 @@ const Pembayaran = ({ dataSend }) => {
   const [dataMin2, setDataMin2] = useState(null)
   const [loading, setLoading] = useState(false)
 
-  const currentMonth = "<?=currentMonth()?>"
-  const currentYear = "<?=currentYear()?>"
+  const currentMonth = '<?=currentMonth()?>'
+  const currentYear = '<?=currentYear()?>'
   useEffect(() => {
     setLoading(true)
     $.get({
-      url: base_url + "kewilayahan/kytp/sebaranPembayaran",
-      dataType: "json",
-      type: "POST",
+      url: base_url + 'kewilayahan/kytp/sebaranPembayaran',
+      dataType: 'json',
+      type: 'POST',
       data: {
         ...dataSend,
         tahun: currentYear,
@@ -42,37 +43,37 @@ const Pembayaran = ({ dataSend }) => {
   }, [dataSend])
 
   const optionsChart = (data, title, type) => {
-    const total_wp = collect(data).sum("y")
+    const total_wp = collect(data).sum('y')
     return {
       chart: {
         plotBackgroundColor: null,
         plotBorderWidth: null,
         plotShadow: false,
-        type: "pie",
-        zoomType: "xy",
-        height: "300"
+        type: 'pie',
+        zoomType: 'xy',
+        height: '300'
       },
       title: {
         text: title,
-        style: { fontSize: "10px" }
+        style: { fontSize: '10px' }
       },
       tooltip: {
-        pointFormat: "<b>{point.percentage:.1f}%</b><br>Jml NPWP : {point.y} dari " + format_angka(total_wp)
+        pointFormat: '<b>{point.percentage:.1f}%</b><br>Jml NPWP : {point.y} dari ' + format_angka(total_wp)
       },
       accessibility: {
         point: {
-          valueSuffix: "%"
+          valueSuffix: '%'
         }
       },
       plotOptions: {
         pie: {
           allowPointSelect: true,
-          cursor: "pointer",
+          cursor: 'pointer',
           //colors : warna_garis,
           dataLabels: {
             enabled: true,
-            style: { fontSize: "10px" },
-            format: "{point.name}: <br> {point.percentage:.1f} %"
+            style: { fontSize: '10px' },
+            format: '{point.name}: <br> {point.percentage:.1f} %'
           }
           // showInLegend: true
         }
@@ -95,21 +96,21 @@ const Pembayaran = ({ dataSend }) => {
               <Skeleton className="" shape="circle" size="15rem"></Skeleton>
             </div>
           ) : (
-            <HighchartsReact ref={refChart} highcharts={Highcharts} options={optionsChart(dataC, "s.d. bulan ini", "C")} />
+            <HighchartsReact ref={refChart} highcharts={Highcharts} options={optionsChart(dataC, 's.d. bulan ini', 'C')} />
           )}
         </Col>
         <Col md="4">
           {loading ? (
             <Skeleton className="" shape="circle" size="15rem"></Skeleton>
           ) : (
-            <HighchartsReact ref={refChart1} highcharts={Highcharts} options={optionsChart(dataMin1, "s.d. bulan lalu", "Min1")} />
+            <HighchartsReact ref={refChart1} highcharts={Highcharts} options={optionsChart(dataMin1, 's.d. bulan lalu', 'Min1')} />
           )}
         </Col>
         <Col md="4">
           {loading ? (
             <Skeleton className="center text-center" shape="circle" size="15rem"></Skeleton>
           ) : (
-            <HighchartsReact ref={refChart2} highcharts={Highcharts} options={optionsChart(dataMin2, "s.d. 2 bulan yang lalu", "Min2")} />
+            <HighchartsReact ref={refChart2} highcharts={Highcharts} options={optionsChart(dataMin2, 's.d. 2 bulan yang lalu', 'Min2')} />
           )}
         </Col>
       </Row>

app/Views/kewilayahan/kytp/componentProgresifitas/ZonaPengawasan.js

@@ -1,12 +1,12 @@
-import React, { useEffect, useRef, useState } from "react"
-import Highcharts from "highcharts"
-import HighchartsReact from "highcharts-react-official"
-import { Col, Row } from "reactstrap"
-import { format_angka } from "../util"
-import collect from "collect.js"
-import $ from "jquery"
+import React, { useEffect, useRef, useState } from 'react'
+import Highcharts from 'highcharts'
+import HighchartsReact from 'highcharts-react-official'
+import { Col, Row } from 'reactstrap'
+import { format_angka } from '../util'
+import collect from 'collect.js'
+import $ from 'jquery'
 const ZonaPengawasan = ({ dataSend }) => {
-  const base_url = "<?=base_url()?>"
+  const base_url = '<?=base_url()?>'
 
   const refChart = useRef(null)
   const refChart2 = useRef(null)
@@ -15,9 +15,9 @@ const ZonaPengawasan = ({ dataSend }) => {
 
   useEffect(() => {
     $.get({
-      url: base_url + "kewilayahan/kytp/sebaranZonaPengawasan",
-      dataType: "json",
-      type: "POST",
+      url: base_url + 'kewilayahan/kytp/sebaranZonaPengawasan',
+      dataType: 'json',
+      type: 'POST',
       data: {
         ...dataSend
       },
@@ -28,43 +28,43 @@ const ZonaPengawasan = ({ dataSend }) => {
   }, [dataSend])
 
   const optionsChart = (data, title) => {
-    const total_wp = collect(data).sum("y")
+    const total_wp = collect(data).sum('y')
     return {
       chart: {
         plotBackgroundColor: null,
         plotBorderWidth: null,
         plotShadow: false,
-        type: "pie",
-        zoomType: "xy",
-        height: "300"
+        type: 'pie',
+        zoomType: 'xy',
+        height: '300'
       },
       title: {
         text: title,
-        style: { fontSize: "10px" }
+        style: { fontSize: '10px' }
       },
       tooltip: {
-        pointFormat: "<b>{point.percentage:.1f}%</b><br>: {point.y} dari " + format_angka(total_wp) + " total Lokasi KPDL"
+        pointFormat: '<b>{point.percentage:.1f}%</b><br>: {point.y} dari ' + format_angka(total_wp) + ' total Lokasi KPDL'
       },
       accessibility: {
         point: {
-          valueSuffix: "%"
+          valueSuffix: '%'
         }
       },
       plotOptions: {
         pie: {
           allowPointSelect: true,
-          cursor: "pointer",
+          cursor: 'pointer',
           dataLabels: {
             enabled: true,
-            style: { fontSize: "10px" },
-            format: "{point.name}: <br> {point.percentage:.1f} %"
+            style: { fontSize: '10px' },
+            format: '{point.name}: <br> {point.percentage:.1f} %'
           }
         }
         // series: pie_click
       },
       series: [
         {
-          name: "",
+          name: '',
           data
         }
       ]
@@ -77,7 +77,7 @@ const ZonaPengawasan = ({ dataSend }) => {
           <HighchartsReact
             ref={refChart}
             highcharts={Highcharts}
-            options={optionsChart(dataAll, "Sebarann Zona Pengawasan yang telah dilakukan kegiatan MATOA/KPDL")}
+            options={optionsChart(dataAll, 'Sebarann Zona Pengawasan yang telah dilakukan kegiatan MATOA/KPDL')}
           />
           <div className="center text-center">
             <span className="text-center">Sebaran Lokasi Usaha atas WP Terdaftar</span>