xmlui 0.9.61 → 0.9.63

package/dist/scripts/package.json

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

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

@@ -1,19 +1,41 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formSectionRenderer = exports.FormSectionMd = void 0;
 const compound_utils_1 = require("../../components-core/utils/compound-utils");
 const metadata_helpers_1 = require("../metadata-helpers");
-const FormSection_xmlui_raw_1 = __importDefault(require("./FormSection.xmlui?raw"));
+// --- We cannot use this with nextra
+// import componentSource from "./FormSection.xmlui?raw";
 const COMP = "FormSection";
 exports.FormSectionMd = (0, metadata_helpers_1.createMetadata)({
     status: "experimental",
     description: "`FormSection` groups elements within a `Form`. Child components are placed in " +
         "a [FlowLayout](/components/FlowLayout).",
 });
+const componentSource = `
+<Component name="FormSection">
+  <VStack paddingBottom="{$props.paddingBottom ?? '1rem'}" gap="0" width="100%">
+    <Heading 
+      when="{!!$props.heading}"
+      marginBottom="$space-tight"
+      level="{$props.headingLevel ?? 'h3'}"
+      fontWeight="{$props.headingWeight ?? 'bold'}"
+      value="{$props.heading}" />
+    <Text
+      when="{!!$props.info}"
+      fontSize="{$props.infoFontSize ?? '0.8rem'}"
+      paddingBottom="$space-normal"
+      value="{$props.info}" />
+    <FlowLayout 
+      width="100%"
+      paddingTop="{$props.paddingTop ?? '$space-normal'}"
+      columnGap="{$props.columnGap ?? '3rem'}"
+      rowGap="{$props.rowGap ?? '$space-normal'}" >
+      <Slot />
+    </FlowLayout>
+  </VStack>
+</Component>
+`;
 exports.formSectionRenderer = {
-    compoundComponentDef: (0, compound_utils_1.compoundComponentDefFromSource)(COMP, FormSection_xmlui_raw_1.default),
+    compoundComponentDef: (0, compound_utils_1.compoundComponentDefFromSource)(COMP, componentSource),
     metadata: exports.FormSectionMd,
 };

package/dist/scripts/src/components/List/ListNative.js

@@ -371,7 +371,9 @@ exports.ListNative = (0, react_1.forwardRef)(function DynamicHeightList({ items
             scrollToId,
         });
     }, [registerComponentApi, scrollToBottom, scrollToId, scrollToIndex, scrollToTop]);
