xmlui 0.10.19 → 0.10.21

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

@@ -14,7 +14,7 @@ const fixtures_1 = require("../../testing/fixtures");
 // BASIC FUNCTIONALITY TESTS
 // =============================================================================
 fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("component initializes and provides API methods", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+    (0, fixtures_1.test)("component initializes and provides API methods", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
         const { testStateDriver } = yield initTestBed(`
       <Fragment>
         <Queue id="testQueue" />
@@ -27,8 +27,8 @@ fixtures_1.test.describe("Basic Functionality", () => {
         }" />
       </Fragment>
     `);
-        const buttonDriver = createButtonDriver("checkApi");
-        (yield buttonDriver).component.click();
+        const buttonDriver = yield createButtonDriver("checkApi");
+        yield buttonDriver.component.click();
         yield fixtures_1.expect.poll(testStateDriver.testState).toEqual({
             hasEnqueueItem: true,
             hasEnqueueItems: true,
@@ -41,7 +41,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
     // ENQUEUE ITEM API TESTS
     // =============================================================================
     fixtures_1.test.describe("enqueueItem API", () => {
-        (0, fixtures_1.test)("enqueueItem adds item to queue and returns ID", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("enqueueItem adds item to queue and returns ID", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <Queue id="testQueue" />
@@ -61,7 +61,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
                 hasValidId: true,
             });
         }));
-        (0, fixtures_1.test)("enqueueItem handles different data types", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("enqueueItem handles different data types", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <Queue id="testQueue" />
@@ -107,7 +107,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
     // ENQUEUE ITEMS API TESTS
     // =============================================================================
     fixtures_1.test.describe("enqueueItems API", () => {
-        (0, fixtures_1.test)("enqueueItems adds multiple items and returns array of IDs", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("enqueueItems adds multiple items and returns array of IDs", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <Queue id="testQueue" />
@@ -156,7 +156,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
     // GET QUEUE LENGTH API TESTS
     // =============================================================================
     fixtures_1.test.describe("getQueueLength API", () => {
-        (0, fixtures_1.test)("getQueueLength returns 0 for empty queue", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("getQueueLength returns 0 for empty queue", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <Queue id="testQueue" />
@@ -167,7 +167,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield buttonDriver.component.click();
             yield fixtures_1.expect.poll(testStateDriver.testState).toBe(0);
         }));
-        (0, fixtures_1.test)("getQueueLength updates after adding items", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("getQueueLength updates after adding items", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <Queue id="testQueue" />
@@ -177,9 +177,9 @@ fixtures_1.test.describe("Basic Functionality", () => {
             const afterOne = testQueue.getQueueLength();
             const ids = testQueue.enqueueItems(['item2', 'item3']);
             const afterThree = testQueue.getQueueLength();
-            testState = { 
-              initial, 
-              afterOne, 
+            testState = {
+              initial,
+              afterOne,
               afterThree,
               hasId1: !!id1,
               hasIds: ids.length === 2
@@ -194,7 +194,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
                 afterOne: 0,
                 afterThree: 0,
                 hasId1: true,
-                hasIds: true
+                hasIds: true,
             });
         }));
     });
@@ -202,7 +202,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
     // GET QUEUED ITEMS API TESTS
     // =============================================================================
     fixtures_1.test.describe("getQueuedItems API", () => {
-        (0, fixtures_1.test)("getQueuedItems returns empty array for empty queue", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("getQueuedItems returns empty array for empty queue", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <Queue id="testQueue" />
@@ -213,7 +213,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield buttonDriver.component.click();
             yield fixtures_1.expect.poll(testStateDriver.testState).toEqual([]);
         }));
-        (0, fixtures_1.test)("getQueuedItems returns items with correct structure", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("getQueuedItems returns items with correct structure", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <Queue id="testQueue" />
@@ -233,7 +233,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield fixtures_1.expect.poll(testStateDriver.testState).toEqual({
                 hasItemId: true,
                 itemsLength: 0,
-                isArray: true
+                isArray: true,
             });
         }));
     });
@@ -266,7 +266,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
                 lengthBefore: 0,
                 lengthAfter: 0,
                 hasItemId: true,
-                hasKeepId: true
+                hasKeepId: true,
             });
         }));
         (0, fixtures_1.test)("remove handles invalid ID gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
@@ -278,8 +278,8 @@ fixtures_1.test.describe("Basic Functionality", () => {
             const lengthBefore = testQueue.getQueueLength();
             testQueue.remove('invalid-id');
             const lengthAfter = testQueue.getQueueLength();
-            testState = { 
-              lengthBefore, 
+            testState = {
+              lengthBefore,
               lengthAfter,
               hasItemId: !!itemId
             };
@@ -291,7 +291,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield fixtures_1.expect.poll(testStateDriver.testState).toEqual({
                 lengthBefore: 0,
                 lengthAfter: 0,
-                hasItemId: true
+                hasItemId: true,
             });
         }));
     });
@@ -310,10 +310,10 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield buttonDriver.component.click();
             yield fixtures_1.expect.poll(testStateDriver.testState).toBe("processed");
         }));
