@devgateway/dvz-wp-commons 1.0.0

package/build/Constants.js

@@ -0,0 +1,15 @@
+export const DEFAULT_FORMAT_SETTINGS = {
+    format: {
+        style: "percent",
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+    },
+    customFormat: {
+        style: "percent",
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+    },
+    useCustomAxisFormat: false
+};
+export const BLOCKS_CATEGORY = 'wp-react-lib-blocks';
+export const BLOCKS_NS = 'viz';

package/build/DataFilters.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Filter } from './types';
+export type DataFiltersProps = {
+    allCategories: any[];
+    allFilters: any[];
+    onChange?: () => void;
+    attributes?: {
+        filters: Filter[];
+    };
+    setAttributes: (attributes: any) => void;
+};
+export declare const DataFilters: (props: DataFiltersProps) => React.JSX.Element;
+export default DataFilters;

package/build/DataFilters.js

@@ -0,0 +1,98 @@
+import React from 'react';
+import { Button, PanelBody, PanelRow, SelectControl, ToggleControl } from "@wordpress/components";
+import { __ } from '@wordpress/i18n';
+export const DataFilters = (props) => {
+    const updateFilterParam = (param, idx) => {
+        const { attributes, setAttributes, allFilters } = props;
+        const filters = attributes?.filters || [];
+        const newFilters = filters.slice();
+        const selected = allFilters.filter(f => f.param === param)[0];
+        newFilters[idx] = { ...selected, value: [] };
+        setAttributes({ filters: newFilters });
+    };
+    const updateFilterValue = (value, idx) => {
+        const { attributes, setAttributes, onChange } = props;
+        const filters = attributes?.filters || [];
+        const selected = filters[idx];
+        let values = selected.value;
+        if (values.indexOf(value) > -1) {
+            values = values.filter(v => v != value);
+        }
+        else {
+            values.push(value);
+        }
+        const newFilters = filters.slice();
+        newFilters[idx].value = values;
+        setAttributes({ filters: newFilters });
+        onChange && onChange();
+    };
+    const addFilter = () => {
+        const { attributes, setAttributes, allFilters } = props;
+        const filters = attributes?.filters || [];
+        let index = filters.length > allFilters.length ? allFilters.length : filters.length;
+        const newFilter = (allFilters && allFilters.length > 0) ? {
+            ...allFilters[index],
+            "value": []
+        } : null;
+        let newFilters = filters.slice();
+        newFilters.push(newFilter);
+        setAttributes({ filters: newFilters });
+    };
+    const removeFilter = (f) => {
+        const { attributes, setAttributes } = props;
+        const filters = attributes?.filters || [];
+        let newFilters = filters.slice(0, -1);
+        setAttributes({ filters: newFilters });
+    };
+    const items = (type) => {
+        const values = props.allCategories ? props.allCategories.filter(c => c.type === type) : [];
+        const cat = values.length > 0 ? values[0] : null;
+        let items = null;
+        if (type === 'Boolean') {
+            items = [{ "value": "Yes", id: true }, { "value": "No", id: false }];
+        }
+        else if (cat) {
+            items = cat.items;
+        }
+        return items;
+    };
+    const FilterSelector = ({ param, index, options, onUpdateFilterParam }) => {
+        const sortedOptions = options.sort(function (a, b) {
+            var aLabel = a.label ? a.label.toLowerCase() : "";
+            var bLabel = b.label ? b.label.toLowerCase() : "";
+            return aLabel < bLabel ? -1 : aLabel > bLabel ? 1 : 0;
+        });
+        return React.createElement(SelectControl, { onChange: (value) => {
+                onUpdateFilterParam(value, index);
+            }, value: param, options: sortedOptions });
+    };
+    const CategoricalFilter = ({ value, index, items, onUpdateFilterValue }) => {
+        if (items) {
+            const sortedItems = items.sort(function (a, b) {
+                if (a.position !== undefined && b.position !== undefined) {
+                    return a.position - b.position;
+                }
+                let aValue = a.value ? a.value.toLowerCase() : "";
+                let bValue = b.value ? b.value.toLowerCase() : "";
+                return aValue < bValue ? -1 : aValue > bValue ? 1 : 0;
+            });
+            return sortedItems.map(v => React.createElement(PanelRow, null,
+                React.createElement(ToggleControl, { label: v.value, checked: value.indexOf(v.id) > -1, onChange: e => { onUpdateFilterValue(v.id, index); } })));
+        }
+        else {
+            return null;
+        }
+    };
+    const { allFilters, attributes } = props;
+    const filters = attributes?.filters || [];
+    return React.createElement(PanelBody, { initialOpen: false, title: __("Filters") },
+        filters.length > 0 && filters.map((f, index) => {
+            return (React.createElement(PanelBody, { initialOpen: true, title: __(`Filter - ${f.label}`) },
+                React.createElement(FilterSelector, { param: f.param, index: index, options: allFilters, onUpdateFilterParam: updateFilterParam }),
+                React.createElement(CategoricalFilter, { value: f.value, index: index, items: items(f.type), onUpdateFilterValue: updateFilterValue })));
+        }),
+        React.createElement(PanelRow, null,
+            React.createElement(Button, { variant: "link", onClick: addFilter }, __("Add Filter")),
+            React.createElement(Button, { variant: "link", onClick: removeFilter }, __("Remove"))));
+};
+export default DataFilters;

