xmlui 0.7.20 → 0.7.21

package/dist/scripts/src/components/BarChart/BarChart.js

@@ -1,49 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.barChartComponentRenderer = exports.BarChartMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const PieChart_module_scss_1 = __importDefault(require("@components/PieChart/PieChart.module.scss"));
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const themeVars_1 = require("@components-core/theming/themeVars");
-const renderers_1 = require("@components-core/renderers");
-const BarChartNative_1 = require("./BarChartNative");
-const COMP = "BarChart";
-exports.BarChartMd = (0, ComponentDefs_1.createMetadata)({
-    status: "deprecated",
-    description: `The \`BarChart\` component represents a bar chart.`,
-    props: {
-        data: (0, ComponentDefs_1.d)(`This property is used to provide the component with data to display. The data itself needs ` +
-            `to be an array of objects.`),
-        keys: (0, ComponentDefs_1.d)(`This property specifies what the label texts are for each bar.`),
-        groupMode: (0, ComponentDefs_1.d)(`This property determines how the bars are layed out. The \`grouped\` variant lays out the ` +
-            `bars next to each other on the primary axis. The \`stacked\` variant stacks the bars on ` +
-            `top of each other.`),
-        layout: (0, ComponentDefs_1.d)(`This property determines the orientation of the bar chart. The \`vertical\` variant ` +
-            `specifies the horizontal axis as the primary and lays out the bars from left to right. ` +
-            `The \`horizontal\` variant specifies the vertical axis as the primary and has the bars ` +
-            `spread from top to bottom.`),
-        indexBy: (0, ComponentDefs_1.d)(`Determines which attribute groups the bars together.`),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(PieChart_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        "scheme-BarChart": "pastel1",
-        "color-text-BarChart": "$color-text-secondary",
-        "color-ticks-BarChart": "$color-text-primary",
-        "color-bg-tooltip-BarChart": "$color-bg-primary",
-        "color-text-tooltip-BarChart": "$color-text-primary",
-        "color-axis-BarChart": "$color-text-primary",
-        light: {
-            "scheme-BarChart": "set3",
-        },
-        dark: {
-            "scheme-BarChart": "dark2",
-        },
-    },
-});
-exports.barChartComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.BarChartMd, ({ extractValue, node, layoutCss }) => {
-    var _a, _b, _c, _d, _e;
-    return ((0, jsx_runtime_1.jsx)(BarChartNative_1.BarChart, { style: layoutCss, data: extractValue((_a = node.props) === null || _a === void 0 ? void 0 : _a.data), keys: extractValue((_b = node.props) === null || _b === void 0 ? void 0 : _b.keys), groupMode: extractValue((_c = node.props) === null || _c === void 0 ? void 0 : _c.groupMode), layout: extractValue((_d = node.props) === null || _d === void 0 ? void 0 : _d.layout), indexBy: extractValue((_e = node.props) === null || _e === void 0 ? void 0 : _e.indexBy) }));
-});

package/dist/scripts/src/components/BarChart/BarChartNative.js

