xmlui 0.7.13 → 0.7.15

package/dist/scripts/bin/build.js

@@ -16,13 +16,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {

package/dist/scripts/bin/vite-ueml-plugin.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {

package/dist/scripts/bin/viteConfig.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 };
 };

package/dist/scripts/package.json

@@ -0,0 +1,209 @@
+{
+    "name": "xmlui",
+    "version": "0.7.15",
+    "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/abstractions/scripting/ScriptingSourceTreeExp.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.T_SWITCH_CASE = exports.T_OBJECT_DESTRUCTURE = exports.T_ARRAY_DESTRUCTURE = exports.T_DESTRUCTURE = exports.T_VAR_DECLARATION = exports.T_REACTIVE_VAR_DECLARATION = exports.T_POSTFIX_OP_EXPRESSION = exports.T_PREFIX_OP_EXPRESSION = exports.T_ARROW_EXPRESSION = exports.T_NO_ARG_EXPRESSION = exports.T_ASSIGNMENT_EXPRESSION = exports.T_SPREAD_EXPRESSION = exports.T_OBJECT_LITERAL = exports.T_ARRAY_LITERAL = exports.T_LITERAL = exports.T_TEMPLATE_LITERAL_EXPRESSION = exports.T_IDENTIFIER = exports.T_CALCULATED_MEMBER_ACCESS_EXPRESSION = exports.T_MEMBER_ACCESS_EXPRESSION = exports.T_FUNCTION_INVOCATION_EXPRESSION = exports.T_CONDITIONAL_EXPRESSION = exports.T_SEQUENCE_EXPRESSION = exports.T_BINARY_EXPRESSION = exports.T_UNARY_EXPRESSION = exports.T_IMPORT_DECLARATION = exports.T_FUNCTION_DECLARATION = exports.T_SWITCH_STATEMENT = exports.T_TRY_STATEMENT = exports.T_THROW_STATEMENT = exports.T_FOR_OF_STATEMENT = exports.T_FOR_IN_STATEMENT = exports.T_FOR_STATEMENT = exports.T_DO_WHILE_STATEMENT = exports.T_WHILE_STATEMENT = exports.T_CONTINUE_STATEMENT = exports.T_BREAK_STATEMENT = exports.T_RETURN_STATEMENT = exports.T_IF_STATEMENT = exports.T_VAR_STATEMENT = exports.T_CONST_STATEMENT = exports.T_LET_STATEMENT = exports.T_ARROW_EXPRESSION_STATEMENT = exports.T_EXPRESSION_STATEMENT = exports.T_EMPTY_STATEMENT = exports.T_BLOCK_STATEMENT = void 0;
+// --- Statement node type values
+exports.T_BLOCK_STATEMENT = 1;
+exports.T_EMPTY_STATEMENT = 2;
+exports.T_EXPRESSION_STATEMENT = 3;
+exports.T_ARROW_EXPRESSION_STATEMENT = 4;
+exports.T_LET_STATEMENT = 5;
+exports.T_CONST_STATEMENT = 6;
+exports.T_VAR_STATEMENT = 7;
+exports.T_IF_STATEMENT = 8;
+exports.T_RETURN_STATEMENT = 9;
+exports.T_BREAK_STATEMENT = 10;
+exports.T_CONTINUE_STATEMENT = 11;
+exports.T_WHILE_STATEMENT = 12;
+exports.T_DO_WHILE_STATEMENT = 13;
+exports.T_FOR_STATEMENT = 14;
+exports.T_FOR_IN_STATEMENT = 15;
+exports.T_FOR_OF_STATEMENT = 16;
+exports.T_THROW_STATEMENT = 17;
+exports.T_TRY_STATEMENT = 18;
+exports.T_SWITCH_STATEMENT = 19;
+exports.T_FUNCTION_DECLARATION = 20;
+exports.T_IMPORT_DECLARATION = 21;
+// --- Expression node type values
+exports.T_UNARY_EXPRESSION = 100;
+exports.T_BINARY_EXPRESSION = 101;
+exports.T_SEQUENCE_EXPRESSION = 102;
+exports.T_CONDITIONAL_EXPRESSION = 103;
+exports.T_FUNCTION_INVOCATION_EXPRESSION = 104;
+exports.T_MEMBER_ACCESS_EXPRESSION = 105;
+exports.T_CALCULATED_MEMBER_ACCESS_EXPRESSION = 106;
+exports.T_IDENTIFIER = 107;
+exports.T_TEMPLATE_LITERAL_EXPRESSION = 108;
+exports.T_LITERAL = 109;
+exports.T_ARRAY_LITERAL = 110;
+exports.T_OBJECT_LITERAL = 111;
+exports.T_SPREAD_EXPRESSION = 112;
+exports.T_ASSIGNMENT_EXPRESSION = 113;
+exports.T_NO_ARG_EXPRESSION = 114;
+exports.T_ARROW_EXPRESSION = 115;
+exports.T_PREFIX_OP_EXPRESSION = 116;
+exports.T_POSTFIX_OP_EXPRESSION = 117;
+exports.T_REACTIVE_VAR_DECLARATION = 118;
+// --- Other node type values
+exports.T_VAR_DECLARATION = 200;
+exports.T_DESTRUCTURE = 201;
+exports.T_ARRAY_DESTRUCTURE = 202;
+exports.T_OBJECT_DESTRUCTURE = 203;
+exports.T_SWITCH_CASE = 204;

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

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.apiCallRenderer = exports.APICallMd = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ComponentDefs_1 = require("@abstractions/ComponentDefs");
+const renderers_1 = require("@components-core/renderers");
+const APICallNative_1 = require("./APICallNative");
+const metadata_helpers_1 = require("@components/metadata-helpers");
+const COMP = "APICall";
+exports.APICallMd = (0, ComponentDefs_1.createMetadata)({
+    description: `\`${COMP}\` is used to mutate (create, update or delete) some data on the backend. It ` +
+        `is similar in nature to the \`DataSource\` component which retrieves data from the backend.`,
+    props: {
+        method: (0, ComponentDefs_1.d)(`The method of data manipulation can be done via setting this property. The following ` +
+            `HTTP methods are available: \`post\`, \`put\`, and \`delete\`.`),
+        url: (0, ComponentDefs_1.d)(`Use this property to set the URL to send data to.`),
+        rawBody: (0, ComponentDefs_1.d)(`This property sets the request body to the value provided here without any conversion. ` +
+            `Use the * \`body\` property if you want the object sent in JSON. When you define ` +
+            `\`body\` and \`rawBody\`, the latest one prevails.`),
+        body: (0, ComponentDefs_1.d)(`This property sets the request body. The object you pass here will be serialized to ` +
+            `JSON when sending the request. Use the \`rawBody\` property to send another request ` +
+            `body using its native format. When you define \`body\` and \`rawBody\`, the latest ` +
+            `one prevails.`),
+        queryParams: (0, ComponentDefs_1.d)(`This property sets the query parameters for the request. The object you pass here will ` +
+            `be serialized to a query string and appended to the request URL. You can specify key ` +
+            `and value pairs where the key is the name of a particular query parameter and the value ` +
+            `is that parameter's value.`),
+        headers: (0, ComponentDefs_1.d)(`You can define request header values as key and value pairs, where the key is the ID of ` +
+            `the particular header and the value is that header's value.`),
+        confirmTitle: (0, ComponentDefs_1.d)(`This optional string sets the title in the confirmation dialog that is displayed before ` +
+            `the \`${COMP}\` is executed.`),
+        confirmMessage: (0, ComponentDefs_1.d)(`This optional string sets the message in the confirmation dialog that is displayed before ` +
+            `the \`${COMP}\` is executed.`),
+        confirmButtonLabel: (0, ComponentDefs_1.d)(`This optional string property enables the customization of the submit button in the ` +
+            `confirmation dialog that is displayed before the \`${COMP}\` is executed.`),
+        inProgressNotificationMessage: (0, ComponentDefs_1.d)(`This property customizes the message that is displayed in a toast while the API operation ` +
+            `is in progress.`),
+        errorNotificationMessage: (0, ComponentDefs_1.d)(`This property defines the message to display automatically when the operation results ` +
+            `in an error.`),
+        completedNotificationMessage: (0, ComponentDefs_1.d)(`This property defines the message to display automatically when the operation has ` +
+            `been completed.`),
+        payloadType: (0, metadata_helpers_1.dInternal)(),
+        invalidates: (0, metadata_helpers_1.dInternal)(),
+        updates: (0, metadata_helpers_1.dInternal)(),
+        optimisticValue: (0, metadata_helpers_1.dInternal)(),
+        getOptimisticValue: (0, metadata_helpers_1.dInternal)(),
+    },
+    events: {
+        beforeRequest: (0, ComponentDefs_1.d)(`This event fires before the request is sent. Returning an explicit boolean` +
+            `'false' value will prevent the request from being sent.`),
+        success: (0, ComponentDefs_1.d)(`This event fires when a request results in a success.`),
+        /**
+         * This event fires when a request results in an error.
+         * @descriptionRef
+         */
+        error: (0, ComponentDefs_1.d)(`This event fires when a request results in an error.`),
+        progress: (0, metadata_helpers_1.dInternal)(),
+    },
+    contextVars: {
+        $param: (0, ComponentDefs_1.d)("This value represents the first parameters passed to the \`execute()\` method to " +
+            "display the modal dialog."),
+        $params: (0, ComponentDefs_1.d)("This value represents the array of parameters passed to the \`execute()\` method. " +
+            "You can use \`$params[0]\` to access the first and \`$params[1]\` to access the " +
+            "second (and so on) parameters. \`$param\` is the same as \`$params[0]\`."),
+    },
+    apis: {
+        execute: (0, ComponentDefs_1.d)("This method triggers the invocation of the API. You can pass an arbitrary " +
+            "number of parameters to the method. In the \`APICall\` instance, you can " +
+            "access those with the \`$param\` and \`$params\` context values."),
+    },
+});
+exports.apiCallRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.APICallMd, ({ node, registerComponentApi, uid, extractValue }) => {
+    return (0, jsx_runtime_1.jsx)(APICallNative_1.APICallNative, { registerComponentApi: registerComponentApi, node: node, uid: uid });
+});

