xmlui 0.11.4 → 0.11.7

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

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.itemsComponentRenderer = exports.ItemsMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("../../components-core/renderers");
-const container_helpers_1 = require("../container-helpers");
-const metadata_helpers_1 = require("../metadata-helpers");
-const ItemsNative_1 = require("./ItemsNative");
-const COMP = "Items";
-exports.ItemsMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`Items` renders data arrays without built-in layout or styling, providing " +
-        "a lightweight alternative to `List`. Unlike `List`, it provides no " +
-        "virtualization, grouping, or visual formatting — just pure data iteration.",
-    props: {
-        items: (0, metadata_helpers_1.dInternal)(`This property contains the list of data items this component renders.`),
-        data: (0, metadata_helpers_1.d)(`This property contains the list of data items (obtained from a data source) this component renders.`),
-        reverse: {
-            description: "This property reverses the order in which data is mapped to template components.",
-            type: "boolean",
-            defaultValue: ItemsNative_1.defaultProps.reverse,
-        },
-        itemTemplate: (0, metadata_helpers_1.dComponent)("The component template to display a single item"),
-    },
-    childrenAsTemplate: "itemTemplate",
-    contextVars: {
-        $item: (0, metadata_helpers_1.dComponent)("Current data item being rendered"),
-        $itemIndex: (0, metadata_helpers_1.dComponent)("Zero-based index of current item"),
-        $isFirst: (0, metadata_helpers_1.dComponent)("Boolean indicating if this is the first item"),
-        $isLast: (0, metadata_helpers_1.dComponent)("Boolean indicating if this is the last item"),
-    },
-    opaque: true,
-});
-exports.itemsComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.ItemsMd, (rendererContext) => {
-    const { node, renderChild, extractValue, layoutContext } = rendererContext;
-    return ((0, jsx_runtime_1.jsx)(ItemsNative_1.Items, { items: extractValue(node.props.items) || extractValue(node.props.data), reverse: extractValue(node.props.reverse), renderItem: (contextVars, key) => {
-            return ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { contextVars: contextVars, node: node.props.itemTemplate, renderChild: renderChild, layoutContext: layoutContext }, key));
-        } }));
-});

package/dist/scripts/src/components/Items/Items.spec.js

