xmlui 0.9.59 → 0.9.61

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

@@ -9,7 +9,6 @@ const react_1 = require("react");
 const immer_1 = __importDefault(require("immer"));
 const Table_module_scss_1 = __importDefault(require("./Table.module.scss"));
 require("./react-table-config.d.ts");
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const renderers_1 = require("../../components-core/renderers");
 const themeVars_1 = require("../../components-core/theming/themeVars");
 const constants_1 = require("../../components-core/constants");
@@ -18,35 +17,35 @@ const TableContext_1 = require("../Column/TableContext");
 const SelectionStoreNative_1 = require("../SelectionStore/SelectionStoreNative");
 const TableNative_1 = require("./TableNative");
 const COMP = "Table";
-exports.TableMd = (0, ComponentDefs_1.createMetadata)({
+exports.TableMd = (0, metadata_helpers_1.createMetadata)({
     description: "`Table` presents structured data for viewing, sorting, selection, and interaction.",
     props: {
         items: (0, metadata_helpers_1.dInternal)(`You can use \`items\` as an alias for the \`data\` property. ` +
             `When you bind the table to a data source (e.g. an API endpoint), ` +
             `the \`data\` acts as the property that accepts a URL to fetch information from an API. ` +
             `When both \`items\` and \`data\` are used, \`items\` has priority.`),
-        data: (0, ComponentDefs_1.d)(`The component receives data via this property. The \`data\` property is a list of items ` +
+        data: (0, metadata_helpers_1.d)(`The component receives data via this property. The \`data\` property is a list of items ` +
             `that the \`Table\` can display.`),
         isPaginated: {
             description: `This property adds pagination controls to the \`${COMP}\`.`,
             valueType: "boolean",
             defaultValue: TableNative_1.defaultProps.isPaginated,
         },
-        loading: (0, ComponentDefs_1.d)(`This boolean property indicates if the component is fetching (or processing) data. This ` +
+        loading: (0, metadata_helpers_1.d)(`This boolean property indicates if the component is fetching (or processing) data. This ` +
             `property is useful when data is loaded conditionally or receiving it takes some time.`),
-        headerHeight: (0, ComponentDefs_1.d)(`This optional property is used to specify the height of the table header.`),
-        rowsSelectable: (0, ComponentDefs_1.d)(`Indicates whether the rows are selectable (\`true\`) or not (\`false\`).`),
+        headerHeight: (0, metadata_helpers_1.d)(`This optional property is used to specify the height of the table header.`),
+        rowsSelectable: (0, metadata_helpers_1.d)(`Indicates whether the rows are selectable (\`true\`) or not (\`false\`).`),
         pageSizes: {
             description: "This property holds an array of page sizes (numbers) the user can select for " +
                 "pagination. If this property is not defined, the component allows only a page size of 10 items.",
         },
-        rowDisabledPredicate: (0, ComponentDefs_1.d)(`This property defines a predicate function with a return value that determines if the ` +
+        rowDisabledPredicate: (0, metadata_helpers_1.d)(`This property defines a predicate function with a return value that determines if the ` +
             `row should be disabled. The function retrieves the item to display and should return ` +
             `a Boolean-like value.`),
         noDataTemplate: (0, metadata_helpers_1.dComponent)(`A property to customize what to display if the table does not contain any data.`),
-        sortBy: (0, ComponentDefs_1.d)("This property is used to determine which data property to sort by. If not defined, " +
+        sortBy: (0, metadata_helpers_1.d)("This property is used to determine which data property to sort by. If not defined, " +
             "the data is not sorted"),
-        sortDirection: (0, ComponentDefs_1.d)("This property determines the sort order to be \`ascending\` or \`descending\`. This " +
+        sortDirection: (0, metadata_helpers_1.d)("This property determines the sort order to be \`ascending\` or \`descending\`. This " +
             "property only works if the [\`sortBy\`](#sortby) property is also set. By default " +
             "ascending order is used."),
         autoFocus: (0, metadata_helpers_1.dAutoFocus)(),
@@ -55,13 +54,13 @@ exports.TableMd = (0, ComponentDefs_1.createMetadata)({
             valueType: "boolean",
             defaultValue: TableNative_1.defaultProps.hideHeader,
         },
-        iconNoSort: (0, ComponentDefs_1.d)(`Allows setting an alternate icon displayed in the ${COMP} column header when sorting is ` +
+        iconNoSort: (0, metadata_helpers_1.d)(`Allows setting an alternate icon displayed in the ${COMP} column header when sorting is ` +
             `enabled, but the column remains unsorted. You can change the default icon for all ${COMP} ` +
             `instances with the "icon.nosort:Table" declaration in the app configuration file.`),
-        iconSortAsc: (0, ComponentDefs_1.d)(`Allows setting an alernate icon displayed in the ${COMP} column header when sorting is enabled, ` +
+        iconSortAsc: (0, metadata_helpers_1.d)(`Allows setting an alernate icon displayed in the ${COMP} column header when sorting is enabled, ` +
             `and the column is sorted in ascending order. You can change the default icon for all ${COMP} ` +
             `instances with the "icon.sortasc:Table" declaration in the app configuration file.`),
-        iconSortDesc: (0, ComponentDefs_1.d)(`Allows setting an alternate icon displayed in the ${COMP} column header when sorting is enabled, ` +
+        iconSortDesc: (0, metadata_helpers_1.d)(`Allows setting an alternate icon displayed in the ${COMP} column header when sorting is enabled, ` +
             `and the column is sorted in descending order. You can change the default icon for all ${COMP} ` +
             `instances with the "icon.sortdesc:Table" declaration in the app configuration file.`),
         enableMultiRowSelection: {
@@ -86,22 +85,22 @@ exports.TableMd = (0, ComponentDefs_1.createMetadata)({
         },
     },
     events: {
-        sortingDidChange: (0, ComponentDefs_1.d)(`This event is fired when the table data sorting has changed. It has two arguments: ` +
+        sortingDidChange: (0, metadata_helpers_1.d)(`This event is fired when the table data sorting has changed. It has two arguments: ` +
             `the column's name and the sort direction. When the column name is empty, the table ` +
             `displays the data list as it received it.`),
-        willSort: (0, ComponentDefs_1.d)(`This event is fired before the table data is sorted. It has two arguments: the ` +
+        willSort: (0, metadata_helpers_1.d)(`This event is fired before the table data is sorted. It has two arguments: the ` +
             `column's name and the sort direction. When the method returns a literal \`false\` ` +
             `value (and not any other falsy one), the method indicates that the sorting should be aborted.`),
-        selectionDidChange: (0, ComponentDefs_1.d)(`This event is triggered when the table's current selection (the rows selected) changes. ` +
+        selectionDidChange: (0, metadata_helpers_1.d)(`This event is triggered when the table's current selection (the rows selected) changes. ` +
             `Its parameter is an array of the selected table row items. `),
     },
     apis: {
-        clearSelection: (0, ComponentDefs_1.d)("This method clears the list of currently selected table rows."),
-        getSelectedItems: (0, ComponentDefs_1.d)(`This method returns the list of currently selected table rows items.`),
-        getSelectedIds: (0, ComponentDefs_1.d)(`This method returns the list of currently selected table rows IDs.`),
-        selectAll: (0, ComponentDefs_1.d)(`This method selects all the rows in the table. This method has no effect if the ` +
+        clearSelection: (0, metadata_helpers_1.d)("This method clears the list of currently selected table rows."),
+        getSelectedItems: (0, metadata_helpers_1.d)(`This method returns the list of currently selected table rows items.`),
+        getSelectedIds: (0, metadata_helpers_1.d)(`This method returns the list of currently selected table rows IDs.`),
+        selectAll: (0, metadata_helpers_1.d)(`This method selects all the rows in the table. This method has no effect if the ` +
             `rowsSelectable property is set to \`false\`.`),
-        selectId: (0, ComponentDefs_1.d)(`This method selects the row with the specified ID. This method has no effect if the ` +
+        selectId: (0, metadata_helpers_1.d)(`This method selects the row with the specified ID. This method has no effect if the ` +
             `\`rowsSelectable\` property is set to \`false\`. The method argument can be a ` +
             `single id or an array of them.`),
     },

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

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.tableOfContentsRenderer = exports.TableOfContentsMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TableOfContents_module_scss_1 = __importDefault(require("./TableOfContents.module.scss"));
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const renderers_1 = require("../../components-core/renderers");
 const themeVars_1 = require("../../components-core/theming/themeVars");
 const TableOfContentsNative_1 = require("./TableOfContentsNative");
 const IndexerContext_1 = require("../App/IndexerContext");
+const metadata_helpers_1 = require("../metadata-helpers");
 const COMP = "TableOfContents";
 const COMP_CHILD = "TableOfContentsItem";
-exports.TableOfContentsMd = (0, ComponentDefs_1.createMetadata)({
+exports.TableOfContentsMd = (0, metadata_helpers_1.createMetadata)({
     status: "experimental",
     description: "`TableOfContents` component collects [Heading](/components/Heading) and " +
         "[Bookmark](/components/Bookmark) within the current page and displays them in a navigable tree.",

package/dist/scripts/src/components/Tabs/TabItem.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tabItemComponentRenderer = exports.TabItemMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const renderers_1 = require("../../components-core/renderers");
 const TabItemNative_1 = require("./TabItemNative");
 const metadata_helpers_1 = require("../metadata-helpers");
 const COMP = "TabItem";
-exports.TabItemMd = (0, ComponentDefs_1.createMetadata)({
+exports.TabItemMd = (0, metadata_helpers_1.createMetadata)({
     description: "`TabItem` defines individual tabs within a [Tabs](/components/Tabs) component, " +
         "providing both the tab header label and the content that displays when the tab " +
         "is selected. As a non-visual structural component, it serves as a container that " +

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

@@ -6,20 +6,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.tabsComponentRenderer = exports.TabsMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Tabs_module_scss_1 = __importDefault(require("./Tabs.module.scss"));
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const themeVars_1 = require("../../components-core/theming/themeVars");
 const renderers_1 = require("../../components-core/renderers");
 const container_helpers_1 = require("../container-helpers");
 const TabsNative_1 = require("./TabsNative");
+const metadata_helpers_1 = require("../metadata-helpers");
 const COMP = "Tabs";
-exports.TabsMd = (0, ComponentDefs_1.createMetadata)({
+exports.TabsMd = (0, metadata_helpers_1.createMetadata)({
     status: "experimental",
     description: "`Tabs` enables users to switch among content panels using clickable tab headers. " +
         "It provides an efficient way to present multiple related sections in a single " +
         "interface area, with each tab containing distinct content defined by " +
         "[TabItem](/components/TabItem) components.",
     props: {
-        activeTab: (0, ComponentDefs_1.d)(`This property indicates the index of the active tab. The indexing starts from 0, ` +
+        activeTab: (0, metadata_helpers_1.d)(`This property indicates the index of the active tab. The indexing starts from 0, ` +
             `representing the starting (leftmost) tab. If not set, the first tab is selected by default.`),
         orientation: {
             description: `This property indicates the orientation of the component. In horizontal orientation, ` +
@@ -36,7 +36,7 @@ exports.TabsMd = (0, ComponentDefs_1.createMetadata)({
         },
     },
     apis: {
-        next: (0, ComponentDefs_1.d)(`This method selects the next tab.`),
+        next: (0, metadata_helpers_1.d)(`This method selects the next tab.`),
     },
     themeVars: (0, themeVars_1.parseScssVar)(Tabs_module_scss_1.default.themeVars),
     defaultThemeVars: {

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

@@ -17,17 +17,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.textComponentRenderer = exports.TextMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const renderers_1 = require("../../components-core/renderers");
 const themeVars_1 = require("../../components-core/theming/themeVars");
 const abstractions_1 = require("../abstractions");
 const TextNative_1 = require("./TextNative");
+const metadata_helpers_1 = require("../metadata-helpers");
 const COMP = "Text";
-exports.TextMd = (0, ComponentDefs_1.createMetadata)({
+exports.TextMd = (0, metadata_helpers_1.createMetadata)({
     description: `The \`${COMP}\` component displays textual information in a number of optional ` +
         `styles and variants.`,
     props: {
-        value: (0, ComponentDefs_1.d)(`The text to be displayed. This value can also be set via nesting the text into ` +
+        value: (0, metadata_helpers_1.d)(`The text to be displayed. This value can also be set via nesting the text into ` +
             `the \`${COMP}\` component.`),
         variant: {
             description: "An optional string value that provides named presets for text variants with a " +
@@ -35,7 +35,7 @@ exports.TextMd = (0, ComponentDefs_1.createMetadata)({
                 "If not defined, the text uses the current style of its context.",
             availableValues: abstractions_1.variantOptionsMd,
         },
-        maxLines: (0, ComponentDefs_1.d)("This property determines the maximum number of lines the component can wrap to. " +
+        maxLines: (0, metadata_helpers_1.d)("This property determines the maximum number of lines the component can wrap to. " +
             "If there is no space to display all the contents, the component displays up to as " +
             "many lines as specified in this property. When the value is not defined, there is " +
             "no limit on the displayed lines."),

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.textAreaComponentRenderer = exports.TextAreaMd = exports.resizeOptionsMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TextArea_module_scss_1 = __importDefault(require("./TextArea.module.scss"));
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const renderers_1 = require("../../components-core/renderers");
 const themeVars_1 = require("../../components-core/theming/themeVars");
 const metadata_helpers_1 = require("../metadata-helpers");
@@ -18,7 +17,7 @@ exports.resizeOptionsMd = [
     { value: "vertical", description: "Can only resize vertically" },
     { value: "both", description: "Can resize in both dimensions" },
 ];
-exports.TextAreaMd = (0, ComponentDefs_1.createMetadata)({
+exports.TextAreaMd = (0, metadata_helpers_1.createMetadata)({
     status: "stable",
     description: "`TextArea` provides a multiline text input area.",
     props: {
@@ -34,9 +33,9 @@ exports.TextAreaMd = (0, ComponentDefs_1.createMetadata)({
             valueType: "boolean",
             defaultValue: false,
         },
-        maxRows: (0, ComponentDefs_1.d)(`This optional property sets the maximum number of text rows the \`${COMP}\` ` +
+        maxRows: (0, metadata_helpers_1.d)(`This optional property sets the maximum number of text rows the \`${COMP}\` ` +
             "can grow. If not set, the number of rows is unlimited."),
-        minRows: (0, ComponentDefs_1.d)(`This optional property sets the minimum number of text rows the \`${COMP}\` can shrink. ` +
+        minRows: (0, metadata_helpers_1.d)(`This optional property sets the minimum number of text rows the \`${COMP}\` can shrink. ` +
             `If not set, the minimum number of rows is 1.`),
         rows: {
             description: `Specifies the number of rows the component initially has.`,
@@ -74,7 +73,7 @@ exports.TextAreaMd = (0, ComponentDefs_1.createMetadata)({
     },
     apis: {
         focus: (0, metadata_helpers_1.dFocus)(COMP),
-        value: (0, ComponentDefs_1.d)(`You can query the component's value. If no value is set, it will retrieve \`undefined\`.`),
+        value: (0, metadata_helpers_1.d)(`You can query the component's value. If no value is set, it will retrieve \`undefined\`.`),
         setValue: (0, metadata_helpers_1.dSetValueApi)(),
     },
     themeVars: (0, themeVars_1.parseScssVar)(TextArea_module_scss_1.default.themeVars),

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

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.passwordInputComponentRenderer = exports.PasswordMd = exports.textBoxComponentRenderer = exports.TextBoxMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TextBox_module_scss_1 = __importDefault(require("./TextBox.module.scss"));
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const renderers_1 = require("../../components-core/renderers");
 const themeVars_1 = require("../../components-core/theming/themeVars");
 const metadata_helpers_1 = require("../metadata-helpers");
 const TextBoxNative_1 = require("./TextBoxNative");
 const COMP = "TextBox";
-exports.TextBoxMd = (0, ComponentDefs_1.createMetadata)({
+exports.TextBoxMd = (0, metadata_helpers_1.createMetadata)({
     status: "stable",
     description: "`TextBox` captures user text input for forms, search fields, and data entry " +
         "with support for validation, icons, and formatting hints.",
@@ -45,7 +44,7 @@ exports.TextBoxMd = (0, ComponentDefs_1.createMetadata)({
     },
     apis: {
         focus: (0, metadata_helpers_1.dFocus)(COMP),
-        value: (0, ComponentDefs_1.d)(`You can query the component's value. If no value is set, it will retrieve \`undefined\`.`),
+        value: (0, metadata_helpers_1.d)(`You can query the component's value. If no value is set, it will retrieve \`undefined\`.`),
         setValue: (0, metadata_helpers_1.dSetValueApi)(),
     },
     themeVars: (0, themeVars_1.parseScssVar)(TextBox_module_scss_1.default.themeVars),
@@ -85,7 +84,7 @@ function renderTextBox(layoutCss, state, updateState, extractValue, node, lookup
 exports.textBoxComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.TextBoxMd, ({ node, state, updateState, lookupEventHandler, extractValue, layoutCss, registerComponentApi, }) => {
     return renderTextBox(layoutCss, state, updateState, extractValue, node, lookupEventHandler, registerComponentApi);
 });
-exports.PasswordMd = (0, ComponentDefs_1.createMetadata)(Object.assign(Object.assign({}, exports.TextBoxMd), { description: "`Password` is a specialized [TextBox](/components/TextBox) that enables users " +
+exports.PasswordMd = (0, metadata_helpers_1.createMetadata)(Object.assign(Object.assign({}, exports.TextBoxMd), { description: "`Password` is a specialized [TextBox](/components/TextBox) that enables users " +
         "to input and edit passwords." }));
 exports.passwordInputComponentRenderer = (0, renderers_1.createComponentRenderer)("PasswordInput", exports.PasswordMd, ({ node, state, updateState, lookupEventHandler, extractValue, layoutCss, registerComponentApi, }) => {
     return renderTextBox(layoutCss, state, updateState, extractValue, node, lookupEventHandler, registerComponentApi, "password");

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

@@ -13,23 +13,23 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.themeComponentRenderer = exports.ThemeMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const renderers_1 = require("../../components-core/renderers");
+const metadata_helpers_1 = require("../metadata-helpers");
 const ThemeNative_1 = require("./ThemeNative");
 const COMP = "Theme";
-exports.ThemeMd = (0, ComponentDefs_1.createMetadata)({
+exports.ThemeMd = (0, metadata_helpers_1.createMetadata)({
     description: "`Theme` creates styling contexts to customize the appearance of nested " +
         "components without using CSS.",
     allowArbitraryProps: true,
     props: {
-        themeId: (0, ComponentDefs_1.d)(`This property specifies which theme to use by setting the theme's id.`),
+        themeId: (0, metadata_helpers_1.d)(`This property specifies which theme to use by setting the theme's id.`),
         tone: {
             description: "This property allows the setting of the current theme's tone.",
             availableValues: ["light", "dark"],
             valueType: "string",
             defaultValue: "light",
         },
-        root: (0, ComponentDefs_1.d)(`This property indicates whether the component is at the root of the application.`, undefined, "boolean", ThemeNative_1.defaultProps.root),
+        root: (0, metadata_helpers_1.d)(`This property indicates whether the component is at the root of the application.`, undefined, "boolean", ThemeNative_1.defaultProps.root),
     },
     opaque: true,
 });

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

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.toneChangerButtonComponentRenderer = exports.ToneChangerButtonMd = exports.defaultProps = void 0;
 exports.ToneChangerButton = ToneChangerButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
 const renderers_1 = require("../../components-core/renderers");
 const ButtonNative_1 = require("../Button/ButtonNative");
 const IconNative_1 = require("../Icon/IconNative");
+const metadata_helpers_1 = require("../metadata-helpers");
 const COMP = "ToneChangerButton";
 const LIGHT_TO_DARK_ICON = "lightToDark:ToneChangerButton";
 const DARK_TO_LIGHT_ICON = "darkToLight:ToneChangerButton";
@@ -15,7 +15,7 @@ exports.defaultProps = {
     lightToDarkIcon: LIGHT_TO_DARK_ICON,
     darkToLightIcon: DARK_TO_LIGHT_ICON,
 };
-exports.ToneChangerButtonMd = (0, ComponentDefs_1.createMetadata)({
+exports.ToneChangerButtonMd = (0, metadata_helpers_1.createMetadata)({
     status: "stable",
     description: "`ToneChangerButton` enables the user to switch between light and dark modes.",
     props: {

package/dist/scripts/src/components/Tree/TreeComponent.js

@@ -2,13 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.treeComponentRenderer = exports.TreeMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const renderers_1 = require("../../components-core/renderers");
 const container_helpers_1 = require("../container-helpers");
 const metadata_helpers_1 = require("../metadata-helpers");
 const TreeNative_1 = require("./TreeNative");
 const COMP = "Tree";
-exports.TreeMd = (0, ComponentDefs_1.createMetadata)({
+exports.TreeMd = (0, metadata_helpers_1.createMetadata)({
     status: "in progress",
     description: `The \`${COMP}\` component is a virtualized tree component that displays hierarchical data.`,
     props: {

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

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.treeDisplayComponentRenderer = exports.TreeDisplayMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TreeDisplay_module_scss_1 = __importDefault(require("./TreeDisplay.module.scss"));
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const renderers_1 = require("../../components-core/renderers");
 const themeVars_1 = require("../../components-core/theming/themeVars");
 const TreeDisplayNative_1 = require("./TreeDisplayNative");
+const metadata_helpers_1 = require("../metadata-helpers");
 const COMP = "TreeDisplay";
-exports.TreeDisplayMd = (0, ComponentDefs_1.createMetadata)({
+exports.TreeDisplayMd = (0, metadata_helpers_1.createMetadata)({
     status: "stable",
     description: `The \`${COMP}\` component displays hierarchical data in a tree structure. ` +
         `It accepts an indented text format where each line is an entry in the tree, and ` +

package/dist/scripts/src/components/metadata-helpers.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMetadata = createMetadata;
+exports.d = d;
 exports.dInternal = dInternal;
 exports.dClick = dClick;
 exports.dGotFocus = dGotFocus;
@@ -36,6 +38,12 @@ exports.dDidClose = dDidClose;
 exports.dTriggerTemplate = dTriggerTemplate;
 exports.dOrientation = dOrientation;
 const abstractions_1 = require("./abstractions");
+function createMetadata(metadata) {
+    return metadata;
+}
+function d(description, availableValues, valueType, defaultValue, isValid, isRequired) {
+    return { description, isRequired, availableValues, valueType, defaultValue, isValid };
+}
 function dInternal(description) {
     return {
         description: description !== null && description !== void 0 ? description : `This property is for internal use only.`,

package/dist/scripts/src/components-core/Fragment.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fragmentComponentRenderer = exports.FragmentMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const ComponentDefs_1 = require("../abstractions/ComponentDefs");
 const renderers_1 = require("./renderers");
+const metadata_helpers_1 = require("../components/metadata-helpers");
 const COMP = "Fragment";
-exports.FragmentMd = (0, ComponentDefs_1.createMetadata)({
+exports.FragmentMd = (0, metadata_helpers_1.createMetadata)({
     description: "`Fragment` provides conditional rendering. You can use `when=` on any " +
         "component to render it conditionally, use `Fragment` to apply `when` to a group of components.",
     opaque: true,

package/dist/scripts/src/components-core/LoaderComponent.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoaderComponent = LoaderComponent;
 const react_1 = require("react");
 const ComponentRegistryContext_1 = require("../components/ComponentRegistryContext");
-const containers_1 = require("./abstractions/containers");
+const containers_1 = require("./rendering/containers");
 const valueExtractor_1 = require("./rendering/valueExtractor");
 const hooks_1 = require("./utils/hooks");
 function LoaderComponent({ node, state, dispatch, lookupAction, lookupSyncCallback, registerComponentApi, onUnmount, appContext, memoedVarsRef, }) {

package/dist/scripts/src/components-core/RestApiProxy.js

@@ -43,7 +43,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_es_1 = require("lodash-es");
-const ScriptingSourceTree_1 = require("../abstractions/scripting/ScriptingSourceTree");
+const ScriptingSourceTree_1 = require("./script-runner/ScriptingSourceTree");
 const extractParam_1 = require("./utils/extractParam");
 const misc_1 = require("./utils/misc");
 const EngineError_1 = require("./EngineError");

package/dist/scripts/src/components-core/Slot.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SlotHolder = exports.SlotMd = void 0;
-const ComponentDefs_1 = require("../abstractions/ComponentDefs");
+const metadata_helpers_1 = require("../components/metadata-helpers");
 const renderers_1 = require("./renderers");
 const COMP = "Slot";
-exports.SlotMd = (0, ComponentDefs_1.createMetadata)({
+exports.SlotMd = (0, metadata_helpers_1.createMetadata)({
     status: "experimental",
     description: "Placeholder in a reusable component. " +
         "Signs the slot where the component's injected children should be rendered.",
     props: {
-        name: (0, ComponentDefs_1.d)(`This optional property defines the name of the slot.`),
+        name: (0, metadata_helpers_1.d)(`This optional property defines the name of the slot.`),
     },
     allowArbitraryProps: true,
     opaque: true

package/dist/scripts/src/components-core/loader/ApiLoader.js

@@ -12,12 +12,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.apiLoaderRenderer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const misc_1 = require("../utils/misc");
 const extractParam_1 = require("../utils/extractParam");
 const renderers_1 = require("../renderers");
 const AppContext_1 = require("../AppContext");
 const Loader_1 = require("./Loader");
+const metadata_helpers_1 = require("../../components/metadata-helpers");
 /**
  * Represents a non-displayed React component, which handles the specified API loader
  */
@@ -41,11 +41,11 @@ function ApiLoader({ loader, loaderInProgressChanged, loaderIsRefetchingChanged,
     }), [doNotRemoveNulls, loadable, loader.props.raw, url]);
     return ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { state: state, loader: loader, loaderInProgressChanged: loaderInProgressChanged, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaderLoaded, loaderError: loaderError, loaderFn: doLoad, structuralSharing: structuralSharing }));
 }
-const ApiLoaderMd = (0, ComponentDefs_1.createMetadata)({
+const ApiLoaderMd = (0, metadata_helpers_1.createMetadata)({
     description: `Represents a loader that calls an API through an HTTP/HTTPS GET request`,
     props: {
-        url: (0, ComponentDefs_1.d)("URL segment to use in the GET request"),
-        raw: (0, ComponentDefs_1.d)("If true, the loader returns the raw text response instead of parsing it as JSON"),
+        url: (0, metadata_helpers_1.d)("URL segment to use in the GET request"),
+        raw: (0, metadata_helpers_1.d)("If true, the loader returns the raw text response instead of parsing it as JSON"),
     },
 });
 exports.apiLoaderRenderer = (0, renderers_1.createLoaderRenderer)("ApiLoader", ({ loader, state, loaderInProgressChanged, loaderIsRefetchingChanged, loaderLoaded, loaderError }) => {

package/dist/scripts/src/components-core/loader/DataLoader.js

@@ -17,7 +17,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
 const papaparse_1 = __importDefault(require("papaparse"));
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const renderers_1 = require("../renderers");
 const RestApiProxy_1 = __importDefault(require("../RestApiProxy"));
 const extractParam_1 = require("../utils/extractParam");
@@ -27,6 +26,7 @@ const Loader_1 = require("../loader/Loader");
 const AppContext_1 = require("../AppContext");
 const hooks_1 = require("../utils/hooks");
 const IndexerContext_1 = require("../../components/App/IndexerContext");
+const metadata_helpers_1 = require("../../components/metadata-helpers");
 function DataLoader({ loader, state, registerComponentApi, onLoaded, onError, loaderInProgressChanged, loaderIsRefetchingChanged, loaderLoaded, loaderError, transformResult, structuralSharing = true, }) {
     const appContext = (0, AppContext_1.useAppContext)();
     const url = (0, extractParam_1.extractParam)(state, loader.props.url, appContext);
@@ -293,29 +293,29 @@ function DataLoader({ loader, state, registerComponentApi, onLoaded, onError, lo
     const pollIntervalInSeconds = (0, extractParam_1.extractParam)(state, loader.props.pollIntervalInSeconds, appContext);
     return hasPaging ? ((0, jsx_runtime_1.jsx)(PageableLoader_1.PageableLoader, { queryId: queryId, state: state, loader: loader, loaderInProgressChanged: inProgress, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaded, loaderError: error, loaderFn: doLoad, registerComponentApi: registerComponentApi, pollIntervalInSeconds: pollIntervalInSeconds, onLoaded: onLoaded, transformResult: transformResult, structuralSharing: structuralSharing }, queryId === null || queryId === void 0 ? void 0 : queryId.join(""))) : ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { queryId: queryId, state: state, loader: loader, loaderInProgressChanged: inProgress, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaded, loaderError: error, loaderFn: doLoad, pollIntervalInSeconds: pollIntervalInSeconds, registerComponentApi: registerComponentApi, onLoaded: onLoaded, transformResult: transformResult, structuralSharing: structuralSharing }, queryId === null || queryId === void 0 ? void 0 : queryId.join("")));
 }
-exports.DataLoaderMd = (0, ComponentDefs_1.createMetadata)({
+exports.DataLoaderMd = (0, metadata_helpers_1.createMetadata)({
     description: "This component manages data fetching from a web API",
     props: {
-        method: (0, ComponentDefs_1.d)("The HTTP method to use"),
-        url: (0, ComponentDefs_1.d)("The URL to fetch data from"),
-        rawBody: (0, ComponentDefs_1.d)("The raw body of the request"),
-        body: (0, ComponentDefs_1.d)("The body of the request to be sent as JSON"),
-        queryParams: (0, ComponentDefs_1.d)("Query parameters to send with the request"),
-        headers: (0, ComponentDefs_1.d)("Headers to send with the request"),
-        pollIntervalInSeconds: (0, ComponentDefs_1.d)("The interval in seconds to poll the API for refreshing data"),
-        resultSelector: (0, ComponentDefs_1.d)("An expression to extract the result from the response"),
-        prevPageSelector: (0, ComponentDefs_1.d)("An expression to extract the previous page parameter from the response"),
-        nextPageSelector: (0, ComponentDefs_1.d)("An expression to extract the next page parameter from the response"),
-        inProgressNotificationMessage: (0, ComponentDefs_1.d)("The message to show when the loader is in progress"),
-        completedNotificationMessage: (0, ComponentDefs_1.d)("The message to show when the loader completes"),
-        errorNotificationMessage: (0, ComponentDefs_1.d)("The message to show when an error occurs"),
-        transformResult: (0, ComponentDefs_1.d)("Function for transforming the datasource result"),
-        dataType: (0, ComponentDefs_1.d)("Type of data to fetch (default: json, or csv, or sql)"),
-        structuralSharing: (0, ComponentDefs_1.d)("Whether to use structural sharing for the data"),
+        method: (0, metadata_helpers_1.d)("The HTTP method to use"),
+        url: (0, metadata_helpers_1.d)("The URL to fetch data from"),
+        rawBody: (0, metadata_helpers_1.d)("The raw body of the request"),
+        body: (0, metadata_helpers_1.d)("The body of the request to be sent as JSON"),
+        queryParams: (0, metadata_helpers_1.d)("Query parameters to send with the request"),
+        headers: (0, metadata_helpers_1.d)("Headers to send with the request"),
+        pollIntervalInSeconds: (0, metadata_helpers_1.d)("The interval in seconds to poll the API for refreshing data"),
+        resultSelector: (0, metadata_helpers_1.d)("An expression to extract the result from the response"),
+        prevPageSelector: (0, metadata_helpers_1.d)("An expression to extract the previous page parameter from the response"),
+        nextPageSelector: (0, metadata_helpers_1.d)("An expression to extract the next page parameter from the response"),
+        inProgressNotificationMessage: (0, metadata_helpers_1.d)("The message to show when the loader is in progress"),
+        completedNotificationMessage: (0, metadata_helpers_1.d)("The message to show when the loader completes"),
+        errorNotificationMessage: (0, metadata_helpers_1.d)("The message to show when an error occurs"),
+        transformResult: (0, metadata_helpers_1.d)("Function for transforming the datasource result"),
+        dataType: (0, metadata_helpers_1.d)("Type of data to fetch (default: json, or csv, or sql)"),
+        structuralSharing: (0, metadata_helpers_1.d)("Whether to use structural sharing for the data"),
     },
     events: {
-        loaded: (0, ComponentDefs_1.d)("Event to trigger when the data is loaded"),
-        error: (0, ComponentDefs_1.d)("This event fires when an error occurs while fetching data"),
+        loaded: (0, metadata_helpers_1.d)("Event to trigger when the data is loaded"),
+        error: (0, metadata_helpers_1.d)("This event fires when an error occurs while fetching data"),
     },
 });
 function IndexAwareDataLoader(props) {

package/dist/scripts/src/components-core/loader/ExternalDataLoader.js

@@ -12,12 +12,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.externalDataLoaderRenderer = exports.ExternalDataLoaderMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const misc_1 = require("../utils/misc");
 const extractParam_1 = require("../utils/extractParam");
 const renderers_1 = require("../renderers");
 const AppContext_1 = require("../AppContext");
 const Loader_1 = require("./Loader");
+const metadata_helpers_1 = require("../../components/metadata-helpers");
 /**
  * Represents a non-displayed React component, which handles the specified API loader
  */
@@ -45,13 +45,13 @@ function ExternalDataLoader({ loader, loaderInProgressChanged, loaderIsRefetchin
     }), [urlLoadable, headers, data, url, method, doNotRemoveNulls]);
     return ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { state: state, loader: loader, loaderInProgressChanged: loaderInProgressChanged, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaderLoaded, loaderError: loaderError, loaderFn: doLoad, structuralSharing: structuralSharing }));
 }
-exports.ExternalDataLoaderMd = (0, ComponentDefs_1.createMetadata)({
+exports.ExternalDataLoaderMd = (0, metadata_helpers_1.createMetadata)({
     description: `Represents a loader that calls an API through an HTTP/HTTPS GET request`,
     props: {
-        url: (0, ComponentDefs_1.d)("URL segment to use in the GET request"),
-        method: (0, ComponentDefs_1.d)("The HTTP method to use"),
-        headers: (0, ComponentDefs_1.d)("Headers to send with the request"),
-        data: (0, ComponentDefs_1.d)("The body of the request to be sent as JSON"),
+        url: (0, metadata_helpers_1.d)("URL segment to use in the GET request"),
+        method: (0, metadata_helpers_1.d)("The HTTP method to use"),
+        headers: (0, metadata_helpers_1.d)("Headers to send with the request"),
+        data: (0, metadata_helpers_1.d)("The body of the request to be sent as JSON"),
     },
 });
 exports.externalDataLoaderRenderer = (0, renderers_1.createLoaderRenderer)("ExternalDataLoader", ({ loader, state, loaderInProgressChanged, loaderIsRefetchingChanged, loaderError, loaderLoaded }) => {

package/dist/scripts/src/components-core/loader/MockLoaderRenderer.js

@@ -12,12 +12,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.mockLoaderRenderer = exports.MockLoaderMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const misc_1 = require("../utils/misc");
 const extractParam_1 = require("../utils/extractParam");
 const renderers_1 = require("../renderers");
 const AppContext_1 = require("../AppContext");
 const Loader_1 = require("./Loader");
+const metadata_helpers_1 = require("../../components/metadata-helpers");
 function MockLoader({ loader, loaderInProgressChanged, loaderIsRefetchingChanged, loaderError, loaderLoaded, state, structuralSharing }) {
     const appContext = (0, AppContext_1.useAppContext)();
     const waitTime = (0, extractParam_1.extractParam)(state, loader.props.waitTime, appContext);
@@ -28,11 +28,11 @@ function MockLoader({ loader, loaderInProgressChanged, loaderIsRefetchingChanged
     }), [responseObj, waitTime]);
     return ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { state: state, loader: loader, loaderInProgressChanged: loaderInProgressChanged, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaderLoaded, loaderError: loaderError, loaderFn: doLoad, structuralSharing: structuralSharing }));
 }
-exports.MockLoaderMd = (0, ComponentDefs_1.createMetadata)({
+exports.MockLoaderMd = (0, metadata_helpers_1.createMetadata)({
     description: "A loader that simulates a delay and returns a predefined response",
     props: {
-        waitTime: (0, ComponentDefs_1.d)("The time to wait before returning the response"),
-        data: (0, ComponentDefs_1.d)("The data to return"),
+        waitTime: (0, metadata_helpers_1.d)("The time to wait before returning the response"),
+        data: (0, metadata_helpers_1.d)("The data to return"),
     },
 });
 exports.mockLoaderRenderer = (0, renderers_1.createLoaderRenderer)("MockLoader", ({ loader, state, loaderInProgressChanged, loaderLoaded, loaderError }) => {

package/dist/scripts/src/components-core/rendering/AppContent.js

@@ -26,7 +26,7 @@ const AppContext_1 = require("../AppContext");
 const renderChild_1 = require("./renderChild");
 const AppRoot_1 = require("./AppRoot");
 const react_2 = require("@remix-run/react");
-const ThemingDefs_1 = require("../../abstractions/ThemingDefs");
+const utils_1 = require("../theming/utils");
 /**
  *  This component wraps the entire app into a container with these particular
  *  responsibilities:
@@ -53,7 +53,7 @@ function AppContent({ rootContainer, routerBaseName, globalProps, standalone, tr
         }
         // --- Alt + Ctrl + Shift + O changes the current theme tone
         if (event.code === "KeyO" && event.altKey && event.ctrlKey && event.shiftKey) {
-            setActiveThemeTone(ThemingDefs_1.ThemeToneKeys[(ThemingDefs_1.ThemeToneKeys.indexOf(activeThemeTone) + 1) % ThemingDefs_1.ThemeToneKeys.length]);
+            setActiveThemeTone(utils_1.ThemeToneKeys[(utils_1.ThemeToneKeys.indexOf(activeThemeTone) + 1) % utils_1.ThemeToneKeys.length]);
         }
         // --- Alt + Ctrl + Shift + S toggles the current state view
         if (event.code === "KeyS" && event.altKey && event.ctrlKey && event.shiftKey) {