package/build/Format.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type FormatProps = {
+    format: any;
+    title?: string;
+    onFormatChange: (format: any, field: string) => void;
+    onUseCustomAxisFormatChange?: (value: boolean) => void;
+    customFormat?: any;
+    hiddenCustomAxisFormat?: boolean;
+    useCustomAxisFormat?: boolean;
+};
+export declare const Format: ({ format, title, onFormatChange, onUseCustomAxisFormatChange, customFormat, hiddenCustomAxisFormat, useCustomAxisFormat }: FormatProps) => React.JSX.Element[];
+export default Format;

package/build/Format.js

@@ -0,0 +1,385 @@
+import React from 'react';
+import { PanelRow, SelectControl, TextControl, ToggleControl, PanelBody } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+const styles = [
+    { label: 'Decimal', value: 'decimal' },
+    { label: 'Compacted', value: 'compacted' },
+    { label: 'Currency', value: 'currency' },
+    { label: 'Percent', value: 'percent' }
+];
+const currencies = [
+    { "label": "ADB Unit of Account (XUA)", "value": "XUA" },
+    { "label": "Afghani (AFN)", "value": "AFN" },
+    { "label": "Afghani (AFA)", "value": "AFA" },
+    { "label": "Algerian Dinar (DZD)", "value": "DZD" },
+    { "label": "Andorran Peseta (ADP)", "value": "ADP" },
+    { "label": "Argentine Peso (ARS)", "value": "ARS" },
+    { "label": "Armenian Dram (AMD)", "value": "AMD" },
+    { "label": "Aruban Florin (AWG)", "value": "AWG" },
+    { "label": "Austral (ARA)", "value": "ARA" },
+    { "label": "Australian Dollar (AUD)", "value": "AUD" },
+    { "label": "Azerbaijan Manat (AZN)", "value": "AZN" },
+    { "label": "Azerbaijan Manat (AYM)", "value": "AYM" },
+    { "label": "Azerbaijanian Manat (AZM)", "value": "AZM" },
+    { "label": "Bahamian Dollar (BSD)", "value": "BSD" },
+    { "label": "Bahraini Dinar (BHD)", "value": "BHD" },
+    { "label": "Baht (THB)", "value": "THB" },
+    { "label": "Balboa (PAB)", "value": "PAB" },
+    { "label": "Barbados Dollar (BBD)", "value": "BBD" },
+    { "label": "Belarusian Ruble (BYN)", "value": "BYN" },
+    { "label": "Belarusian Ruble (BYB)", "value": "BYB" },
+    { "label": "Belarusian Ruble (BYR)", "value": "BYR" },
+    { "label": "Belgian Franc (BEF)", "value": "BEF" },
+    { "label": "Belize Dollar (BZD)", "value": "BZD" },
+    { "label": "Bermudian Dollar (BMD)", "value": "BMD" },
+    { "label": "Bolívar (VEF)", "value": "VEF" },
+    { "label": "Bolívar Soberano (VES)", "value": "VES" },
+    { "label": "Bolivar (VEB)", "value": "VEB" },
+    { "label": "Bolivar (VEF)", "value": "VEF" },
+    { "label": "Bolivar Fuerte (VEF)", "value": "VEF" },
+    { "label": "Boliviano (BOB)", "value": "BOB" },
+    {
+        "label": "Bond Markets Unit European Composite Unit (EURCO) (XBA)",
+        "value": "XBA"
+    },
+    {
+        "label": "Bond Markets Unit European Monetary Unit (E.M.U.-6) (XBB)",
+        "value": "XBB"
+    },
+    {
+        "label": "Bond Markets Unit European Unit of Account 17 (E.U.A.-17) (XBD)",
+        "value": "XBD"
+    },
+    {
+        "label": "Bond Markets Unit European Unit of Account 9 (E.U.A.-9) (XBC)",
+        "value": "XBC"
+    },
+    { "label": "Brazilian Real (BRL)", "value": "BRL" },
+    { "label": "Brunei Dollar (BND)", "value": "BND" },
+    { "label": "Bulgarian Lev (BGN)", "value": "BGN" },
+    { "label": "Burundi Franc (BIF)", "value": "BIF" },
+    { "label": "Cabo Verde Escudo (CVE)", "value": "CVE" },
+    { "label": "Canadian Dollar (CAD)", "value": "CAD" },
+    { "label": "Cayman Islands Dollar (KYD)", "value": "KYD" },
+    { "label": "Cedi (GHC)", "value": "GHC" },
+    { "label": "CFA Franc BCEAO (XOF)", "value": "XOF" },
+    { "label": "CFA Franc BEAC (XAF)", "value": "XAF" },
+    { "label": "CFP Franc (XPF)", "value": "XPF" },
+    { "label": "Chilean Peso (CLP)", "value": "CLP" },
+    { "label": "Codes specifically reserved for testing purposes (XTS)", "value": "XTS" },
+    { "label": "Colombian Peso (COP)", "value": "COP" },
+    { "label": "Comorian Franc  (KMF)", "value": "KMF" },
+    { "label": "Congolese Franc (CDF)", "value": "CDF" },
+    { "label": "Convertible Franc (BEC)", "value": "BEC" },
+    { "label": "Convertible Mark (BAM)", "value": "BAM" },
+    { "label": "Cordoba (NIC)", "value": "NIC" },
+    { "label": "Cordoba Oro (NIO)", "value": "NIO" },
+    { "label": "Costa Rican Colon (CRC)", "value": "CRC" },
+    { "label": "Croatian Dinar (HRD)", "value": "HRD" },
+    { "label": "Croatian Kuna (HRK)", "value": "HRK" },
+    { "label": "Cruzado (BRC)", "value": "BRC" },
+    { "label": "Cruzeiro (BRB)", "value": "BRB" },
+    { "label": "Cruzeiro (BRE)", "value": "BRE" },
+    { "label": "Cruzeiro Real (BRR)", "value": "BRR" },
+    { "label": "Cuban Peso (CUP)", "value": "CUP" },
+    { "label": "Cyprus Pound (CYP)", "value": "CYP" },
+    { "label": "Czech Koruna (CZK)", "value": "CZK" },
+    { "label": "Dalasi (GMD)", "value": "GMD" },
+    { "label": "Danish Krone (DKK)", "value": "DKK" },
+    { "label": "Denar (MKD)", "value": "MKD" },
+    { "label": "Deutsche Mark (DEM)", "value": "DEM" },
+    { "label": "Dinar (BAD)", "value": "BAD" },
+    { "label": "Djibouti Franc (DJF)", "value": "DJF" },
+    { "label": "Dobra (STN)", "value": "STN" },
+    { "label": "Dobra (STD)", "value": "STD" },
+    { "label": "Dominican Peso (DOP)", "value": "DOP" },
+    { "label": "Dong (VND)", "value": "VND" },
+    { "label": "Drachma (GRD)", "value": "GRD" },
+    { "label": "East Caribbean Dollar (XCD)", "value": "XCD" },
+    { "label": "Egyptian Pound (EGP)", "value": "EGP" },
+    { "label": "Ekwele (GQE)", "value": "GQE" },
+    { "label": "El Salvador Colon (SVC)", "value": "SVC" },
+    { "label": "Ethiopian Birr (ETB)", "value": "ETB" },
+    { "label": "Euro (EUR)", "value": "EUR" },
+    { "label": "European Currency Unit (E.C.U) (XEU)", "value": "XEU" },
+    { "label": "Falkland Islands Pound (FKP)", "value": "FKP" },
+    { "label": "Fiji Dollar (FJD)", "value": "FJD" },
+    { "label": "Financial Franc (BEL)", "value": "BEL" },
+    { "label": "Financial Rand (ZAL)", "value": "ZAL" },
+    { "label": "Forint (HUF)", "value": "HUF" },
+    { "label": "French Franc (FRF)", "value": "FRF" },
+    { "label": "Georgian Coupon (GEK)", "value": "GEK" },
+    { "label": "Ghana Cedi (GHS)", "value": "GHS" },
+    { "label": "Ghana Cedi (GHP)", "value": "GHP" },
+    { "label": "Gibraltar Pound (GIP)", "value": "GIP" },
+    { "label": "Gold (XAU)", "value": "XAU" },
+    { "label": "Gold-Franc (XFO)", "value": "XFO" },
+    { "label": "Gourde (HTG)", "value": "HTG" },
+    { "label": "Guarani (PYG)", "value": "PYG" },
+    { "label": "Guinea Escudo (GWE)", "value": "GWE" },
+    { "label": "Guinea-Bissau Peso (GWP)", "value": "GWP" },
+    { "label": "Guinean Franc (GNF)", "value": "GNF" },
+    { "label": "Guyana Dollar (GYD)", "value": "GYD" },
+    { "label": "Hong Kong Dollar (HKD)", "value": "HKD" },
+    { "label": "Hryvnia (UAH)", "value": "UAH" },
+    { "label": "Iceland Krona (ISK)", "value": "ISK" },
+    { "label": "Indian Rupee (INR)", "value": "INR" },
+    { "label": "Inti (PEI)", "value": "PEI" },
+    { "label": "Iranian Rial (IRR)", "value": "IRR" },
+    { "label": "Iraqi Dinar (IQD)", "value": "IQD" },
+    { "label": "Irish Pound (IEP)", "value": "IEP" },
+    { "label": "Italian Lira (ITL)", "value": "ITL" },
+    { "label": "Jamaican Dollar (JMD)", "value": "JMD" },
+    { "label": "Jordanian Dinar (JOD)", "value": "JOD" },
+    { "label": "Karbovanet (UAK)", "value": "UAK" },
+    { "label": "Kenyan Shilling (KES)", "value": "KES" },
+    { "label": "Kina (PGK)", "value": "PGK" },
+    { "label": "Koruna (CSK)", "value": "CSK" },
+    { "label": "Krona A/53 (CSJ)", "value": "CSJ" },
+    { "label": "Kroon (EEK)", "value": "EEK" },
+    { "label": "Kuna (HRK)", "value": "HRK" },
+    { "label": "Kuwaiti Dinar (KWD)", "value": "KWD" },
+    { "label": "Kwacha (MWK)", "value": "MWK" },
+    { "label": "Kwanza (AOA)", "value": "AOA" },
+    { "label": "Kwanza (AOK)", "value": "AOK" },
+    { "label": "Kwanza Reajustado (AOR)", "value": "AOR" },
+    { "label": "Kyat (MMK)", "value": "MMK" },
+    { "label": "Kyat (BUK)", "value": "BUK" },
+    { "label": "Lao Kip (LAK)", "value": "LAK" },
+    { "label": "Lari (GEL)", "value": "GEL" },
+    { "label": "Latvian Lats (LVL)", "value": "LVL" },
+    { "label": "Latvian Ruble (LVR)", "value": "LVR" },
+    { "label": "Lebanese Pound (LBP)", "value": "LBP" },
+    { "label": "Lek (ALL)", "value": "ALL" },
+    { "label": "Lempira (HNL)", "value": "HNL" },
+    { "label": "Leone (SLL)", "value": "SLL" },
+    { "label": "Leu A/52 (ROK)", "value": "ROK" },
+    { "label": "Lev (BGL)", "value": "BGL" },
+    { "label": "Lev A/52 (BGJ)", "value": "BGJ" },
+    { "label": "Lev A/62 (BGK)", "value": "BGK" },
+    { "label": "Liberian Dollar (LRD)", "value": "LRD" },
+    { "label": "Libyan Dinar (LYD)", "value": "LYD" },
+    { "label": "Lilangeni (SZL)", "value": "SZL" },
+    { "label": "Lithuanian Litas (LTL)", "value": "LTL" },
+    { "label": "Loti (LSL)", "value": "LSL" },
+    { "label": "Loti (LSM)", "value": "LSM" },
+    { "label": "Luxembourg Convertible Franc (LUC)", "value": "LUC" },
+    { "label": "Luxembourg Financial Franc (LUL)", "value": "LUL" },
+    { "label": "Luxembourg Franc (LUF)", "value": "LUF" },
+    { "label": "Malagasy Ariary (MGA)", "value": "MGA" },
+    { "label": "Malagasy Franc (MGF)", "value": "MGF" },
+    { "label": "Malawi Kwacha (MWK)", "value": "MWK" },
+    { "label": "Malaysian Ringgit (MYR)", "value": "MYR" },
+    { "label": "Maldive Rupee (MVQ)", "value": "MVQ" },
+    { "label": "Mali Franc (MLF)", "value": "MLF" },
+    { "label": "Maltese Lira (MTL)", "value": "MTL" },
+    { "label": "Maltese Pound (MTP)", "value": "MTP" },
+    { "label": "Mark der DDR (DDM)", "value": "DDM" },
+    { "label": "Markka (FIM)", "value": "FIM" },
+    { "label": "Mauritius Rupee (MUR)", "value": "MUR" },
+    { "label": "Mexican Peso (MXN)", "value": "MXN" },
+    { "label": "Mexican Peso (MXP)", "value": "MXP" },
+    { "label": "Mexican Unidad de Inversion (UDI) (MXV)", "value": "MXV" },
+    { "label": "Moldovan Leu (MDL)", "value": "MDL" },
+    { "label": "Moroccan Dirham (MAD)", "value": "MAD" },
+    { "label": "Mozambique Escudo (MZE)", "value": "MZE" },
+    { "label": "Mozambique Metical (MZN)", "value": "MZN" },
+    { "label": "Mozambique Metical (MZM)", "value": "MZM" },
+    { "label": "Mvdol (BOV)", "value": "BOV" },
+    { "label": "Naira (NGN)", "value": "NGN" },
+    { "label": "Nakfa (ERN)", "value": "ERN" },
+    { "label": "Namibia Dollar (NAD)", "value": "NAD" },
+    { "label": "Nepalese Rupee (NPR)", "value": "NPR" },
+    { "label": "Netherlands Antillean Guilder (ANG)", "value": "ANG" },
+    { "label": "Netherlands Guilder (NLG)", "value": "NLG" },
+    { "label": "New Cruzado (BRN)", "value": "BRN" },
+    { "label": "New Dinar (YUM)", "value": "YUM" },
+    { "label": "New Israeli Sheqel (ILS)", "value": "ILS" },
+    { "label": "New Kwanza (AON)", "value": "AON" },
+    { "label": "New Romanian Leu  (RON)", "value": "RON" },
+    { "label": "New Taiwan Dollar (TWD)", "value": "TWD" },
+    { "label": "New Turkish Lira (TRY)", "value": "TRY" },
+    { "label": "New Yugoslavian Dinar (YUD)", "value": "YUD" },
+    { "label": "New Zaire (ZRN)", "value": "ZRN" },
+    { "label": "New Zealand Dollar (NZD)", "value": "NZD" },
+    { "label": "Ngultrum (BTN)", "value": "BTN" },
+    { "label": "No universal currency ()", "value": "" },
+    { "label": "North Korean Won (KPW)", "value": "KPW" },
+    { "label": "Norwegian Krone (NOK)", "value": "NOK" },
+    { "label": "Nuevo Sol  (PEN)", "value": "PEN" },
+    { "label": "Old Dong (VNC)", "value": "VNC" },
+    { "label": "Old Krona (ISJ)", "value": "ISJ" },
+    { "label": "Old Lek (ALK)", "value": "ALK" },
+    { "label": "Old Leu (ROL)", "value": "ROL" },
+    { "label": "Old Shekel (ILR)", "value": "ILR" },
+    { "label": "Old Shilling (UGW)", "value": "UGW" },
+    { "label": "Old Turkish Lira (TRL)", "value": "TRL" },
+    { "label": "Old Uruguay Peso (UYN)", "value": "UYN" },
+    { "label": "Ouguiya (MRU)", "value": "MRU" },
+    { "label": "Ouguiya (MRO)", "value": "MRO" },
+    { "label": "Pa'anga (TOP)", "value": "TOP" },
+    { "label": "Pakistan Rupee (PKR)", "value": "PKR" },
+    { "label": "Palladium (XPD)", "value": "XPD" },
+    { "label": "Pataca (MOP)", "value": "MOP" },
+    { "label": "Pathet Lao Kip (LAJ)", "value": "LAJ" },
+    { "label": "Peso (ARY)", "value": "ARY" },
+    { "label": "Peso Argentino (ARP)", "value": "ARP" },
+    { "label": "Peso boliviano (BOP)", "value": "BOP" },
+    { "label": "Peso Convertible (CUC)", "value": "CUC" },
+    { "label": "Peso Uruguayo (UYU)", "value": "UYU" },
+    { "label": "Philippine Peso (PHP)", "value": "PHP" },
+    { "label": "Platinum (XPT)", "value": "XPT" },
+    { "label": "Portuguese Escudo (PTE)", "value": "PTE" },
+    { "label": "Pound (ILP)", "value": "ILP" },
+    { "label": "Pound Sterling (GBP)", "value": "GBP" },
+    { "label": "Pula (BWP)", "value": "BWP" },
+    { "label": "Qatari Rial (QAR)", "value": "QAR" },
+    { "label": "Quetzal (GTQ)", "value": "GTQ" },
+    { "label": "Rand (ZAR)", "value": "ZAR" },
+    { "label": "Rhodesian Dollar (RHD)", "value": "RHD" },
+    { "label": "Rhodesian Dollar (ZWC)", "value": "ZWC" },
+    { "label": "Rial Omani (OMR)", "value": "OMR" },
+    { "label": "Riel (KHR)", "value": "KHR" },
+    { "label": "RINET Funds Code (XRE)", "value": "XRE" },
+    { "label": "Romanian Leu (RON)", "value": "RON" },
+    { "label": "Rouble (SUR)", "value": "SUR" },
+    { "label": "Rufiyaa (MVR)", "value": "MVR" },
+    { "label": "Rupiah (IDR)", "value": "IDR" },
+    { "label": "Russian Ruble (RUB)", "value": "RUB" },
+    { "label": "Russian Ruble (RUR)", "value": "RUR" },
+    { "label": "Rwanda Franc (RWF)", "value": "RWF" },
+    { "label": "Saint Helena Pound (SHP)", "value": "SHP" },
+    { "label": "Saudi Riyal (SAR)", "value": "SAR" },
+    { "label": "Schilling (ATS)", "value": "ATS" },
+    { "label": "SDR (Special Drawing Right) (XDR)", "value": "XDR" },
+    { "label": "Serbian Dinar (RSD)", "value": "RSD" },
+    { "label": "Serbian Dinar (CSD)", "value": "CSD" },
+    { "label": "Seychelles Rupee (SCR)", "value": "SCR" },
+    { "label": "Silver (XAG)", "value": "XAG" },
+    { "label": "Singapore Dollar (SGD)", "value": "SGD" },
+    { "label": "Slovak Koruna (SKK)", "value": "SKK" },
+    { "label": "Sol (PEN)", "value": "PEN" },
+    { "label": "Sol (PEH)", "value": "PEH" },
+    { "label": "Sol (PES)", "value": "PES" },
+    { "label": "Solomon Islands Dollar (SBD)", "value": "SBD" },
+    { "label": "Som (KGS)", "value": "KGS" },
+    { "label": "Somali Shilling (SOS)", "value": "SOS" },
+    { "label": "Somoni (TJS)", "value": "TJS" },
+    { "label": "South Sudanese Pound (SSP)", "value": "SSP" },
+    { "label": "Spanish Peseta (ESP)", "value": "ESP" },
+    { "label": "Spanish Peseta (ESA)", "value": "ESA" },
+    { "label": "Sri Lanka Rupee (LKR)", "value": "LKR" },
+    { "label": "Sucre (XSU)", "value": "XSU" },
+    { "label": "Sucre (ECS)", "value": "ECS" },
+    { "label": "Sudanese Dinar (SDD)", "value": "SDD" },
+    { "label": "Sudanese Pound (SDG)", "value": "SDG" },
+    { "label": "Sudanese Pound (SDP)", "value": "SDP" },
+    { "label": "Surinam Dollar (SRD)", "value": "SRD" },
+    { "label": "Surinam Guilder (SRG)", "value": "SRG" },
+    { "label": "Swedish Krona (SEK)", "value": "SEK" },
+    { "label": "Swiss Franc (CHF)", "value": "CHF" },
+    { "label": "Syli (GNE)", "value": "GNE" },
+    { "label": "Syli (GNS)", "value": "GNS" },
+    { "label": "Syrian Pound (SYP)", "value": "SYP" },
+    { "label": "Tajik Ruble (TJR)", "value": "TJR" },
+    { "label": "Taka (BDT)", "value": "BDT" },
+    { "label": "Tala (WST)", "value": "WST" },
+    { "label": "Talonas (LTT)", "value": "LTT" },
+    { "label": "Tanzanian Shilling (TZS)", "value": "TZS" },
+    { "label": "Tenge (KZT)", "value": "KZT" },
+    { "label": "Timor Escudo (TPE)", "value": "TPE" },
+    { "label": "Tolar (SIT)", "value": "SIT" },
+    { "label": "Trinidad and Tobago Dollar (TTD)", "value": "TTD" },
+    { "label": "Tugrik (MNT)", "value": "MNT" },
+    { "label": "Tunisian Dinar (TND)", "value": "TND" },
+    { "label": "Turkish Lira (TRY)", "value": "TRY" },
+    { "label": "Turkmenistan Manat (TMM)", "value": "TMM" },
+    { "label": "Turkmenistan New Manat (TMT)", "value": "TMT" },
+    { "label": "UAE Dirham (AED)", "value": "AED" },
+    { "label": "Uganda Shilling (UGX)", "value": "UGX" },
+    { "label": "Uganda Shilling (UGS)", "value": "UGS" },
+    { "label": "UIC-Franc (XFU)", "value": "XFU" },
+    { "label": "Unidad de Fomento (CLF)", "value": "CLF" },
+    { "label": "Unidad de Valor Constante (UVC) (ECV)", "value": "ECV" },
+    { "label": "Unidad de Valor Real (COU)", "value": "COU" },
+    { "label": "Unidad Previsional (UYW)", "value": "UYW" },
+    { "label": "Uruguay Peso en Unidades Indexadas (UI) (UYI)", "value": "UYI" },
+    { "label": "Uruguayan Peso (UYP)", "value": "UYP" },
+    { "label": "US Dollar (USD)", "value": "USD" },
+    { "label": "US Dollar (Next day) (USN)", "value": "USN" },
+    { "label": "US Dollar (Same day) (USS)", "value": "USS" },
+    { "label": "Uzbekistan Sum (UZS)", "value": "UZS" },
+    { "label": "Vatu (VUV)", "value": "VUV" },
+    { "label": "WIR Euro (CHE)", "value": "CHE" },
+    { "label": "WIR Franc (CHW)", "value": "CHW" },
+    { "label": "WIR Franc (for electronic) (CHC)", "value": "CHC" },
+    { "label": "Won (KRW)", "value": "KRW" },
+    { "label": "Yemeni Dinar (YDD)", "value": "YDD" },
+    { "label": "Yemeni Rial (YER)", "value": "YER" },
+    { "label": "Yen (JPY)", "value": "JPY" },
+    { "label": "Yuan Renminbi (CNY)", "value": "CNY" },
+    { "label": "Yugoslavian Dinar (YUN)", "value": "YUN" },
+    { "label": "Zaire (ZRZ)", "value": "ZRZ" },
+    { "label": "Zambian Kwacha (ZMW)", "value": "ZMW" },
+    { "label": "Zambian Kwacha (ZMK)", "value": "ZMK" },
+    { "label": "Zimbabwe Dollar (ZWL)", "value": "ZWL" },
+    { "label": "Zimbabwe Dollar (ZWD)", "value": "ZWD" },
+    { "label": "Zimbabwe Dollar (ZWR)", "value": "ZWR" },
+    { "label": "Zimbabwe Dollar (new) (ZWN)", "value": "ZWN" },
+    { "label": "Zimbabwe Dollar (old) (ZWD)", "value": "ZWD" },
+    { "label": "Zloty (PLN)", "value": "PLN" },
+    { "label": "Zloty (PLZ)", "value": "PLZ" }
+];
+const DEFAULT_FORMAT = 'DEFAULT';
+const CUSTOM_FORMAT = 'CUSTOM';
+export const Format = ({ format, title, onFormatChange, onUseCustomAxisFormatChange, customFormat, hiddenCustomAxisFormat, useCustomAxisFormat }) => {
+    const onChangeFormat = (style, formatToUpdate) => {
+        const currentFormat = formatToUpdate == DEFAULT_FORMAT ? format : customFormat;
+        const field = formatToUpdate == DEFAULT_FORMAT ? 'format' : 'customFormat';
+        onFormatChange(Object.assign({}, currentFormat, { style }), field);
+    };
+    const onDecimalChange = (value, formatToUpdate) => {
+        const currentFormat = formatToUpdate == DEFAULT_FORMAT ? format : customFormat;
+        const field = formatToUpdate == DEFAULT_FORMAT ? 'format' : 'customFormat';
+        onFormatChange(Object.assign({}, currentFormat, {
+            minimumFractionDigits: value,
+            maximumFractionDigits: value
+        }), field);
+    };
+    const onCurrencyChange = (currency, formatToUpdate) => {
+        const currentFormat = formatToUpdate == DEFAULT_FORMAT ? format : customFormat;
+        const field = formatToUpdate == DEFAULT_FORMAT ? 'format' : 'customFormat';
+        onFormatChange(Object.assign({}, currentFormat, { currency }), field);
+    };
+    return [
+        React.createElement(PanelBody, { initialOpen: true, title: __("Default Format") },
+            React.createElement(PanelRow, null,
+                React.createElement(SelectControl, { multiple: true, label: __('Style', "dg"), value: [format.style], onChange: (value) => {
+                        onChangeFormat(value, DEFAULT_FORMAT);
+                    }, options: styles })),
+            React.createElement(React.Fragment, null, format.style === "currency" && React.createElement(PanelRow, null,
+                React.createElement(SelectControl, { label: __("Currency", "dg"), onChange: (value) => {
+                        onCurrencyChange(value, DEFAULT_FORMAT);
+                    }, value: format.currency, options: currencies }))),
+            React.createElement(PanelRow, null,
+                React.createElement(TextControl, { type: "number", label: __("Decimal Points", "dg"), onChange: (value) => {
+                        onDecimalChange(value, DEFAULT_FORMAT);
+                    }, value: format.minimumFractionDigits }))),
+        React.createElement(React.Fragment, null, !hiddenCustomAxisFormat && React.createElement(PanelRow, null,
+            React.createElement(ToggleControl, { label: __("Use Custom Axis Format", "dg"), checked: useCustomAxisFormat, onChange: (value) => onUseCustomAxisFormatChange?.(value) }))),
+        React.createElement(React.Fragment, null, useCustomAxisFormat && React.createElement(PanelBody, { initialOpen: true, title: __("Custom Axis Format") },
+            React.createElement(PanelRow, null,
+                React.createElement(SelectControl, { multiple: true, label: __('Style', "dg"), value: [customFormat.style], onChange: (value) => {
+                        onChangeFormat(value, CUSTOM_FORMAT);
+                    }, options: styles })),
+            React.createElement(React.Fragment, null, customFormat.style === "currency" && React.createElement(PanelRow, null,
+                React.createElement(SelectControl, { label: __("Currency", "dg"), onChange: (value) => {
+                        onCurrencyChange(value, CUSTOM_FORMAT);
+                    }, value: customFormat.currency, options: currencies }))),
+            React.createElement(PanelRow, null,
+                React.createElement(TextControl, { type: "number", label: __("Decimal Points", "dg"), onChange: (value) => {
+                        onDecimalChange(value, CUSTOM_FORMAT);
+                    }, value: customFormat.minimumFractionDigits }))))
+    ];
+};
+export default Format;