package/dist/scripts/src/components/APICall/APICallNative.js

@@ -0,0 +1,31 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.APICallNative = APICallNative;
+const react_1 = require("react");
+const misc_1 = require("@components-core/utils/misc");
+const APICall_1 = require("@components-core/action/APICall");
+function APICallNative({ registerComponentApi, node, uid }) {
+    const execute = (0, misc_1.useEvent)((executionContext, ...eventArgs) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        const options = eventArgs[1];
+        return yield (0, APICall_1.callApi)(executionContext, Object.assign(Object.assign({}, node.props), { body: node.props.body || ((options === null || options === void 0 ? void 0 : options.passAsDefaultBody) ? eventArgs[0] : undefined), uid: uid, params: { $param: eventArgs[0], $params: eventArgs }, onError: (_a = node.events) === null || _a === void 0 ? void 0 : _a.error, onProgress: (_b = node.events) === null || _b === void 0 ? void 0 : _b.progress, onBeforeRequest: (_c = node.events) === null || _c === void 0 ? void 0 : _c.beforeRequest, onSuccess: (_d = node.events) === null || _d === void 0 ? void 0 : _d.success }), {
+            resolveBindingExpressions: true,
+        });
+    }));
+    (0, react_1.useEffect)(() => {
+        registerComponentApi({
+            execute: execute,
+            _SUPPORT_IMPLICIT_CONTEXT: true,
+        });
+    }, [execute, registerComponentApi]);
+    return null;
+}

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

