xmlui 0.7.19 → 0.7.21

package/dist/scripts/bin/build-lib.js

@@ -51,7 +51,7 @@ const buildLib = (_a) => __awaiter(void 0, [_a], void 0, function* ({ watchMode
                 output: {
                     footer: (chunk) => {
                         if (chunk.name === "index" && chunk.fileName === umdFileName) {
-                            return `if(typeof window.xmlui !== "undefined"){window.xmlui.standalone.registerComponent(window['${env.npm_package_name}']);}`;
+                            return `if(typeof window.xmlui !== "undefined"){window.xmlui.standalone.registerExtension(window['${env.npm_package_name}']);}`;
                         }
                     },
                     globals: {

package/dist/scripts/bin/index.js

@@ -75,8 +75,8 @@ switch (script) {
         break;
     }
     case "start": {
-        const { port, withMock, withLegacyParser } = yargs_1.argv;
-        (0, start_1.start)({ port, withMock: getBoolArg(withMock), withLegacyParser: getBoolArg(withLegacyParser) });
+        const { port, withMock, withLegacyParser, proxy } = yargs_1.argv;
+        (0, start_1.start)({ port, withMock: getBoolArg(withMock), withLegacyParser: getBoolArg(withLegacyParser), proxy });
         break;
     }
     case "preview": {

package/dist/scripts/bin/start.js

@@ -12,19 +12,36 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.start = void 0;
 const vite_1 = require("vite");
 const viteConfig_1 = require("./viteConfig");
-const start = (_a) => __awaiter(void 0, [_a], void 0, function* ({ port, withMock = true, withLegacyParser = false }) {
+const start = (_a) => __awaiter(void 0, [_a], void 0, function* ({ port, withMock = true, withLegacyParser = false, proxy, }) {
     console.log("Starting with options:", {
         withMock,
-        withLegacyParser
+        withLegacyParser,
+        withProxy: proxy,
     });
+    let proxyDef;
+    if (proxy) {
+        const splitProxy = proxy.split("->");
+        if (splitProxy.length !== 2) {
+            console.error("Invalid proxy definition. Example: /api->http://localhost:3000");
+        }
+        else {
+            proxyDef = {
+                [splitProxy[0]]: {
+                    target: splitProxy[1],
+                    changeOrigin: true,
+                },
+            };
+        }
+    }
     try {
         const server = yield (0, vite_1.createServer)(Object.assign(Object.assign({}, (0, viteConfig_1.getViteConfig)({ withLegacyParser })), { server: {
                 port,
+                proxy: proxyDef,
             }, define: {
-                'process.env.VITE_BUILD_MODE': JSON.stringify("ALL"),
-                'process.env.VITE_DEV_MODE': true,
-                'process.env.VITE_STANDALONE': process.env.VITE_STANDALONE,
-                'process.env.VITE_MOCK_ENABLED': withMock,
+                "process.env.VITE_BUILD_MODE": JSON.stringify("ALL"),
+                "process.env.VITE_DEV_MODE": true,
+                "process.env.VITE_STANDALONE": process.env.VITE_STANDALONE,
+                "process.env.VITE_MOCK_ENABLED": withMock,
                 "process.env.VITE_INCLUDE_ALL_COMPONENTS": JSON.stringify("true"),
                 "process.env.VITE_LEGACY_PARSER": withLegacyParser,
             } }));

package/dist/scripts/bin/viteConfig.js

@@ -52,6 +52,7 @@ function getViteConfig({ flatDist = false, withRelativeRoot = false, flatDistUiP
                 "@core": path.resolve(__dirname, "../src/core"),
                 "@components-core": path.resolve(__dirname, "../src/components-core"),
                 "@components": path.resolve(__dirname, "../src/components"),
+                "@parsers": path.resolve(__dirname, "../src/parsers"),
             },
         },
         base: withRelativeRoot ? "" : undefined,

package/dist/scripts/package.json

@@ -1,6 +1,6 @@
 {
     "name": "xmlui",
-    "version": "0.7.19",
+    "version": "0.7.21",
     "sideEffects": false,
     "scripts": {
         "start-test-bed": "cd src/testing/infrastructure && xmlui start",
@@ -91,6 +91,7 @@
         "react-textarea-autosize": "8.5.3",
         "react-virtualized-auto-sizer": "1.0.24",
         "react-window": "1.8.10",
+        "recharts": "^2.15.1",
         "sass": "1.55.0",
         "scroll-into-view-if-needed": "^3.1.0",
         "shiki": "^1.14.1",

package/dist/scripts/src/abstractions/ExtensionDefs.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/scripts/src/components/Carousel/CarouselItemNative.js

@@ -1,16 +1,19 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CarouselItemComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const CarouselContext_1 = require("@components/Carousel/CarouselContext");
+const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
+const Carousel_module_scss_1 = __importDefault(require("@components/Carousel/Carousel.module.scss"));
 exports.CarouselItemComponent = (0, react_1.forwardRef)(function CarouselItemComponent({ children, style }, forwardedRef) {
     const id = (0, react_1.useId)();
     const { register, unRegister } = (0, CarouselContext_1.useCarousel)();
     (0, react_1.useEffect)(() => {
         register({
-            children,
-            style,
-            ref: forwardedRef,
             id,
         });
     }, [id, children, style, register, forwardedRef]);
@@ -19,5 +22,5 @@ exports.CarouselItemComponent = (0, react_1.forwardRef)(function CarouselItemCom
             unRegister(id);
         };
     }, [id, unRegister]);
-    return null;
+    return ((0, jsx_runtime_1.jsx)("div", { role: "group", "aria-roledescription": "slide", className: (0, classnames_1.default)(Carousel_module_scss_1.default.carouselItem), children: (0, jsx_runtime_1.jsx)("div", { className: Carousel_module_scss_1.default.innerWrapper, ref: forwardedRef, style: style, children: children }) }, id));
 });

package/dist/scripts/src/components/Carousel/CarouselNative.js

@@ -163,10 +163,10 @@ exports.CarouselComponent = (0, react_1.forwardRef)(function CarouselComponent({
             referenceElement.current.addEventListener("keydown", handleKeyDown);
         }
     }, [ref, handleKeyDown]);
-    return ((0, jsx_runtime_1.jsxs)(CarouselContext_1.CarouselContext.Provider, { value: carouselContextValue, children: [children, (0, jsx_runtime_1.jsxs)("div", { style: style, ref: ref, className: (0, classnames_1.default)(Carousel_module_scss_1.default.carousel), role: "region", tabIndex: -1, "aria-roledescription": "carousel", children: [(0, jsx_runtime_1.jsx)("div", { ref: carouselRef, className: Carousel_module_scss_1.default.carouselContentWrapper, children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(Carousel_module_scss_1.default.carouselContent, {
-                                [Carousel_module_scss_1.default.horizontal]: orientation === "horizontal",
-                                [Carousel_module_scss_1.default.vertical]: orientation === "vertical",
-                            }), children: carouselItems.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { role: "group", "aria-roledescription": "slide", className: (0, classnames_1.default)(Carousel_module_scss_1.default.carouselItem), children: (0, jsx_runtime_1.jsx)("div", { className: Carousel_module_scss_1.default.innerWrapper, ref: item.ref, style: item.style, children: item.children }) }, item.id))) }) }), controls && ((0, jsx_runtime_1.jsxs)("div", { className: Carousel_module_scss_1.default.controls, children: [autoplay && ((0, jsx_runtime_1.jsx)("button", { className: Carousel_module_scss_1.default.controlButton, onClick: toggleAutoplay, children: isPlaying ? (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "pause" }) : (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "play" }) })), (0, jsx_runtime_1.jsx)("button", { className: Carousel_module_scss_1.default.controlButton, disabled: !canScrollPrev, onClick: scrollPrev, children: (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: prevIconName }) }), (0, jsx_runtime_1.jsx)("button", { className: Carousel_module_scss_1.default.controlButton, onClick: scrollNext, disabled: !canScrollNext, children: (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: nextIconName }) })] })), indicators && ((0, jsx_runtime_1.jsx)("div", { className: Carousel_module_scss_1.default.indicators, children: carouselItems.map((_, index) => ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => scrollTo(index), className: (0, classnames_1.default)(Carousel_module_scss_1.default.indicator, {
-                                [Carousel_module_scss_1.default.active]: index === activeSlide,
-                            }), "aria-current": index === activeSlide }, index))) }))] })] }));
+    return ((0, jsx_runtime_1.jsx)(CarouselContext_1.CarouselContext.Provider, { value: carouselContextValue, children: (0, jsx_runtime_1.jsxs)("div", { style: style, ref: ref, className: (0, classnames_1.default)(Carousel_module_scss_1.default.carousel), role: "region", tabIndex: -1, "aria-roledescription": "carousel", children: [(0, jsx_runtime_1.jsx)("div", { ref: carouselRef, className: Carousel_module_scss_1.default.carouselContentWrapper, children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(Carousel_module_scss_1.default.carouselContent, {
+                            [Carousel_module_scss_1.default.horizontal]: orientation === "horizontal",
+                            [Carousel_module_scss_1.default.vertical]: orientation === "vertical",
+                        }), children: children }) }), controls && ((0, jsx_runtime_1.jsxs)("div", { className: Carousel_module_scss_1.default.controls, children: [autoplay && ((0, jsx_runtime_1.jsx)("button", { className: Carousel_module_scss_1.default.controlButton, onClick: toggleAutoplay, children: isPlaying ? (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "pause" }) : (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "play" }) })), (0, jsx_runtime_1.jsx)("button", { className: Carousel_module_scss_1.default.controlButton, disabled: !canScrollPrev, onClick: scrollPrev, children: (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: prevIconName }) }), (0, jsx_runtime_1.jsx)("button", { className: Carousel_module_scss_1.default.controlButton, onClick: scrollNext, disabled: !canScrollNext, children: (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: nextIconName }) })] })), indicators && ((0, jsx_runtime_1.jsx)("div", { className: Carousel_module_scss_1.default.indicators, children: carouselItems.map((_, index) => ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => scrollTo(index), className: (0, classnames_1.default)(Carousel_module_scss_1.default.indicator, {
+                            [Carousel_module_scss_1.default.active]: index === activeSlide,
+                        }), "aria-current": index === activeSlide }, index))) }))] }) }));
 });