package/build/MapCSVSourceConfig.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type MapCSVSourceConfigProps = {
+    attributes: {
+        app: string;
+        csv: string;
+        hasMultipleMeasures: boolean;
+        enableSummaryView: boolean;
+    };
+    setAttributes: (attributes: any) => void;
+};
+export declare const MapCSVSourceConfig: ({ attributes: { app, csv, hasMultipleMeasures, enableSummaryView }, setAttributes }: MapCSVSourceConfigProps) => React.JSX.Element[];
+export default MapCSVSourceConfig;

package/build/MapCSVSourceConfig.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PanelBody, PanelRow, ToggleControl, TextareaControl } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+export const MapCSVSourceConfig = ({ attributes: { app, csv, hasMultipleMeasures, enableSummaryView }, setAttributes }) => {
+    return ([React.createElement(PanelBody, { initialOpen: false, title: __("CSV Configuration") },
+            React.createElement(PanelRow, null,
+                React.createElement(ToggleControl, { label: "Has Multiple Measures", checked: hasMultipleMeasures, onChange: () => setAttributes({ hasMultipleMeasures: !hasMultipleMeasures }) })),
+            React.createElement(PanelRow, null,
+                React.createElement(TextareaControl, { label: __("CSV Data"), value: csv, onChange: (csv) => setAttributes({ csv }) })))
+    ]);
+};
+export default MapCSVSourceConfig;

package/build/Measures.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Measure } from './types';
+export type MeasuresProps = {
+    onMeasuresChange?: (measure: string) => void;
+    onFormatChange: (format: string, field: string) => void;
+    onUseCustomAxisFormatChange?: (value: boolean) => void;
+    onSetSingleMeasure: (measure: string) => void;
+    onCustomLabelToggleChange?: (measure: string) => void;
+    onCustomLabelChange?: (measure: string, value: string) => void;
+    allMeasures: Measure[];
+    setAttributes: (attributes: any) => void;
+    title?: string;
+    format?: any;
+    currentType?: string;
+    attributes: {
+        panelStatus?: any;
+        measures: Measure[];
+        dimension1: string;
+        dimension2?: string;
+        type: string;
+        app: string;
+    };
+};
+export declare const Measures: (props: MeasuresProps) => React.JSX.Element;
+export default Measures;