@@ -0,0 +1,78 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.accordionComponentRenderer = exports.AccordionMd = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ComponentDefs_1 = require("@abstractions/ComponentDefs");
+const Accordion_module_scss_1 = __importDefault(require("./Accordion.module.scss"));
+const renderers_1 = require("@components-core/renderers");
+const themeVars_1 = require("@components-core/theming/themeVars");
+const AccordionNative_1 = require("./AccordionNative");
+const metadata_helpers_1 = require("@components/metadata-helpers");
+const abstractions_1 = require("@components/abstractions");
+const COMP = "Accordion";
+// See reference implementation here: https://getbootstrap.com/docs/5.3/components/accordion/
+// Make the header focusable, handle ARIA attributes, and manage the state of the accordion.
+exports.AccordionMd = (0, ComponentDefs_1.createMetadata)({
+    status: "in progress",
+    description: `(**NOT IMPLEMENTED YET**) The \`${COMP}\` component is a collapsible container that toggles ` +
+        `the display of content sections. It helps organize information by expanding or collapsing it ` +
+        `based on user interaction.`,
+    props: {
+        triggerPosition: (0, ComponentDefs_1.d)(`This property indicates the position where the trigger icon should be displayed. The \`start\` ` +
+            `value signs the trigger is before the header text (template), and \`end\` indicates that it ` +
+            `follows the header.`, abstractions_1.triggerPositionNames, null, "end"),
+        collapsedIcon: (0, ComponentDefs_1.d)(`This property is the name of the icon that is displayed when the accordion is collapsed.`),
+        expandedIcon: (0, ComponentDefs_1.d)(`This property is the name of the icon that is displayed when the accordion is expanded.`),
+        hideIcon: (0, ComponentDefs_1.d)(`This property indicates that the trigger icon is not displayed (\`true\`).`, null, "boolean", false),
+        rotateExpanded: (0, ComponentDefs_1.d)(`This optional property defines the rotation angle of the expanded icon (relative to the collapsed icon).`),
+    },
+    events: {
+        displayDidChange: (0, metadata_helpers_1.dDidChange)(COMP),
+    },
+    apis: {
+        expanded: (0, metadata_helpers_1.dExpanded)(COMP),
+        expand: (0, metadata_helpers_1.dExpand)(COMP),
+        collapse: (0, metadata_helpers_1.dCollapse)(COMP),
+        toggle: (0, ComponentDefs_1.d)(`This method toggles the state of the ${COMP} between expanded and collapsed.`),
+        focus: (0, metadata_helpers_1.dFocus)(COMP),
+    },
+    themeVars: (0, themeVars_1.parseScssVar)(Accordion_module_scss_1.default.themeVars),
+    defaultThemeVars: {
+        [`padding-horizontal-header-${COMP}`]: "$space-3",
+        [`padding-vertical-header-${COMP}`]: "$space-3",
+        [`align-vertical-header-${COMP}`]: "center",
+        [`font-size-header-${COMP}`]: "$font-size-normal",
+        [`font-weight-header-${COMP}`]: "$font-weight-normal",
+        [`font-family-header-${COMP}`]: "$font-family",
+        [`radius-${COMP}`]: "$radius",
+        [`thickness-border-${COMP}`]: "0",
+        [`style-border-${COMP}`]: "solid",
+        [`width-icon-${COMP}`]: "",
+        [`height-icon-${COMP}`]: "",
+        light: {
+            [`color-bg-header-${COMP}`]: "$color-primary-500",
+            [`color-bg-header-${COMP}-hover`]: "$color-primary-400",
+            [`color-header-${COMP}`]: "$color-surface-50",
+            [`color-content-${COMP}`]: "$color-text-primary",
+            [`color-bg-content-${COMP}`]: "transparent",
+            [`color-border-${COMP}`]: "transparent",
+            [`color-icon-${COMP}`]: "$color-surface-50",
+        },
+        dark: {
+            [`color-bg-header-${COMP}`]: "$color-primary-500",
+            [`color-bg-header-${COMP}-hover`]: "$color-primary-600",
+            [`color-header-${COMP}`]: "$color-surface-50",
+            [`color-content-${COMP}`]: "$color-text-primary",
+            [`color-bg-content-${COMP}`]: "transparent",
+            [`color-border-${COMP}`]: "transparent",
+            [`color-icon-${COMP}`]: "$color-surface-50",
+        },
+    },
+});
+exports.accordionComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.AccordionMd, ({ node, renderChild, extractValue, lookupEventHandler, registerComponentApi, layoutCss }) => {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)(AccordionNative_1.AccordionComponent, { style: layoutCss, triggerPosition: extractValue((_a = node.props) === null || _a === void 0 ? void 0 : _a.triggerPosition), collapsedIcon: extractValue(node.props.collapsedIcon), expandedIcon: extractValue(node.props.expandedIcon), hideIcon: extractValue.asOptionalBoolean(node.props.hideIcon), rotateExpanded: extractValue(node.props.rotateExpanded), onDisplayDidChange: lookupEventHandler("displayDidChange"), registerComponentApi: registerComponentApi, children: renderChild(node.children) }));
+});

