xmlui 0.7.22 → 0.7.23

package/dist/xmlui.mjs

@@ -1,4 +1,4 @@
-import { A as e, B as t, E as r, I as o, h as p, f as n, S as c, c as d, b as u, e as S, i as l, p as A, s as C, t as m, j as B, u as f } from "./index-BLoqesEB.mjs";
+import { A as e, B as t, E as r, I as o, h as p, f as n, S as c, c as d, b as u, e as S, i as l, p as A, s as C, t as m, j as B, u as f } from "./index-C9zkAour.mjs";
 export {
   e as AppRoot,
   t as Button,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmlui",
-  "version": "0.7.22",
+  "version": "0.7.23",
   "sideEffects": false,
   "scripts": {
     "start-test-bed": "cd src/testing/infrastructure && xmlui start",

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chartRenderer = exports.ChartMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
-const renderers_1 = require("../../components-core/renderers");
-const ChartNative_1 = require("./ChartNative");
-const COMP = "Chart";
-exports.ChartMd = (0, ComponentDefs_1.createMetadata)({
-    status: "deprecated",
-    description: "(**OBSOLETE**) A chart component",
-    props: {
-        type: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        labels: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        series: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        stacked: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        showAxisLabels: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        tooltipEnabled: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        showLegend: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-    }
-});
-exports.chartRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.ChartMd, ({ node, extractValue, lookupAction, layoutCss, registerComponentApi }) => {
-    return ((0, jsx_runtime_1.jsx)(ChartNative_1.Chart, { type: extractValue.asString(node.props.type), labels: extractValue(node.props.labels), series: extractValue(node.props.series), style: layoutCss, showLegend: extractValue.asOptionalBoolean(node.props.showLegend), stacked: extractValue.asOptionalBoolean(node.props.stacked), showAxisLabels: extractValue.asOptionalBoolean(node.props.showAxisLabels), tooltipEnabled: extractValue.asOptionalBoolean(node.props.tooltipEnabled) }));
-});

package/dist/scripts/src/components/Chart/ChartNative.js

@@ -1,164 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chart = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const Chart_module_scss_1 = __importDefault(require("./Chart.module.scss"));
-const hooks_1 = require("../../components-core/utils/hooks");
-const ApexChart = react_1.default.lazy(() => Promise.resolve().then(() => __importStar(require("react-apexcharts"))));
-const defaultOptions = {
-    chart: {
-        fontFamily: "inherit",
-        sparkline: {
-            enabled: false,
-        },
-        toolbar: {
-            show: false,
-        },
-        animations: {
-            enabled: false,
-            dynamicAnimation: {
-                enabled: true,
-            },
-            animateGradually: {
-                enabled: true,
-            },
-            speed: 300,
-        },
-    },
-    dataLabels: {
-        enabled: false,
-    },
-    fill: {
-        //--> area
-        opacity: 0.16,
-        type: "solid",
-    },
-    stroke: {
-        // width: [2, 1],
-        // dashArray: [0, 3],
-        width: 2,
-        lineCap: "round",
-        curve: "smooth",
-    },
-    tooltip: {
-        // --> should come from themes
-        theme: "dark",
-    },
-    grid: {
-        strokeDashArray: 4,
-        padding: {
-            // top: -20,
-            right: 0,
-            left: -4,
-            bottom: -4,
-        },
-        xaxis: {
-            lines: {
-                show: true,
-            },
-        },
-    },
-    plotOptions: {
-        bar: {
-            columnWidth: "50%",
-        },
-    },
-    xaxis: {
-        labels: {
-        // padding: 0,
-        },
-        tooltip: {
-            enabled: false,
-        },
-        axisBorder: {
-            show: false,
-        },
-        type: "datetime",
-    },
-    yaxis: {
-        labels: {
-            padding: 4,
-        },
-    },
-    legend: {
-        show: false,
-    },
-};
-exports.Chart = (0, react_1.forwardRef)(function Chart({ type, labels, series, style, stacked, showAxisLabels = true, tooltipEnabled = true, showLegend = false, }, ref) {
-    const colors = (0, hooks_1.useColors)({
-        name: "color-primary-500",
-        format: "hex",
-    }, {
-        name: "color-primary-400",
-        format: "hex",
-    }, {
-        name: "color-primary-300",
-        format: "hex",
-    }, {
-        name: "color-primary-200",
-        format: "hex",
-    });
-    const { fill } = defaultOptions, restOptions = __rest(defaultOptions, ["fill"]);
-    const options = (0, react_1.useMemo)(() => {
-        let opts = Object.assign(Object.assign({}, restOptions), { chart: Object.assign(Object.assign({}, restOptions.chart), { stacked, sparkline: {
-                    enabled: !showAxisLabels,
-                } }), fill: type === "area" ? fill : {}, tooltip: Object.assign(Object.assign({}, defaultOptions.tooltip), { enabled: tooltipEnabled }), colors: Object.values(colors), labels: labels || [], legend: {
-                show: showLegend,
-            } });
-        if (!labels) {
-            delete opts.xaxis;
-        }
-        return opts;
-    }, [colors, fill, labels, restOptions, showAxisLabels, stacked, tooltipEnabled, type]);
-    return (
-    //   TODO illesg TEMP FLEX 1 STAR SIZING
-    (0, jsx_runtime_1.jsx)("div", { style: Object.assign({}, style), className: Chart_module_scss_1.default.wrapper, ref: ref, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: !!series && (0, jsx_runtime_1.jsx)(ApexChart, { options: options, type: type, series: series, height: "100%", width: "100%" }) }) }));
-});