-        (0, fixtures_1.test)("clearAfterFinish=true removes completed items", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("clearAfterFinish=true removes completed items", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
-          <Queue id="testQueue" clearAfterFinish="true" 
+          <Queue id="testQueue" clearAfterFinish="true"
                  onProcess="processing => {}"
                  onComplete="() => testState = testQueue.getQueuedItems().length" />
           <Button id="enqueueBtn" label="Enqueue" onClick="testQueue.enqueueItem('test');" />
@@ -339,10 +339,10 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield buttonDriver.component.click();
             yield fixtures_1.expect.poll(testStateDriver.testState).toBe("test-data");
         }));
-        (0, fixtures_1.test)("onWillProcess event can skip items by returning false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("onWillProcess event can skip items by returning false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
-          <Queue id="testQueue" 
+          <Queue id="testQueue"
                  onWillProcess="processing => processing.item !== 'skip' ? true : (testState = 'skipped', false)"
                  onProcess="processing => testState = 'processed'" />
           <Button id="enqueueBtn" label="Enqueue" onClick="
@@ -355,11 +355,11 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield buttonDriver.component.click();
             yield fixtures_1.expect.poll(testStateDriver.testState).toBe("processed");
         }));
-        (0, fixtures_1.test)("onDidProcess event fires after processing", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("onDidProcess event fires after processing", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <Queue id="testQueue"
-                 onProcess="processing => {}" 
+                 onProcess="processing => {}"
                  onDidProcess="processing => testState = 'did-process-' + processing.item" />
           <Button id="enqueueBtn" label="Enqueue" onClick="testQueue.enqueueItem('test');" />
         </Fragment>
@@ -368,7 +368,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield buttonDriver.component.click();
             yield fixtures_1.expect.poll(testStateDriver.testState).toBe("did-process-test");
         }));
-        (0, fixtures_1.test)("onProcessError event fires when processing throws", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("onProcessError event fires when processing throws", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <Queue id="testQueue"
@@ -381,7 +381,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield buttonDriver.component.click();
             yield fixtures_1.expect.poll(testStateDriver.testState).toBe("error-test");
         }));