@@ -1,176 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BarChart = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
-const chart_color_schemes_1 = __importDefault(require("@components/chart-color-schemes"));
-const hooks_1 = require("@components-core/utils/hooks");
-const ResponsiveBar = react_1.default.lazy(() => Promise.resolve().then(() => __importStar(require("@nivo/bar"))).then((module) => ({ default: module.ResponsiveBar })));
-const BarChart = ({ data, keys = [], groupMode = "grouped", layout = "vertical", indexBy = "id", style, }) => {
-    console.log(keys, data);
-    const { getThemeVar } = (0, ThemeContext_1.useTheme)();
-    const colors = (0, hooks_1.useColors)({
-        name: "color-text-BarChart",
-        format: "hex",
-    }, {
-        name: "color-ticks-BarChart",
-        format: "hex",
-    }, {
-        name: "color-bg-tooltip-BarChart",
-        format: "hex",
-    }, {
-        name: "color-text-tooltip-BarChart",
-        format: "hex",
-    }, {
-        name: "color-axis-BarChart",
-        format: "hex",
-    });
-    return ((0, jsx_runtime_1.jsx)("div", { style: style, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(ResponsiveBar, { data: data, keys: keys, layout: layout, groupMode: groupMode, theme: {
-                    background: "transparent",
-                    text: {
-                        fontSize: 11,
-                        fill: colors["color-text-BarChart"],
-                        outlineWidth: 0,
-                        outlineColor: "transparent",
-                    },
-                    axis: {
-                        domain: {
-                            line: {
-                                stroke: colors["color-axis-BarChart"],
-                                strokeWidth: 1,
-                            },
-                        },
-                        legend: {
-                            text: {
-                                fontSize: 12,
-                                fill: colors["border-color-BarChart"],
-                                outlineWidth: 0,
-                                outlineColor: "transparent",
-                            },
-                        },
-                        ticks: {
-                            line: {
-                                stroke: "#777777",
-                                strokeWidth: 1,
-                            },
-                            text: {
-                                fontSize: 11,
-                                fill: colors["color-ticks-BarChart"],
-                                outlineWidth: 0,
-                                outlineColor: "transparent",
-                            },
-                        },
-                    },
-                    grid: {
-                        line: {
-                            stroke: "#dddddd",
-                            strokeWidth: 1,
-                        },
-                    },
-                    legends: {
-                        title: {
-                            text: {
-                                fontSize: 11,
-                                fill: "#333333",
-                                outlineWidth: 0,
-                                outlineColor: "transparent",
-                            },
-                        },
-                        text: {
-                            fontSize: 11,
-                            fill: "#333333",
-                            outlineWidth: 0,
-                            outlineColor: "transparent",
-                        },
-                        ticks: {
-                            line: {},
-                            text: {
-                                fontSize: 10,
-                                fill: "#333333",
-                                outlineWidth: 0,
-                                outlineColor: "transparent",
-                            },
-                        },
-                    },
-                    annotations: {
-                        text: {
-                            fontSize: 13,
-                            fill: "#333333",
-                            outlineWidth: 2,
-                            outlineColor: "#ffffff",
-                            outlineOpacity: 1,
-                        },
-                        link: {
-                            stroke: "#000000",
-                            strokeWidth: 1,
-                            outlineWidth: 2,
-                            outlineColor: "#ffffff",
-                            outlineOpacity: 1,
-                        },
-                        outline: {
-                            stroke: "#000000",
-                            strokeWidth: 2,
-                            outlineWidth: 2,
-                            outlineColor: "#ffffff",
-                            outlineOpacity: 1,
-                        },
-                        symbol: {
-                            fill: "#000000",
-                            outlineWidth: 2,
-                            outlineColor: "#ffffff",
-                            outlineOpacity: 1,
-                        },
-                    },
-                    tooltip: {
-                        wrapper: {},
-                        container: {
-                            background: colors["color-bg-tooltip-BarChart"],
-                            color: colors["color-text-tooltip-BarChart"],
-                            fontSize: 12,
-                        },
-                        basic: {},
-                        chip: {},
-                        table: {},
-                        tableCell: {},
-                        tableCellValue: {},
-                    },
-                }, borderWidth: 1, borderColor: { from: "color", modifiers: [["darker", 0.2]] }, indexBy: indexBy, margin: { top: 10, bottom: 40, left: 60 }, padding: 0.3, valueScale: { type: "linear" }, indexScale: { type: "band", round: true }, colors: { scheme: chart_color_schemes_1.default[getThemeVar("scheme-BarChart") || "nivo"] }, axisTop: null, axisRight: null, labelSkipWidth: 12, labelSkipHeight: 12, role: "application" }) }) }));
-};
-exports.BarChart = BarChart;

package/dist/scripts/src/components/Map/Map.js

@@ -1,75 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapComponentRenderer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const themeVars_1 = require("@components-core/theming/themeVars");
-const PieChart_module_scss_1 = __importDefault(require("@components/PieChart/PieChart.module.scss"));
-const renderers_1 = require("@components-core/renderers");
-const react_1 = __importStar(require("react"));
-const world_countries_json_1 = __importDefault(require("./world_countries.json"));
-const lodash_es_1 = require("lodash-es");
-const ResponsiveChoropleth = react_1.default.lazy(() => Promise.resolve().then(() => __importStar(require("@nivo/geo"))).then((module) => ({ default: module.ResponsiveChoropleth })));
-const Map = ({ data = [], style }) => {
-    // lot of extra props, the issue is here: https://github.com/plouc/nivo/issues/2634
-    return ((0, jsx_runtime_1.jsx)("div", { style: style, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(ResponsiveChoropleth, { data: data, margin: { top: 0, right: 0, bottom: 0, left: 0 }, colors: "blues", domain: [0, 1000000], unknownColor: "transparent", label: "properties.name", valueFormat: ".2s", projectionTranslation: [0.5, 0.6], projectionRotation: [0, 0, 0], enableGraticule: true, graticuleLineColor: "#dddddd", borderWidth: 0.1, borderColor: "#152538", features: world_countries_json_1.default.features, 
-                // projectionType={"mercator"}
-                projectionType: "equirectangular", projectionScale: 100, fillColor: "transparent", graticuleLineWidth: 0, isInteractive: true, onMouseEnter: lodash_es_1.noop, onMouseMove: lodash_es_1.noop, onMouseLeave: lodash_es_1.noop, onClick: lodash_es_1.noop, role: "", match: "id", value: "value", 
-                // @ts-ignore
-                layers: ["graticule", "features"] }) }) }));
-};
-const MapMd = (0, ComponentDefs_1.createMetadata)({
-    description: "(*** OBSOLETE ***) A simple map component",
-    props: {
-        data: (0, ComponentDefs_1.d)("The data to be displayed in the map"),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(PieChart_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        light: {
-        ///
-        },
-        dark: {
-        ///
-        },
-    },
-});
-exports.mapComponentRenderer = (0, renderers_1.createComponentRenderer)("Map", MapMd, ({ extractValue, node, layoutCss }) => {
-    var _a;
-    return (0, jsx_runtime_1.jsx)(Map, { data: extractValue((_a = node.props) === null || _a === void 0 ? void 0 : _a.data), style: layoutCss });
-});