package/dist/scripts/src/components/Accordion/AccordionContext.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionContext = void 0;
+exports.useAccordionContext = useAccordionContext;
+const react_1 = require("react");
+const constants_1 = require("@components-core/constants");
+exports.AccordionContext = (0, react_1.createContext)({
+    expandedItems: null,
+    rotateExpanded: null,
+    expandItem: constants_1.noop,
+    register: constants_1.noop,
+    unRegister: constants_1.noop,
+    hideIcon: null,
+    expandedIcon: null,
+    collapsedIcon: null,
+    triggerPosition: null,
+});
+function useAccordionContext() {
+    return (0, react_1.useContext)(exports.AccordionContext);
+}

package/dist/scripts/src/components/Accordion/AccordionItem.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.accordionItemComponentRenderer = exports.AccordionItemMd = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ComponentDefs_1 = require("@abstractions/ComponentDefs");
+const AccordionItemNative_1 = require("@components/Accordion/AccordionItemNative");
+const metadata_helpers_1 = require("@components/metadata-helpers");
+const container_helpers_1 = require("@components/container-helpers");
+const renderers_1 = require("@components-core/renderers");
+const COMP = "AccordionItem";
+exports.AccordionItemMd = (0, ComponentDefs_1.createMetadata)({
+    description: `\`${COMP}\` is a non-visual component describing a tab. Tabs component may use nested ` +
+        `${COMP} instances from which the user can select.`,
+    props: {
+        header: (0, ComponentDefs_1.d)("This property declares the text used in the component's header."),
+        headerTemplate: (0, metadata_helpers_1.dComponent)("This property describes the template to use as the component's header."),
+        initiallyExpanded: (0, ComponentDefs_1.d)(`This property indicates if the ${COMP} is expanded (\`true\`) or collapsed (\`false\`).`, null, "boolean", false),
+    },
+});
+exports.accordionItemComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.AccordionItemMd, (rendererContext) => {
+    const { node, renderChild, extractValue, layoutCss } = rendererContext;
+    return ((0, jsx_runtime_1.jsx)(AccordionItemNative_1.AccordionItemComponent, { style: layoutCss, id: extractValue(node.uid), header: extractValue(node.props.header), initiallyExpanded: extractValue.asOptionalBoolean(node.props.initiallyExpanded), headerRenderer: node.props.headerTemplate
+            ? (item) => {
+                var _a;
+                return ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { node: (_a = node.props.headerTemplate) !== null && _a !== void 0 ? _a : { type: "Fragment" }, item: item, renderChild: renderChild }));
+            }
+            : undefined, content: renderChild(node.children) }));
+});