@@ -1,397 +0,0 @@
-"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 });
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("renders with basic data array", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <Items data="{[
-        { name: 'Item 1' },
-        { name: 'Item 2' },
-        { name: 'Item 3' }
-      ]}">
-        <Text testId="item-{$itemIndex}">{$item.name}</Text>
-      </Items>
-    `);
-        yield (0, fixtures_1.expect)(page.getByTestId("item-0")).toContainText("Item 1");
-        yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toContainText("Item 2");
-        yield (0, fixtures_1.expect)(page.getByTestId("item-2")).toContainText("Item 3");
-    }));
-    (0, fixtures_1.test)("renders with inline itemTemplate property", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <Items data="{[
-        { value: 'First' },
-        { value: 'Second' }
-      ]}">
-        <property name="itemTemplate">
-          <Text testId="template-item-{$itemIndex}">{$item.value}</Text>
-        </property>
-      </Items>
-    `);
-        yield (0, fixtures_1.expect)(page.getByTestId("template-item-0")).toContainText("First");
-        yield (0, fixtures_1.expect)(page.getByTestId("template-item-1")).toContainText("Second");
-    }));
-    (0, fixtures_1.test)("renders nothing with empty data array", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack testId="container">
-        <Text>Container Content</Text>
-        <Items data="{[]}">
-          <Text>{$item.name}</Text>
-        </Items>
-      </VStack>
-    `);
-        const container = page.getByTestId("container");
-        yield (0, fixtures_1.expect)(container).toBeVisible();
-        // Should contain the text we added to make container visible
-        yield (0, fixtures_1.expect)(container).toContainText("Container Content");
-        // Container should have exactly one child (our text element, not the empty Items)
-        const textElements = container.locator("div").filter({ hasText: "Container Content" });
-        yield (0, fixtures_1.expect)(textElements).toHaveCount(1);
-    }));
-    (0, fixtures_1.test)("renders nothing with null data", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack testId="container">
-        <Text>Container Content</Text>
-        <Items data="{null}">
-          <Text>{$item.name}</Text>
-        </Items>
-      </VStack>
-    `);
-        const container = page.getByTestId("container");
-        yield (0, fixtures_1.expect)(container).toBeVisible();
-        // Should contain the text we added to make container visible
-        yield (0, fixtures_1.expect)(container).toContainText("Container Content");
-        // Container should have exactly one child (our text element, not the null Items)
-        const textElements = container.locator("div").filter({ hasText: "Container Content" });
-        yield (0, fixtures_1.expect)(textElements).toHaveCount(1);
-    }));
-    (0, fixtures_1.test)("renders nothing with undefined data", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack testId="container">
-        <Text>Container Content</Text>
-        <Items data="{undefined}">
-          <Text>{$item.name}</Text>
-        </Items>
-      </VStack>
-    `);
-        const container = page.getByTestId("container");
-        yield (0, fixtures_1.expect)(container).toBeVisible();
-        // Should contain the text we added to make container visible
-        yield (0, fixtures_1.expect)(container).toContainText("Container Content");
-        // Container should have exactly one child (our text element, not the undefined Items)
-        const textElements = container.locator("div").filter({ hasText: "Container Content" });
-        yield (0, fixtures_1.expect)(textElements).toHaveCount(1);
-    }));
-    // =============================================================================
-    // CONTEXT VARIABLES TESTS
-    // =============================================================================
-    fixtures_1.test.describe("Context Variables", () => {
-        (0, fixtures_1.test)("$item provides current data item", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items data="{[
-          { id: 1, title: 'First Item' },
-          { id: 2, title: 'Second Item' }
-        ]}">
-          <Text testId="item-{$item.id}">{$item.title}</Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toContainText("First Item");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-2")).toContainText("Second Item");
-        }));
-        (0, fixtures_1.test)("$itemIndex provides zero-based index", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items data="{['A', 'B', 'C']}">
-          <Text testId="index-{$itemIndex}">Index: {$itemIndex}, Value: {$item}</Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("index-0")).toContainText("Index: 0, Value: A");
-            yield (0, fixtures_1.expect)(page.getByTestId("index-1")).toContainText("Index: 1, Value: B");
-            yield (0, fixtures_1.expect)(page.getByTestId("index-2")).toContainText("Index: 2, Value: C");
-        }));
-        (0, fixtures_1.test)("$isFirst indicates first item", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items data="{['Alpha', 'Beta', 'Gamma']}">
-          <Text testId="item-{$itemIndex}">{$isFirst ? 'FIRST: ' : ''}{$item}</Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("item-0")).toContainText("FIRST: Alpha");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toContainText("Beta");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-2")).toContainText("Gamma");
-        }));
-        (0, fixtures_1.test)("$isLast indicates last item", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items data="{['Alpha', 'Beta', 'Gamma']}">
-          <Text testId="item-{$itemIndex}">{$item}{$isLast ? ' :LAST' : ''}</Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("item-0")).toContainText("Alpha");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toContainText("Beta");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-2")).toContainText("Gamma :LAST");
-        }));
-        (0, fixtures_1.test)("$isFirst and $isLast work with single item", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items data="{['OnlyItem']}">
-          <Text testId="only-item">
-            {$isFirst ? 'FIRST ' : ''}{$item}{$isLast ? ' LAST' : ''}
-          </Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("only-item")).toContainText("FIRST OnlyItem LAST");
-        }));
-    });
-    // =============================================================================
-    // REVERSE PROPERTY TESTS
-    // =============================================================================
-    fixtures_1.test.describe("Reverse Property", () => {
-        (0, fixtures_1.test)("default behavior renders items in original order", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items data="{['First', 'Second', 'Third']}">
-          <Text testId="item-{$itemIndex}">{$item}</Text>
-        </Items>
-      `);
-            // Let's first see what the default behavior is
-            yield (0, fixtures_1.expect)(page.getByTestId("item-0")).toBeVisible();
-            yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toBeVisible();
-            yield (0, fixtures_1.expect)(page.getByTestId("item-2")).toBeVisible();
-        }));
-        (0, fixtures_1.test)("reverse=false renders items in original order", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items reverse="{false}" data="{['First', 'Second', 'Third']}">
-          <Text testId="item-{$itemIndex}">{$item}</Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("item-0")).toContainText("First");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toContainText("Second");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-2")).toContainText("Third");
-        }));
-        (0, fixtures_1.test)("reverse=true renders items in reversed order", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items reverse="{true}" data="{['First', 'Second', 'Third']}">
-          <Text testId="item-{$itemIndex}">{$item}</Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("item-0")).toContainText("Third");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toContainText("Second");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-2")).toContainText("First");
-        }));
-        (0, fixtures_1.test)("reverse=true maintains correct context variables", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items reverse="{true}" data="{['A', 'B', 'C']}">
-          <Text testId="item-{$itemIndex}">
-            {$item} - Index:{$itemIndex} - First:{$isFirst ? 'yes' : 'no'} - Last:{$isLast ? 'yes' : 'no'}
-          </Text>
-        </Items>
-      `);
-            // With reverse=true, order is C, B, A but indices should be 0, 1, 2
-            yield (0, fixtures_1.expect)(page.getByTestId("item-0")).toContainText("C - Index:0 - First:yes - Last:no");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toContainText("B - Index:1 - First:no - Last:no");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-2")).toContainText("A - Index:2 - First:no - Last:yes");
-        }));
-    });
-    // =============================================================================
-    // ALTERNATIVE DATA SOURCES TESTS
-    // =============================================================================
-    fixtures_1.test.describe("Data Sources", () => {
-        (0, fixtures_1.test)("items property works as alternative to data property", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items items="{[
-          { name: 'Via Items Prop' },
-          { name: 'Second Item' }
-        ]}">
-          <Text testId="item-{$itemIndex}">{$item.name}</Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("item-0")).toContainText("Via Items Prop");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toContainText("Second Item");
-        }));
-        (0, fixtures_1.test)("object converts to array via Object.values", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items data="{{
-          key1: 'First Value',
-          key2: 'Second Value',
-          key3: 'Third Value'
-        }}">
-          <Text testId="item-{$itemIndex}">{$item}</Text>
-        </Items>
-      `);
-            // Object.values order may vary, so we check that all values are present
-            yield (0, fixtures_1.expect)(page.getByTestId("item-0")).toBeVisible();
-            yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toBeVisible();
-            yield (0, fixtures_1.expect)(page.getByTestId("item-2")).toBeVisible();
-            // Check that values from the object are rendered
-            const items = page.locator('[data-testid^="item-"]');
-            yield (0, fixtures_1.expect)(items).toHaveCount(3);
-        }));
-    });
-    // =============================================================================
-    // DATA TYPE EDGE CASES TESTS
-    // =============================================================================
-    fixtures_1.test.describe("Data Type Edge Cases", () => {
-        (0, fixtures_1.test)("handles special characters in data", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items data="{[
-          'Unicode: 👨‍👩‍👧‍👦',
-          'Chinese: 你好世界',
-          'Special chars'
-        ]}">
-          <Text testId="item-{$itemIndex}">{$item}</Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("item-0")).toContainText("Unicode: 👨‍👩‍👧‍👦");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toContainText("Chinese: 你好世界");
-            yield (0, fixtures_1.expect)(page.getByTestId("item-2")).toContainText("Special chars");
-        }));
-        (0, fixtures_1.test)("handles numeric data items", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items data="{[0, 1, 42, -5, 3.14, NaN, Infinity]}">
-          <Text testId="number-{$itemIndex}">{$item}</Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("number-0")).toContainText("0");
-            yield (0, fixtures_1.expect)(page.getByTestId("number-1")).toContainText("1");
-            yield (0, fixtures_1.expect)(page.getByTestId("number-2")).toContainText("42");
-            yield (0, fixtures_1.expect)(page.getByTestId("number-3")).toContainText("-5");
-            yield (0, fixtures_1.expect)(page.getByTestId("number-4")).toContainText("3.14");
-            yield (0, fixtures_1.expect)(page.getByTestId("number-5")).toContainText("NaN");
-            yield (0, fixtures_1.expect)(page.getByTestId("number-6")).toContainText("Infinity");
-        }));
-        (0, fixtures_1.test)("handles boolean data items", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items data="{[true, false]}">
-          <Text testId="bool-{$itemIndex}">{$item}</Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("bool-0")).toContainText("true");
-            yield (0, fixtures_1.expect)(page.getByTestId("bool-1")).toContainText("false");
-        }));
-        (0, fixtures_1.test)("handles mixed data types", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Items data="{[
-          'string',
-          42,
-          true,
-          { name: 'object' }
-        ]}">
-          <Text testId="mixed-{$itemIndex}">
-            {typeof $item === 'object' && $item !== null ? $item.name || 'object' : $item}
-          </Text>
-        </Items>
-      `);
-            yield (0, fixtures_1.expect)(page.getByTestId("mixed-0")).toContainText("string");
-            yield (0, fixtures_1.expect)(page.getByTestId("mixed-1")).toContainText("42");
-            yield (0, fixtures_1.expect)(page.getByTestId("mixed-2")).toContainText("true");
-            yield (0, fixtures_1.expect)(page.getByTestId("mixed-3")).toContainText("object");
-        }));
-    });
-});
-// =============================================================================
-// OTHER EDGE CASE TESTS
-// =============================================================================
-fixtures_1.test.describe("Other Edge Cases", () => {
-    (0, fixtures_1.test)("handles no template children gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack testId="container">
-        <Text>Before Items</Text>
-        <Items data="{['item1', 'item2']}">
-        </Items>
-        <Text>After Items</Text>
-      </VStack>
-    `);
-        const container = page.getByTestId("container");
-        yield (0, fixtures_1.expect)(container).toBeVisible();
-        // Should still render the surrounding text elements
-        yield (0, fixtures_1.expect)(container).toContainText("Before Items");
-        yield (0, fixtures_1.expect)(container).toContainText("After Items");
-        // Items with no template should not render anything
-        const beforeText = page.getByText("Before Items");
-        const afterText = page.getByText("After Items");
-        yield (0, fixtures_1.expect)(beforeText).toBeVisible();
-        yield (0, fixtures_1.expect)(afterText).toBeVisible();
-    }));
-    (0, fixtures_1.test)("component renders without wrapper element", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack testId="parent">
-        <Text>Before Items</Text>
-        <Items data="{['Test Item']}">
-          <Text testId="item-content">{$item}</Text>
-        </Items>
-        <Text>After Items</Text>
-      </VStack>
-    `);
-        // Items should not add its own wrapper - the item content should be a direct child
-        const parent = page.getByTestId("parent");
-        yield (0, fixtures_1.expect)(parent).toContainText("Before Items");
-        yield (0, fixtures_1.expect)(parent).toContainText("Test Item");
-        yield (0, fixtures_1.expect)(parent).toContainText("After Items");
-        // The item should be rendered directly
-        yield (0, fixtures_1.expect)(page.getByTestId("item-content")).toContainText("Test Item");
-    }));
-    (0, fixtures_1.test)("handles large arrays gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        // Test with smaller array that can be handled inline
-        yield initTestBed(`
-      <Items data="{[
-        { id: 0, name: 'Item 0' },
-        { id: 1, name: 'Item 1' },
-        { id: 2, name: 'Item 2' },
-        { id: 50, name: 'Item 50' },
-        { id: 99, name: 'Item 99' }
-      ]}">
-        <Text testId="item-{$item.id}">#{$item.id}: {$item.name}</Text>
-      </Items>
-    `);
-        // Check that all items are rendered
-        yield (0, fixtures_1.expect)(page.getByTestId("item-0")).toContainText("#0: Item 0");
-        yield (0, fixtures_1.expect)(page.getByTestId("item-1")).toContainText("#1: Item 1");
-        yield (0, fixtures_1.expect)(page.getByTestId("item-2")).toContainText("#2: Item 2");
-        yield (0, fixtures_1.expect)(page.getByTestId("item-50")).toContainText("#50: Item 50");
-        yield (0, fixtures_1.expect)(page.getByTestId("item-99")).toContainText("#99: Item 99");
-    }));
-    (0, fixtures_1.test)("handles deeply nested data structures", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <Items data="{[
-        { 
-          user: { profile: { name: 'John', details: { age: 30 } } },
-          settings: { theme: 'dark' }
-        },
-        {
-          user: { profile: { name: 'Jane', details: { age: 25 } } },
-          settings: { theme: 'light' }
-        }
-      ]}">
-        <Text testId="user-{$itemIndex}">
-          {$item.user.profile.name} ({$item.user.profile.details.age}) - Theme: {$item.settings.theme}
-        </Text>
-      </Items>
-    `);
-        yield (0, fixtures_1.expect)(page.getByTestId("user-0")).toContainText("John (30) - Theme: dark");
-        yield (0, fixtures_1.expect)(page.getByTestId("user-1")).toContainText("Jane (25) - Theme: light");
-    }));
-    (0, fixtures_1.test)("handles non-array data gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <VStack testId="container">
-        <Text>Container Content</Text>
-        <Items data="not-an-array">
-          <Text>{$item}</Text>
-        </Items>
-      </VStack>
-    `);
-        const container = page.getByTestId("container");
-        yield (0, fixtures_1.expect)(container).toBeVisible();
-        // Should contain the text we added to make container visible
-        yield (0, fixtures_1.expect)(container).toContainText("Container Content");
-        // Non-array data should result in no items rendered, but container should still be visible
-        const textElements = container.locator("div").filter({ hasText: "Container Content" });
-        yield (0, fixtures_1.expect)(textElements).toHaveCount(1);
-    }));
-});

package/dist/scripts/src/components/Items/ItemsNative.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultProps = void 0;
-exports.Items = Items;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const lodash_es_1 = require("lodash-es");
-exports.defaultProps = {
-    reverse: false,
-};
-function Items({ items, renderItem, reverse = exports.defaultProps.reverse }) {
-    const itemsToRender = (0, react_1.useMemo)(() => {
-        if (!items) {
-            return [];
-        }
-        let normalizedItems = items;
-        if ((0, lodash_es_1.isPlainObject)(items)) {
-            normalizedItems = Object.values(items);
-        }
-        return reverse ? [...normalizedItems].reverse() : normalizedItems;
-    }, [items, reverse]);
-    if (!itemsToRender || !Array.isArray(itemsToRender)) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: itemsToRender.map((item, index) => {
-            return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: renderItem === null || renderItem === void 0 ? void 0 : renderItem({
-                    $item: item,
-                    $itemIndex: index,
-                    $isFirst: index === 0,
-                    $isLast: index === itemsToRender.length - 1,
-                }, index) }, index));
-        }) }));
-}

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

@@ -1,82 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.localLinkComponentRenderer = exports.LinkMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Link_module_scss_1 = __importDefault(require("./Link.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const metadata_helpers_1 = require("../metadata-helpers");
-const abstractions_1 = require("../abstractions");
-const LinkNative_1 = require("./LinkNative");
-const COMP = "Link";
-exports.LinkMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`Link` creates clickable navigation elements for internal app routes or " +
-        "external URLs. You can use the `label` and `icon` properties for simple text " +
-        "links, or embed custom components like buttons, cards, or complex layouts " +
-        "for rich interactive link presentations.",
-    props: {
-        to: (0, metadata_helpers_1.d)("This property defines the URL of the link. If the value is not defined, the link cannot be activated."),
-        enabled: (0, metadata_helpers_1.dEnabled)(),
-        active: {
-            description: `Indicates whether this link is active or not. If so, it will have a distinct visual appearance.`,
-            type: "boolean",
-            defaultValue: LinkNative_1.defaultProps.active,
-        },
-        target: {
-            description: `This property specifies where to open the link represented by the \`${COMP}\`. This ` +
-                `property accepts the following values (in accordance with the HTML standard):`,
-            availableValues: abstractions_1.LinkTargetMd,
-            type: "string",
-        },
-        label: (0, metadata_helpers_1.dLabel)(),
-        icon: (0, metadata_helpers_1.d)(`This property allows you to add an optional icon (specify the icon's name) to the link.`),
-    },
-    events: {
-        click: {
-            description: "This event is triggered when the link is clicked."
-        }
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(Link_module_scss_1.default.themeVars),
-    themeVarDescriptions: {
-        [`gap-icon-${COMP}`]: "This property defines the size of the gap between the icon and the label.",
-    },
-    defaultThemeVars: {
-        [`border-${COMP}`]: "0px solid $borderColor",
-        [`textColor-${COMP}`]: "$color-primary-500",
-        [`textDecorationColor-${COMP}`]: `textDecorationColor-${COMP}`,
-        [`textColor-${COMP}--hover`]: `$color-primary-400`,
-        [`textDecorationColor-${COMP}--hover`]: `textColor-${COMP}--hover`,
-        [`textColor-${COMP}--active`]: "$color-primary-400",
-        [`textDecorationColor-${COMP}--active`]: `textColor-${COMP}--active`,
-        [`textColor-${COMP}--hover--active`]: `$textColor-${COMP}--active`,
-        [`textUnderlineOffset-${COMP}`]: "$space-1",
-        [`textDecorationLine-${COMP}`]: "underline",
-        [`textDecorationStyle-${COMP}`]: "solid",
-        [`outlineColor-${COMP}--focus`]: "$outlineColor--focus",
-        [`outlineWidth-${COMP}--focus`]: "$outlineWidth--focus",
-        [`outlineStyle-${COMP}--focus`]: "$outlineStyle--focus",
-        [`outlineOffset-${COMP}--focus`]: "$outlineOffset--focus",
-        [`fontSize-${COMP}`]: "inherit",
-        [`fontWeight-${COMP}--active`]: "$fontWeight-bold",
-        [`gap-icon-${COMP}`]: "$gap-tight",
-        [`padding-icon-${COMP}`]: "$space-0_5",
-        dark: {
-            [`textColor-${COMP}`]: "$color-primary-600",
-            [`textColor-${COMP}--hover`]: `$color-primary-500`,
-            [`textColor-${COMP}--active`]: "$color-primary-500",
-        }
-    },
-});
-/**
- * This function define the renderer for the Limk component.
- */
-exports.localLinkComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.LinkMd, ({ node, extractValue, renderChild, lookupEventHandler, className }) => {
-    var _a, _b;
-    return ((0, jsx_runtime_1.jsx)(LinkNative_1.LinkNative, { to: extractValue(node.props.to), icon: extractValue(node.props.icon), active: extractValue.asOptionalBoolean(node.props.active, false), target: extractValue((_a = node.props) === null || _a === void 0 ? void 0 : _a.target), className: className, disabled: !extractValue.asOptionalBoolean((_b = node.props.enabled) !== null && _b !== void 0 ? _b : true), onClick: lookupEventHandler("click"), children: node.props.label
-            ? extractValue.asDisplayText(node.props.label)
-            : renderChild(node.children) }));
-});