-    const rowTypeContextValue = (0, react_1.useCallback)((index) => rows[index]._row_type, [rows]);
+    // REVIEW: I changed this code line because in the build version rows[index] was undefined
+    // const rowTypeContextValue = useCallback((index: number) => rows[index]._row_type, [rows]);
+    const rowTypeContextValue = (0, react_1.useCallback)((index) => { var _a; return (_a = rows === null || rows === void 0 ? void 0 : rows[index]) === null || _a === void 0 ? void 0 : _a._row_type; }, [rows]);
     const rowCount = (_a = rows === null || rows === void 0 ? void 0 : rows.length) !== null && _a !== void 0 ? _a : 0;
     const startMargin = (0, hooks_1.useStartMargin)(hasOutsideScroll, parentRef, scrollRef);
     return ((0, jsx_runtime_1.jsx)(ListItemTypeContext.Provider, { value: rowTypeContextValue, children: (0, jsx_runtime_1.jsx)(exports.ListContext.Provider, { value: expandContextValue, children: (0, jsx_runtime_1.jsxs)("div", { ref: rootRef, style: style, className: (0, classnames_1.default)(List_module_scss_1.default.outerWrapper, {
@@ -383,8 +385,16 @@ exports.ListNative = (0, react_1.forwardRef)(function DynamicHeightList({ items
                             [List_module_scss_1.default.borderCollapse]: borderCollapse,
                             [List_module_scss_1.default.sectioned]: groupBy !== undefined,
                         }), "data-list-container": true, children: (0, jsx_runtime_1.jsx)(virtua_1.Virtualizer, { ref: virtualizerRef, scrollRef: scrollElementRef, shift: shift, onScroll: onScroll, startMargin: startMargin, item: Item, count: rowCount, children: (rowIndex) => {
-                                const row = rows[rowIndex];
-                                const key = row[idKey];
+                                // REVIEW: I changed this code line because in the build version rows[rowIndex] 
+                                // was undefined
+                                // const row = rows[rowIndex];
+                                // const key = row[idKey];
+                                const row = rows === null || rows === void 0 ? void 0 : rows[rowIndex];
+                                const key = row === null || row === void 0 ? void 0 : row[idKey];
+                                if (!row) {
+                                    return (0, jsx_runtime_1.jsx)("div", {}, rowIndex);
+                                }
+                                // --- End change
                                 switch (row._row_type) {
                                     case RowType.SECTION:
                                         return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (sectionRenderer === null || sectionRenderer === void 0 ? void 0 : sectionRenderer(row, key)) || (0, jsx_runtime_1.jsx)("div", {}) }, key));

package/dist/scripts/src/components/NestedApp/AppWithCodeViewNative.js

@@ -71,7 +71,7 @@ function AppWithCodeViewNative({ markdown, splitView, initiallyShowCode = false,
                                         }, children: (0, jsx_runtime_1.jsx)(rx_1.RxOpenInNewWindow, {}) }), label: "View and edit in new full-width window" })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { trigger: (0, jsx_runtime_1.jsx)("button", { className: NestedApp_module_scss_1.default.headerButton, onClick: () => {
                                             setShowCode(false);
                                             setRefreshVersion(refreshVersion + 1);
-                                        }, children: (0, jsx_runtime_1.jsx)(lia_1.LiaUndoAltSolid, {}) }), label: "Reset the app" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.contentContainer, children: [showCode && (0, jsx_runtime_1.jsx)(Markdown_1.Markdown, { style: { height: "100%" }, children: markdown }), !showCode && ((0, jsx_runtime_1.jsx)(NestedAppNative_1.IndexAwareNestedApp, { refVersion: refreshVersion, app: app, api: api, components: components, config: config, activeTone: activeTone, activeTheme: activeTheme, title: title, allowPlaygroundPopup: allowPlaygroundPopup, withFrame: false, popOutUrl: popOutUrl }))] })] }));
+                                        }, children: (0, jsx_runtime_1.jsx)(lia_1.LiaUndoAltSolid, {}) }), label: "Reset the app" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.contentContainer, children: [showCode && (0, jsx_runtime_1.jsx)(Markdown_1.Markdown, { style: { height: "100%" }, children: markdown }), !showCode && ((0, jsx_runtime_1.jsx)(NestedAppNative_1.IndexAwareNestedApp, { height: "100%", refVersion: refreshVersion, app: app, api: api, components: components, config: config, activeTone: activeTone, activeTheme: activeTheme, title: title, allowPlaygroundPopup: allowPlaygroundPopup, withFrame: false, popOutUrl: popOutUrl }))] })] }));
     }
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Markdown_1.Markdown, { children: markdown }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(NestedAppNative_1.IndexAwareNestedApp, { app: app, api: api, components: components, config: config, activeTone: activeTone, activeTheme: activeTheme, title: title, height: height, allowPlaygroundPopup: allowPlaygroundPopup, withFrame: true, popOutUrl: popOutUrl }) })] }));
 }

package/dist/standalone/xmlui-standalone.es.d.ts

@@ -1159,7 +1159,7 @@ declare const Stack: ForwardRefExoticComponent<Props_2 & RefAttributes<any>>;
  * representation); ApiInterceptor can emulate some backend functionality
  * running in the browser.
  */
-declare function StandaloneApp({ appDef, decorateComponentsWithTestId, debugEnabled, waitForApiInterceptor, runtime, extensionManager, }: StandaloneAppProps): JSX_2.Element;
+declare function StandaloneApp({ appDef, decorateComponentsWithTestId, debugEnabled, runtime, extensionManager, }: StandaloneAppProps): JSX_2.Element;
 
 declare type StandaloneAppDescription = {
     name?: string;
@@ -1182,7 +1182,6 @@ declare type StandaloneAppProps = {
     debugEnabled?: boolean;
     runtime?: any;
     extensionManager?: StandaloneExtensionManager;
-    waitForApiInterceptor?: boolean;
 };
 
 declare const standaloneExports: {