-        (0, fixtures_1.test)("onComplete event fires when queue becomes empty", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("onComplete event fires when queue becomes empty", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <Queue id="testQueue" clearAfterFinish="true"
@@ -399,7 +399,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
     // TEMPLATE PROPERTY TESTS
     // =============================================================================
     fixtures_1.test.describe("Template Properties", () => {
-        (0, fixtures_1.test)("progressFeedback renders during processing", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createButtonDriver }) {
+        (0, fixtures_1.test)("progressFeedback renders during processing", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createButtonDriver, }) {
             yield initTestBed(`
         <Fragment>
           <Queue id="testQueue" onProcess="processing => { processing.reportProgress('50%'); }">
@@ -414,7 +414,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield buttonDriver.component.click();
             yield (0, fixtures_1.expect)(page.getByText("Progress: 0 of 1")).toBeVisible();
         }));
-        (0, fixtures_1.test)("resultFeedback renders when queue completes", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createButtonDriver }) {
+        (0, fixtures_1.test)("resultFeedback renders when queue completes", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createButtonDriver, }) {
             yield initTestBed(`
         <Fragment>
           <Queue id="testQueue" clearAfterFinish="true" onProcess="processing => {}">
@@ -429,7 +429,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
             yield buttonDriver.component.click();
             yield (0, fixtures_1.expect)(page.getByText("All 1 items processed")).toBeVisible();
         }));
-        (0, fixtures_1.test)("progressFeedback handles null gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+        (0, fixtures_1.test)("progressFeedback handles null gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
           <Queue id="testQueue" progressFeedback="{null}" onProcess="processing => testState = 'processed'" />
@@ -443,7 +443,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
         (0, fixtures_1.test)("resultFeedback handles null gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
             const { testStateDriver } = yield initTestBed(`
         <Fragment>
-          <Queue id="testQueue" resultFeedback="{null}" clearAfterFinish="true" 
+          <Queue id="testQueue" resultFeedback="{null}" clearAfterFinish="true"
                  onProcess="processing => {}"
                  onComplete="() => testState = 'complete'" />
           <Button id="enqueueBtn" label="Enqueue" onClick="testQueue.enqueueItem('test');" />
@@ -468,12 +468,12 @@ fixtures_1.test.describe("Other Edge Cases", () => {
           const id1 = testQueue.enqueueItem('item1');
           const id2 = testQueue.enqueueItem('item2');
           const ids = testQueue.enqueueItems(['item3', 'item4', 'item5']);
-          
+
           // Mix operations
           testQueue.remove(id1);
           const finalLength = testQueue.getQueueLength();
           const items = testQueue.getQueuedItems();
-          
+
           testState = {
             finalLength,
             itemCount: items.length,
@@ -491,10 +491,10 @@ fixtures_1.test.describe("Other Edge Cases", () => {
             itemCount: 0,
             hasId1: true,
             hasId2: true,
-            idsLength: 3
+            idsLength: 3,
         });
     }));
-    (0, fixtures_1.test)("handles processing with errors and recovery", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+    (0, fixtures_1.test)("handles processing with errors and recovery", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
         const { testStateDriver } = yield initTestBed(`
       <Fragment>
         <Queue id="testQueue"
@@ -512,11 +512,9 @@ fixtures_1.test.describe("Other Edge Cases", () => {
     `);
         const buttonDriver = yield createButtonDriver("enqueueBtn");
         yield buttonDriver.component.click();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual([
-            "processed-good1",
-            "error-error",
-            "processed-good2"
-        ]);
+        yield fixtures_1.expect
+            .poll(testStateDriver.testState)
+            .toEqual(["processed-good1", "error-error", "processed-good2"]);
     }));
     (0, fixtures_1.test)("handles very large queue operations", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
         const { testStateDriver } = yield initTestBed(`
@@ -528,7 +526,7 @@ fixtures_1.test.describe("Other Edge Cases", () => {
           for (let i = 0; i < 100; i++) {
             largeArray.push('item-' + i);
           }
-          
+
           const itemIds = testQueue.enqueueItems(largeArray);
           // Check uniqueness without Set
           const uniqueCheck = {};
@@ -556,7 +554,7 @@ fixtures_1.test.describe("Other Edge Cases", () => {
             allUniqueIds: true,
         });
     }));
-    (0, fixtures_1.test)("handles nested object and complex data types", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+    (0, fixtures_1.test)("handles nested object and complex data types", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
         const { testStateDriver } = yield initTestBed(`
       <Fragment>
         <Queue id="testQueue" onProcess="processing => testState = processing.item" />
@@ -577,7 +575,7 @@ fixtures_1.test.describe("Other Edge Cases", () => {
         (0, fixtures_1.expect)(result.nested.deep.value).toBe("test");
         (0, fixtures_1.expect)(result.array).toEqual([1, 2, { key: "value" }]);
     }));
-    (0, fixtures_1.test)("handles rapid state changes during processing", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+    (0, fixtures_1.test)("handles rapid state changes during processing", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
         const { testStateDriver } = yield initTestBed(`
       <Fragment>
         <Queue id="testQueue"
@@ -594,12 +592,12 @@ fixtures_1.test.describe("Other Edge Cases", () => {
         yield buttonDriver.component.click();
         yield fixtures_1.expect.poll(testStateDriver.testState).toBe(5);
     }));
-    (0, fixtures_1.test)("handles context variables in templates correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver }) {
+    (0, fixtures_1.test)("handles context variables in templates correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createButtonDriver, }) {
         const { testStateDriver } = yield initTestBed(`
       <Fragment>
         <Queue id="testQueue" clearAfterFinish="false"
-               onProcess="processing => { 
-                 processing.reportProgress(processing.item); 
+               onProcess="processing => {
+                 processing.reportProgress(processing.item);
                  testState = {
                    queuedItems: testQueue.getQueuedItems().length,
                    item: processing.item
@@ -620,7 +618,7 @@ fixtures_1.test.describe("Other Edge Cases", () => {
         // Verify that the queue processing works with template properties defined
         yield fixtures_1.expect.poll(testStateDriver.testState).toEqual({
             queuedItems: fixtures_1.expect.any(Number),
-            item: fixtures_1.expect.any(String)
+            item: fixtures_1.expect.any(String),
         });
     }));
 });

package/dist/scripts/src/components/Queue/QueueNative.js

@@ -276,7 +276,7 @@ renderProgressFeedback, renderResultFeedback, clearAfterFinish = exports.default
             return;
         }
         let queueItem = queue[0];
-        (() => __awaiter(this, void 0, void 0, function* () {
+        void (() => __awaiter(this, void 0, void 0, function* () {
             yield doSingle(queueItem);
         }))();
     }, [doComplete, doSingle, prevQueue, queue]);

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

@@ -411,7 +411,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
     </RadioGroup>
   `);
     const labels = page.locator("label");
-    (0, fixtures_1.expect)(labels).toHaveCount(3);
+    yield (0, fixtures_1.expect)(labels).toHaveCount(3);
     const { left: optionLeft } = yield (0, component_test_helpers_1.getBounds)(labels.nth(1));
     const { right: labelRight } = yield (0, component_test_helpers_1.getBounds)(labels.nth(0));
     (0, fixtures_1.expect)(labelRight).toBeLessThan(optionLeft);
@@ -424,7 +424,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
     </RadioGroup>
   `);
     const labels = page.locator("label");
-    (0, fixtures_1.expect)(labels).toHaveCount(3);
+    yield (0, fixtures_1.expect)(labels).toHaveCount(3);
     const { left: optionLeft } = yield (0, component_test_helpers_1.getBounds)(labels.nth(0));
     const { right: labelRight } = yield (0, component_test_helpers_1.getBounds)(labels.nth(2));
     (0, fixtures_1.expect)(labelRight).toBeLessThan(optionLeft);
@@ -437,7 +437,7 @@ fixtures_1.test.describe("Basic Functionality", () => {
     </RadioGroup>
   `);
     const labels = page.locator("label");
-    (0, fixtures_1.expect)(labels).toHaveCount(3);
+    yield (0, fixtures_1.expect)(labels).toHaveCount(3);
     const { left: optionLeft } = yield (0, component_test_helpers_1.getBounds)(labels.nth(0));
     const { right: labelRight } = yield (0, component_test_helpers_1.getBounds)(labels.nth(1));
     (0, fixtures_1.expect)(labelRight).toBeLessThan(optionLeft);
@@ -450,8 +450,8 @@ fixtures_1.test.describe("Basic Functionality", () => {
     </RadioGroup>
   `);
     const labels = page.locator("label");
-    (0, fixtures_1.expect)(labels).toHaveCount(3);
-    (0, fixtures_1.expect)(labels.nth(2)).toHaveText("Option 2");
+    yield (0, fixtures_1.expect)(labels).toHaveCount(3);
+    yield (0, fixtures_1.expect)(labels.nth(2)).toHaveText("Option 2");
     const { left: optionLeft } = yield (0, component_test_helpers_1.getBounds)(labels.nth(0));
     const { right: labelRight } = yield (0, component_test_helpers_1.getBounds)(labels.nth(2));
     (0, fixtures_1.expect)(optionLeft).toBeLessThan(labelRight);

package/dist/scripts/src/components/RealTimeAdapter/RealTimeAdapterNative.js

@@ -76,7 +76,7 @@ class PollClient {
         this.tries = 0;
         this.abortController = new AbortController();
         // console.log("poll client: start polling", this.handlers);
-        this.poll(this.abortController.signal);
+        void this.poll(this.abortController.signal);
     }
     stopPoll() {
         this.polling = false;

package/dist/scripts/src/components/Select/MultiSelectOption.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelectOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const SelectContext_1 = require("./SelectContext");
+const classnames_1 = __importDefault(require("classnames"));
+const Select_module_scss_1 = __importDefault(require("./Select.module.scss"));
+const IconNative_1 = __importDefault(require("../Icon/IconNative"));
+exports.MultiSelectOption = (0, react_1.forwardRef)(function MultiSelectOption(option, forwardedRef) {
+    const id = (0, react_1.useId)();
+    const { label, value, enabled = true, keywords, readOnly, children, isHighlighted = false, itemIndex, } = option;
+    const { value: selectedValue, onChange, multiSelect, setOpen, setSelectedIndex, optionRenderer, } = (0, SelectContext_1.useSelect)();
+    const selected = (0, react_1.useMemo)(() => {
+        return Array.isArray(selectedValue) && multiSelect
+            ? selectedValue.map((v) => String(v)).includes(value)
+            : String(selectedValue) === String(value);
+    }, [selectedValue, value, multiSelect]);
+    const handleClick = () => {
+        if (readOnly) {
+            setOpen(false);
+            return;
+        }
+        if (enabled) {
+            onChange(value);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { id: id, ref: forwardedRef, role: "option", "aria-disabled": !enabled, "aria-selected": selected, className: (0, classnames_1.default)(Select_module_scss_1.default.multiSelectOption, {
+            [Select_module_scss_1.default.disabledOption]: !enabled,
+            [Select_module_scss_1.default.highlighted]: isHighlighted,
+        }), onMouseDown: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+        }, onMouseEnter: () => {
+            if (itemIndex !== undefined && setSelectedIndex && enabled) {
+                setSelectedIndex(itemIndex);
+            }
+        }, onClick: handleClick, "data-state": selected ? "checked" : undefined, children: (0, jsx_runtime_1.jsx)("div", { className: Select_module_scss_1.default.multiSelectOptionContent, children: optionRenderer ? (optionRenderer({ label, value, enabled, keywords }, selectedValue, false)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children || label, selected && (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "checkmark" })] })) }) }));
+});

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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectComponentRenderer = exports.SelectMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Select_module_scss_1 = __importDefault(require("../Select/Select.module.scss"));
+const Select_module_scss_1 = __importDefault(require("./Select.module.scss"));
 const renderers_1 = require("../../components-core/renderers");
 const themeVars_1 = require("../../components-core/theming/themeVars");
 const metadata_helpers_1 = require("../metadata-helpers");
@@ -24,7 +24,7 @@ exports.SelectMd = (0, metadata_helpers_1.createMetadata)({
         initialValue: (0, metadata_helpers_1.dInitialValue)(),
         value: {
             description: "This property sets the current value of the component.",
-            isInternal: true //TODO illesg temp
+            isInternal: true, //TODO illesg temp
         },
         autoFocus: Object.assign(Object.assign({}, (0, metadata_helpers_1.dAutoFocus)()), { defaultValue: SelectNative_1.defaultProps.autoFocus }),
         required: Object.assign(Object.assign({}, (0, metadata_helpers_1.dRequired)()), { defaultValue: SelectNative_1.defaultProps.required }),
@@ -103,7 +103,7 @@ exports.SelectMd = (0, metadata_helpers_1.createMetadata)({
         [`backgroundColor-${COMP}-badge--hover`]: "$color-primary-400",
         [`backgroundColor-${COMP}-badge--active`]: "$color-primary-500",
         [`textColor-item-${COMP}--disabled`]: "$color-surface-200",
-        [`textColor-${COMP}-badge`]: "$color-surface-50",
+        [`textColor-${COMP}-badge`]: "$const-color-surface-50",
         [`backgroundColor-item-${COMP}`]: "$backgroundColor-dropdown-item",
         [`backgroundColor-item-${COMP}--hover`]: "$backgroundColor-dropdown-item--hover",
         [`backgroundColor-item-${COMP}--active`]: "$backgroundColor-dropdown-item--active",

package/dist/scripts/src/components/Select/SelectContext.js

@@ -3,7 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectContext = void 0;
 exports.useSelect = useSelect;
 const react_1 = require("react");
-exports.SelectContext = (0, react_1.createContext)(null);
+exports.SelectContext = (0, react_1.createContext)({
+    value: null,
+    onChange: (selectedValue) => { },
+    setOpen: (open) => { },
+    setSelectedIndex: (index) => { },
+    options: new Set(),
+    optionRenderer: undefined,
+});
 function useSelect() {
     return (0, react_1.useContext)(exports.SelectContext);
 }