xmlui 0.7.20 → 0.7.22

package/dist/scripts/package.json

@@ -1,209 +0,0 @@
-{
-    "name": "xmlui",
-    "version": "0.7.20",
-    "sideEffects": false,
-    "scripts": {
-        "start-test-bed": "cd src/testing/infrastructure && xmlui start",
-        "build:test-bed": "cd src/testing/infrastructure && xmlui build --build-mode=INLINE_ALL --withHostingMetaFiles",
-        "build:bin": "tsc -p tsconfig.bin.json",
-        "build:xmlui": "vite build --mode lib",
-        "build:xmlui-standalone": "vite build --mode standalone",
-        "build:xmlui-metadata": "vite build --mode metadata",
-        "build": "rimraf dist && tsc && npm run build:bin && npm run build:xmlui-metadata && npm run build:xmlui && npm run build:xmlui-standalone",
-        "test": "npm run test:unit",
-        "test:unit": "vitest run",
-        "test:e2e": "playwright test",
-        "test:e2e-smoke": "playwright test --project smoke",
-        "test:e2e-ui": "npm run test:e2e -- --ui",
-        "prepublishOnly": "clean-package && npm run build",
-        "postpublish": "clean-package restore",
-        "prepare-docs-data": "npm run build:xmlui-metadata",
-        "generate-docs": "node scripts/generate-docs/get-docs.mjs"
-    },
-    "dependencies": {
-        "@azure/msal-browser": "2.30.0",
-        "@azure/msal-react": "1.4.9",
-        "@eslint-community/regexpp": "4.10.0",
-        "@formkit/auto-animate": "0.7.0",
-        "@headlessui/react": "1.7.16",
-        "@microsoft/tsdoc-config": "0.17.0",
-        "@modyfi/vite-plugin-yaml": "1.1.0",
-        "@monaco-editor/react": "4.4.6",
-        "@nivo/bar": "0.87.0",
-        "@nivo/core": "0.87.0",
-        "@nivo/geo": "0.87.0",
-        "@nivo/pie": "0.87.0",
-        "@popperjs/core": "2.11.6",
-        "@radix-ui/react-accordion": "^1.2.0",
-        "@radix-ui/react-alert-dialog": "^1.1.2",
-        "@radix-ui/react-dialog": "1.0.5",
-        "@radix-ui/react-dropdown-menu": "2.0.6",
-        "@radix-ui/react-hover-card": "1.0.7",
-        "@radix-ui/react-popover": "^1.1.2",
-        "@radix-ui/react-radio-group": "1.1.3",
-        "@radix-ui/react-select": "^2.1.2",
-        "@radix-ui/react-tabs": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.0.3",
-        "@remix-run/react": "2.9.1",
-        "@tanstack/react-query": "4.32.6",
-        "@tanstack/react-query-devtools": "4.32.6",
-        "@tanstack/react-table": "8.17.3",
-        "@tanstack/react-virtual": "3.10.8",
-        "@types/color": "3.0.6",
-        "@vitejs/plugin-react": "4.3.0",
-        "adm-zip": "0.5.10",
-        "apexcharts": "3.44.0",
-        "axios": "1.7.7",
-        "cmdk": "^1.0.4",
-        "color": "4.2.3",
-        "date-fns": "2.30.0",
-        "dexie": "3.2.4",
-        "dotenv": "16.3.1",
-        "downshift": "8.2.3",
-        "embla-carousel-autoplay": "^8.3.0",
-        "embla-carousel-react": "^8.3.0",
-        "emoji-picker-react": "4.4.10",
-        "glob": "7.2.0",
-        "immer": "9.0.16",
-        "lodash-es": "4.17.21",
-        "memoize-one": "6.0.0",
-        "monaco-editor": "0.34.1",
-        "msw": "2.0.1",
-        "oidc-client-ts": "2.1.0",
-        "react": "18.2.0",
-        "react-apexcharts": "1.4.1",
-        "react-currency-input-field": "3.6.9",
-        "react-datepicker": "4.25.0",
-        "react-day-picker": "8.10.1",
-        "react-dom": "18.2.0",
-        "react-dropzone": "14.2.3",
-        "react-helmet-async": "1.3.0",
-        "react-hot-toast": "2.4.1",
-        "react-icons": "4.8.0",
-        "react-imask": "7.1.3",
-        "react-markdown": "9.0.1",
-        "react-measure": "2.5.2",
-        "react-oidc-context": "2.2.0",
-        "react-popper": "2.3.0",
-        "react-resizable-panels": "2.0.19",
-        "react-router-dom": "6.23.0",
-        "react-select": "5.7.4",
-        "react-textarea-autosize": "8.5.3",
-        "react-virtualized-auto-sizer": "1.0.24",
-        "react-window": "1.8.10",
-        "sass": "1.55.0",
-        "scroll-into-view-if-needed": "^3.1.0",
-        "shiki": "^1.14.1",
-        "ts-node": "10.9.1",
-        "use-context-selector": "1.4.1",
-        "vite-plugin-lib-inject-css": "1.3.0",
-        "vite-plugin-svgr": "4.2.0",
-        "yargs": "17.7.2"
-    },
-    "devDependencies": {
-        "@babel/core": "7.19.6",
-        "@babel/preset-env": "7.19.4",
-        "@babel/preset-typescript": "7.18.6",
-        "@playwright/test": "^1.49.0",
-        "@types/adm-zip": "0.5.4",
-        "@types/glob": "7.2.0",
-        "@types/lodash-es": "4.17.6",
-        "@types/node": "18.11.5",
-        "@types/react": "18.2.23",
-        "@types/react-datepicker": "4.19.5",
-        "@types/react-dom": "18.2.8",
-        "@types/react-measure": "^2.0.8",
-        "@types/react-pdf": "5.7.2",
-        "@types/react-window": "1.8.8",
-        "@types/yargs": "17.0.31",
-        "@typescript-eslint/eslint-plugin": "6.7.4",
-        "@typescript-eslint/parser": "6.19.0",
-        "babel-loader": "8.2.5",
-        "clean-package": "2.2.0",
-        "eslint": "^8.57.0",
-        "eslint-import-resolver-typescript": "3.6.1",
-        "eslint-plugin-import": "2.28.1",
-        "eslint-plugin-jsx-a11y": "6.7.1",
-        "eslint-plugin-react": "7.33.2",
-        "eslint-plugin-react-hooks": "4.6.0",
-        "prettier": "^3.3.3",
-        "rimraf": "6.0.1",
-        "rollup-plugin-visualizer": "5.8.3",
-        "serve": "14.2.0",
-        "typedoc": "^0.26.2",
-        "typescript": "5.7.3",
-        "vite": "5.4.9",
-        "vite-plugin-dts": "4.5.0",
-        "vitest": "^3.0.3"
-    },
-    "optionalDependencies": {
-        "@rollup/rollup-linux-x64-gnu": "4.20.0",
-        "@rollup/rollup-win32-x64-msvc": "4.20.0"
-    },
-    "files": [
-        "dist",
-        "src/styles"
-    ],
-    "bin": {
-        "xmlui": "dist/scripts/bin/bootstrap.js"
-    },
-    "clean-package": {
-        "replace": {
-            "bin": {
-                "xmlui": "dist/scripts/bin/bootstrap.js"
-            },
-            "main": "./dist/xmlui.umd.js",
-            "module": "./dist/xmlui.mjs",
-            "types": "./dist/xmlui.d.ts",
-            "exports": {
-                ".": {
-                    "import": "./dist/xmlui.mjs",
-                    "require": "./dist/xmlui.umd.js"
-                },
-                "./*.css": {
-                    "import": "./dist/*.css",
-                    "require": "./dist/*.css"
-                },
-                "./index.scss": {
-                    "import": "./src/index.scss",
-                    "require": "./src/index.scss"
-                }
-            }
-        }
-    },
-    "main": "./dist/xmlui.umd.js",
-    "exports": {
-        ".": {
-            "import": "./dist/xmlui.mjs",
-            "require": "./dist/xmlui.umd.js"
-        },
-        "./*.css": {
-            "import": "./dist/*.css",
-            "require": "./dist/*.css"
-        },
-        "./index.scss": {
-            "import": "./src/index.scss",
-            "require": "./src/index.scss"
-        }
-    },
-    "browserslist": {
-        "production": [
-            ">0.2%",
-            "not dead",
-            "not op_mini all"
-        ],
-        "development": [
-            "last 1 chrome version",
-            "last 1 firefox version",
-            "last 1 safari version"
-        ]
-    },
-    "repository": {
-        "url": "https://github.com/xmlui-com/xmlui.git"
-    },
-    "msw": {
-        "workerDirectory": "src/testing/infrastructure"
-    },
-    "module": "./dist/xmlui.mjs",
-    "types": "./dist/xmlui.d.ts"
-}

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 });
-});