xmlui 0.9.12 → 0.9.13

package/dist/index.css

@@ -6605,7 +6605,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._markdownContent_1ozt1_13 ._blockquote_1ozt1_13 {
+._markdownContent_1anzp_13 ._blockquote_1anzp_13 {
   position: relative;
   margin-top: var(--xmlui-marginTop-Blockquote);
   margin-bottom: var(--xmlui-marginBottom-Blockquote);
@@ -6613,7 +6613,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   border-radius: var(--xmlui-borderRadius-Blockquote);
   padding-left: var(--xmlui-paddingLeft-Blockquote);
 }
-._markdownContent_1ozt1_13 ._blockquote_1ozt1_13::before {
+._markdownContent_1anzp_13 ._blockquote_1anzp_13::before {
   background-color: var(--xmlui-accentColor-Blockquote);
   position: absolute;
   top: 0;
@@ -6623,39 +6623,50 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   height: 100%;
   width: var(--xmlui-accentWidth-Blockquote);
 }
-._markdownContent_1ozt1_13 ._blockquoteContainer_1ozt1_31 {
+._markdownContent_1anzp_13 ._blockquoteContainer_1anzp_31 {
   padding: 0.5rem;
 }
-._markdownContent_1ozt1_13 ._admonitionBlockquote_1ozt1_34 {
+._markdownContent_1anzp_13 ._admonitionBlockquote_1anzp_34 {
   margin-top: var(--xmlui-marginTop-Admonition);
   margin-bottom: var(--xmlui-marginBottom-Admonition);
   background-color: var(--xmlui-backgroundColor-Admonition);
   border-radius: var(--xmlui-borderRadius-Admonition);
 }
-._markdownContent_1ozt1_13 ._admonitionContainer_1ozt1_40 {
+._markdownContent_1anzp_13 ._admonitionContainer_1anzp_40 {
   padding: 0.5rem;
   display: flex;
   align-items: flex-start;
 }
-._markdownContent_1ozt1_13 ._admonitionContent_1ozt1_45 {
+._markdownContent_1anzp_13 ._admonitionContent_1anzp_45 {
   margin-left: var(--xmlui-marginLeft-Admonition-content);
 }
-._markdownContent_1ozt1_13 ._admonitionIcon_1ozt1_48 {
+._markdownContent_1anzp_13 ._admonitionIcon_1anzp_48 {
   font-size: var(--xmlui-iconSize-Admonition);
   line-height: 1;
 }
-._markdownContent_1ozt1_13 ._admonitionContent_1ozt1_45 {
+._markdownContent_1anzp_13 ._admonitionContent_1anzp_45 {
   flex: 1;
   min-width: 0;
 }
-._markdownContent_1ozt1_13 ._admonitionBlockquote_1ozt1_34 ._admonitionContent_1ozt1_45 [class*=text_][class*=markdown_] {
+._markdownContent_1anzp_13 ._admonitionBlockquote_1anzp_34 ._admonitionContent_1anzp_45 [class*=text_][class*=markdown_] {
   margin-top: 0;
   margin-bottom: 0;
 }
-._markdownContent_1ozt1_13 > *:first-child {
+._markdownContent_1anzp_13 li:has(> input[type=checkbox]),
+._markdownContent_1anzp_13 li:has(> input[type=checkbox]) {
+  display: flex;
+  align-items: flex-start;
+}
+._markdownContent_1anzp_13 li:has(> input[type=checkbox]) > input[type=checkbox],
+._markdownContent_1anzp_13 li:has(> input[type=checkbox]) > input[type=checkbox] {
+  margin-right: 8px;
+  margin-top: 4px;
+  flex-shrink: 0;
+}
+._markdownContent_1anzp_13 > *:first-child {
   margin-top: 0;
 }
-._markdownContent_1ozt1_13 > *:last-child {
+._markdownContent_1anzp_13 > *:last-child {
   margin-bottom: 0;
 }
 
@@ -6704,7 +6715,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._htmlTable_1wzn5_13 {
+._htmlTable_ei3dh_13 {
   background-color: var(--xmlui-backgroundColor-HtmlTable);
   color: var(--xmlui-textColor-HtmlTable);
   font-family: var(--xmlui-fontFamily-HtmlTable);
@@ -6740,7 +6751,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   padding-bottom: var(--xmlui-paddingBottom-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)));
 }
 
-._htmlThead_1wzn5_49 {
+._htmlThead_ei3dh_49 {
   background-color: var(--xmlui-backgroundColor-HtmlThead);
   color: var(--xmlui-textColor-HtmlThead);
   font-weight: var(--xmlui-fontWeight-HtmlThead);
@@ -6773,7 +6784,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   padding-bottom: var(--xmlui-paddingBottom-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)));
 }
 
-._htmlTbody_1wzn5_82 {
+._htmlTbody_ei3dh_82 {
   background-color: var(--xmlui-backgroundColor-HtmlTbody);
   color: var(--xmlui-textColor-HtmlTbody);
   text-align: var(--xmlui-textAlign-HtmlTbody);
@@ -6781,12 +6792,12 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   text-transform: var(--xmlui-textTransform-HtmlTbody);
 }
 
-._htmlTfoot_1wzn5_90 {
+._htmlTfoot_ei3dh_90 {
   background-color: var(--xmlui-backgroundColor-HtmlTfoot);
   color: var(--xmlui-textColor-HtmlTfoot);
 }
 
-._htmlTh_1wzn5_49 {
+._htmlTh_ei3dh_49 {
   background-color: var(--xmlui-backgroundColor-HtmlTh);
   color: var(--xmlui-textColor-HtmlTh);
   font-weight: var(--xmlui-fontWeight-HtmlTh);
@@ -6817,11 +6828,11 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   padding-top: var(--xmlui-paddingTop-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)));
   padding-bottom: var(--xmlui-paddingBottom-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)));
 }
-._htmlTh_1wzn5_49:hover {
+._htmlTh_ei3dh_49:hover {
   background-color: var(--xmlui-backgroundColor-HtmlTh--hover);
 }
 
-._htmlTr_1wzn5_130 {
+._htmlTr_ei3dh_130 {
   background-color: var(--xmlui-backgroundColor-HtmlTr);
   color: var(--xmlui-textColor-HtmlTr);
   font-weight: var(--xmlui-fontWeight-HtmlTr);
@@ -6847,18 +6858,18 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   border-end-start-radius: var(--xmlui-borderEndStartRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr));
   border-end-end-radius: var(--xmlui-borderEndEndRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr));
 }
-._htmlTr_1wzn5_130:nth-child(even) {
+._htmlTr_ei3dh_130:nth-child(even) {
   background-color: var(--xmlui-backgroundColor-even-HtmlTr);
 }
-._htmlTr_1wzn5_130:hover {
+._htmlTr_ei3dh_130:hover {
   background-color: var(--xmlui-backgroundColor-HtmlTr--hover);
   color: var(--xmlui-textColor-HtmlTr--hover);
 }
-._htmlTr_1wzn5_130:hover:not(:has(:not(th))) {
+._htmlTr_ei3dh_130:hover:not(:has(:not(th))) {
   background-color: initial;
 }
 
-._htmlTd_1wzn5_167 {
+._htmlTd_ei3dh_167 {
   background-color: var(--xmlui-backgroundColor-HtmlTd);
   text-align: var(--xmlui-text-align-HtmlTd);
   vertical-align: var(--xmlui-verticalAlign-HtmlTd);
@@ -6891,50 +6902,45 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   padding-bottom: var(--xmlui-paddingBottom-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)));
 }
 
-._htmlUl_1wzn5_200 {
+._htmlUl_ei3dh_200 {
   margin-top: var(--xmlui-marginTop-HtmlUl);
   margin-bottom: var(--xmlui-marginBottom-HtmlUl);
 }
 
-._htmlOl_1wzn5_205 {
+._htmlOl_ei3dh_205 {
   margin-top: var(--xmlui-marginTop-HtmlOl);
   margin-bottom: var(--xmlui-marginBottom-HtmlOl);
 }
 
-li ._htmlUl_1wzn5_200,
-li ._htmlOl_1wzn5_205 {
-  margin-top: 0;
-  margin-bottom: 0;
+._htmlLi_ei3dh_210 {
+  margin-top: var(--xmlui-marginTop-HtmlLi);
+  margin-bottom: var(--xmlui-marginBottom-HtmlLi);
 }
 
-._htmlUl_1wzn5_200 li:has(> input[type=checkbox]),
-._htmlOl_1wzn5_205 li:has(> input[type=checkbox]) {
-  display: flex;
-  align-items: flex-start;
-}
-._htmlUl_1wzn5_200 li:has(> input[type=checkbox]) > input[type=checkbox],
-._htmlOl_1wzn5_205 li:has(> input[type=checkbox]) > input[type=checkbox] {
-  margin-right: 8px;
-  margin-top: 4px;
-  flex-shrink: 0;
+/*
+// Compress when nested
+li .htmlUl,
+li .htmlOl {
+  margin-top: 0;
+  margin-bottom: 0;
 }
-
-._htmlH1_1wzn5_228, ._htmlH2_1wzn5_228, ._htmlH3_1wzn5_228, ._htmlH4_1wzn5_228, ._htmlH5_1wzn5_228, ._htmlH6_1wzn5_228 {
+*/
+._htmlH1_ei3dh_223, ._htmlH2_ei3dh_223, ._htmlH3_ei3dh_223, ._htmlH4_ei3dh_223, ._htmlH5_ei3dh_223, ._htmlH6_ei3dh_223 {
   margin-top: var(--xmlui-marginTop-HtmlHeading);
   margin-bottom: var(--xmlui-marginBottom-HtmlHeading);
 }
 
-._htmlVideo_1wzn5_233 {
+._htmlVideo_ei3dh_228 {
   margin-top: var(--xmlui-marginTop-HtmlVideo);
   margin-bottom: var(--xmlui-marginBottom-HtmlVideo);
 }
 
-._htmlDetails_1wzn5_238 {
+._htmlDetails_ei3dh_233 {
   margin-top: var(--xmlui-marginTop-HtmlDetails);
   margin-bottom: var(--xmlui-marginBottom-HtmlDetails);
 }
 
-._htmlDetails_1wzn5_238 {
+._htmlDetails_ei3dh_233 {
   margin-top: var(--xmlui-marginTop-HtmlDetails);
   margin-bottom: var(--xmlui-marginBottom-HtmlDetails);
 }/*

package/dist/scripts/src/components/Form/FormNative.js

@@ -140,7 +140,6 @@ const formReducer = (0, immer_1.default)((state, action) => {
             break;
         }
         case formActions_1.FormActionKind.BACKEND_VALIDATION_ARRIVED: {
-            //console.log(state.validationResults[field]) //action.payload.fieldValidationResults
             state.submitInProgress = false;
             state.generalValidationResults = action.payload.generalValidationResults;
             Object.keys(state.validationResults).forEach((key) => {
@@ -241,7 +240,14 @@ const Form = (0, react_2.forwardRef)(function ({ formState, dispatch, initialVal
         const prevFocused = document.activeElement;
         dispatch((0, formActions_1.formSubmitting)());
         try {
-            yield (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(formState.subject, {
+            // --- Remove the properties from formState.subject where the property name ends with UNBOUND_FIELD_SUFFIX
+            const filteredSubject = Object.entries(formState.subject).reduce((acc, [key, value]) => {
+                if (!key.endsWith(formActions_1.UNBOUND_FIELD_SUFFIX)) {
+                    acc[key] = value;
+                }
+                return acc;
+            }, {});
+            yield (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(filteredSubject, {
                 passAsDefaultBody: true,
             }));
             dispatch((0, formActions_1.formSubmitted)());

package/dist/scripts/src/components/Form/formActions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormActionKind = void 0;
+exports.FormActionKind = exports.UNBOUND_FIELD_SUFFIX = void 0;
 exports.fieldInitialized = fieldInitialized;
 exports.fieldChanged = fieldChanged;
 exports.fieldFocused = fieldFocused;
@@ -12,6 +12,7 @@ exports.formSubmitting = formSubmitting;
 exports.formSubmitted = formSubmitted;
 exports.formReset = formReset;
 exports.backendValidationArrived = backendValidationArrived;
+exports.UNBOUND_FIELD_SUFFIX = "__UNBOUND_FIELD__";
 var FormActionKind;
 (function (FormActionKind) {
     FormActionKind["FIELD_LOST_FOCUS"] = "FormActionKind:FIELD_LOST_FOCUS";
@@ -99,16 +100,16 @@ function formReset(originalSubject) {
     return {
         type: FormActionKind.RESET,
         payload: {
-            originalSubject
+            originalSubject,
         },
     };
 }
-function backendValidationArrived({ generalValidationResults = [], fieldValidationResults = {} }) {
+function backendValidationArrived({ generalValidationResults = [], fieldValidationResults = {}, }) {
     return {
         type: FormActionKind.BACKEND_VALIDATION_ARRIVED,
         payload: {
             generalValidationResults,
-            fieldValidationResults
+            fieldValidationResults,
         },
     };
 }

package/dist/scripts/src/components/FormItem/FormItemNative.js

@@ -47,32 +47,36 @@ exports.defaultProps = {
 };
 exports.FormItem = (0, react_1.memo)(function FormItem(_a) {
     var { style, bindTo, type = exports.defaultProps.type, label, enabled = exports.defaultProps.enabled, labelPosition, labelWidth, labelBreak = exports.defaultProps.labelBreak, children, validations, onValidate, customValidationsDebounce = exports.defaultProps.customValidationsDebounce, validationMode, registerComponentApi, maxTextLength, inputRenderer } = _a, rest = __rest(_a, ["style", "bindTo", "type", "label", "enabled", "labelPosition", "labelWidth", "labelBreak", "children", "validations", "onValidate", "customValidationsDebounce", "validationMode", "registerComponentApi", "maxTextLength", "inputRenderer"]);
+    const defaultId = (0, react_1.useId)();
+    const [formItemId, setFormItemId] = (0, react_1.useState)(bindTo);
     const labelWidthValue = (0, FormContext_1.useFormContextPart)((value) => labelWidth || value.itemLabelWidth);
     const labelBreakValue = (0, FormContext_1.useFormContextPart)((value) => labelBreak !== undefined ? labelBreak : value.itemLabelBreak);
     const labelPositionValue = (0, FormContext_1.useFormContextPart)((value) => labelPosition || value.itemLabelPosition || DEFAULT_LABEL_POSITIONS[type]);
-    const initialValueFromSubject = (0, FormContext_1.useFormContextPart)((value) => (0, FormNative_1.getByPath)(value.originalSubject, bindTo));
+    const initialValueFromSubject = (0, FormContext_1.useFormContextPart)((value) => (0, FormNative_1.getByPath)(value.originalSubject, formItemId));
     const initialValue = initialValueFromSubject === undefined ? rest.initialValue : initialValueFromSubject;
-    const value = (0, FormContext_1.useFormContextPart)((value) => (0, FormNative_1.getByPath)(value.subject, bindTo));
-    const validationResult = (0, FormContext_1.useFormContextPart)((value) => value.validationResults[bindTo]);
+    const value = (0, FormContext_1.useFormContextPart)((value) => (0, FormNative_1.getByPath)(value.subject, formItemId));
+    const validationResult = (0, FormContext_1.useFormContextPart)((value) => value.validationResults[formItemId]);
     const dispatch = (0, FormContext_1.useFormContextPart)((value) => value.dispatch);
     const formEnabled = (0, FormContext_1.useFormContextPart)((value) => value.enabled);
     const isEnabled = enabled && formEnabled;
     (0, react_1.useEffect)(() => {
-        dispatch((0, formActions_1.fieldInitialized)(bindTo, initialValue));
+        const newId = bindTo || `${defaultId}${formActions_1.UNBOUND_FIELD_SUFFIX}`;
+        setFormItemId(newId);
+        dispatch((0, formActions_1.fieldInitialized)(newId, initialValue));
     }, [bindTo, dispatch, initialValue]);
-    (0, Validations_1.useValidation)(validations, onValidate, value, dispatch, bindTo, customValidationsDebounce);
+    (0, Validations_1.useValidation)(validations, onValidate, value, dispatch, formItemId, customValidationsDebounce);
     const onStateChange = (0, react_1.useCallback)(({ value }, options) => {
         //we already handled the initial value in the useEffect with fieldInitialized(...);
         if (!(options === null || options === void 0 ? void 0 : options.initial)) {
-            dispatch((0, formActions_1.fieldChanged)(bindTo, value));
+            dispatch((0, formActions_1.fieldChanged)(formItemId, value));
         }
-    }, [bindTo, dispatch]);
+    }, [formItemId, dispatch]);
     (0, react_1.useEffect)(() => {
         return () => {
-            dispatch((0, formActions_1.fieldRemoved)(bindTo));
+            dispatch((0, formActions_1.fieldRemoved)(formItemId));
         };
-    }, [bindTo, dispatch]);
-    const { validationStatus, isHelperTextShown } = (0, Validations_1.useValidationDisplay)(bindTo, value, validationResult, validationMode);
+    }, [formItemId, dispatch]);
+    const { validationStatus, isHelperTextShown } = (0, Validations_1.useValidationDisplay)(formItemId, value, validationResult, validationMode);
     let formControl = null;
     switch (type) {
         case "select": {
@@ -150,10 +154,10 @@ exports.FormItem = (0, react_1.memo)(function FormItem(_a) {
         }
     }
     const onFocus = (0, misc_1.useEvent)(() => {
-        dispatch((0, formActions_1.fieldFocused)(bindTo));
+        dispatch((0, formActions_1.fieldFocused)(formItemId));
     });
     const onBlur = (0, misc_1.useEvent)(() => {
-        dispatch((0, formActions_1.fieldLostFocus)(bindTo));
+        dispatch((0, formActions_1.fieldLostFocus)(formItemId));
     });
     const [animateContainerRef] = (0, react_2.useAutoAnimate)({ duration: 100 });
     return ((0, jsx_runtime_1.jsx)(ItemWithLabel_1.ItemWithLabel, { labelPosition: labelPositionValue, label: label, labelWidth: labelWidthValue, labelBreak: labelBreakValue, enabled: isEnabled, required: validations.required, validationInProgress: validationResult === null || validationResult === void 0 ? void 0 : validationResult.partial, onFocus: onFocus, onBlur: onBlur, style: style, validationResult: (0, jsx_runtime_1.jsx)("div", { ref: animateContainerRef, children: isHelperTextShown &&

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

@@ -39,6 +39,7 @@ exports.MarkdownMd = (0, ComponentDefs_1.createMetadata)({
         "marginBottom-Blockquote": "1rem",
         "marginBottom-Text-codefence": ".5rem",
         "marginBottom-Text-markdown": ".5rem",
+        "marginTop-HtmlLi": "-0.5rem",
         light: {
         // --- No light-specific theme vars
         },

package/dist/scripts/src/components/Markdown/MarkdownNative.js

@@ -27,7 +27,6 @@ const HtmlTags_module_scss_1 = __importDefault(require("../HtmlTags/HtmlTags.mod
 const HeadingNative_1 = require("../Heading/HeadingNative");
 const TextNative_1 = require("../Text/TextNative");
 const LinkNative_1 = require("../Link/LinkNative");
-const ImageNative_1 = require("../Image/ImageNative");
 const Toggle_1 = require("../Toggle/Toggle");
 const ScriptingSourceTree_1 = require("../../abstractions/scripting/ScriptingSourceTree");
 exports.Markdown = (0, react_1.memo)(function Markdown({ extractValue, removeIndents = true, children, style, }) {
@@ -44,6 +43,10 @@ exports.Markdown = (0, react_1.memo)(function Markdown({ extractValue, removeInd
                     var { children, node } = _a, props = __rest(_a, ["children", "node"]);
                     return (0, jsx_runtime_1.jsx)("video", Object.assign({ className: HtmlTags_module_scss_1.default.htmlVideo }, props, { children: children }));
                 },
+                img(_a) {
+                    var { children, node } = _a, props = __rest(_a, ["children", "node"]);
+                    return (0, jsx_runtime_1.jsx)("img", Object.assign({ className: HtmlTags_module_scss_1.default.htmlImage }, props, { children: children }));
+                },
                 h1({ children }) {
                     return (0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, { level: "h1", children: children });
                 },
@@ -83,14 +86,17 @@ exports.Markdown = (0, react_1.memo)(function Markdown({ extractValue, removeInd
                 blockquote({ children }) {
                     return (0, jsx_runtime_1.jsx)(Blockquote, { children: children });
                 },
-                ol({ children }) {
-                    return (0, jsx_runtime_1.jsx)("ol", { className: HtmlTags_module_scss_1.default.htmlOl, children: children });
+                ol(_a) {
+                    var { children, node } = _a, props = __rest(_a, ["children", "node"]);
+                    return (0, jsx_runtime_1.jsx)("ol", Object.assign({ className: HtmlTags_module_scss_1.default.htmlOl }, props, { children: children }));
                 },
-                ul({ children }) {
-                    return (0, jsx_runtime_1.jsx)("ul", { className: HtmlTags_module_scss_1.default.htmlUl, children: children });
+                ul(_a) {
+                    var { children, node } = _a, props = __rest(_a, ["children", "node"]);
+                    return (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: HtmlTags_module_scss_1.default.htmlUl }, props, { children: children }));
                 },
-                li({ children }) {
-                    return (0, jsx_runtime_1.jsx)("li", { children: children }); // No custom styling for li elements
+                li(_a) {
+                    var { children, node } = _a, props = __rest(_a, ["children", "node"]);
+                    return (0, jsx_runtime_1.jsx)("li", Object.assign({ className: HtmlTags_module_scss_1.default.htmlLi }, props, { children: children }));
                 },
                 hr() {
                     return (0, jsx_runtime_1.jsx)(HorizontalRule, {});
@@ -100,9 +106,6 @@ exports.Markdown = (0, react_1.memo)(function Markdown({ extractValue, removeInd
                     const allowedProps = ['style', 'disabled', 'active', 'icon', 'onClick'];
                     return ((0, jsx_runtime_1.jsx)(LinkNative_1.LocalLink, Object.assign({ to: href }, allowedProps, { children: children })));
                 },
-                img({ src, alt }) {
-                    return (0, jsx_runtime_1.jsx)(ImageNative_1.Image, { src: src, alt: alt });
-                },
                 // TODO: somehow get the label from the containing li element
                 input({ disabled, checked }) {
                     return ((0, jsx_runtime_1.jsx)(Toggle_1.Toggle, { variant: "checkbox", readOnly: disabled, value: checked }));

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

@@ -7,7 +7,7 @@ const renderers_1 = require("../../components-core/renderers");
 const SelectionStoreNative_1 = require("./SelectionStoreNative");
 const COMP = "SelectionStore";
 exports.SelectionStoreMd = (0, ComponentDefs_1.createMetadata)({
-    status: "deprecated",
+    status: "experimental",
     description: `The \`${COMP}\` is a non-visual component that may wrap components (items) and manage ` +
         `their selection state to accommodate the usage of other actions.`,
     props: {

package/dist/scripts/src/components/SelectionStore/SelectionStoreNative.js

@@ -41,28 +41,31 @@ const lodash_es_1 = require("lodash-es");
 const misc_1 = require("../../components-core/utils/misc");
 const constants_1 = require("../../components-core/constants");
 const EMPTY_SELECTION_STATE = {
-    value: constants_1.EMPTY_ARRAY
+    value: constants_1.EMPTY_ARRAY,
 };
 const StandaloneSelectionStore = ({ children }) => {
     const [selection, setSelection] = (0, react_1.useState)(EMPTY_SELECTION_STATE);
-    return (0, jsx_runtime_1.jsx)(exports.SelectionStore, { updateState: setSelection, selectedItems: selection.value, children: children });
+    return ((0, jsx_runtime_1.jsx)(exports.SelectionStore, { updateState: setSelection, selectedItems: selection.value, children: children }));
 };
 exports.StandaloneSelectionStore = StandaloneSelectionStore;
 const SelectionStore = ({ updateState = lodash_es_1.noop, idKey = "id", children, selectedItems = constants_1.EMPTY_ARRAY, registerComponentApi = lodash_es_1.noop, }) => {
     const [items, setItems] = (0, react_1.useState)(selectedItems);
     const valueInitializedRef = (0, react_1.useRef)(false);
     const refreshSelection = (0, misc_1.useEvent)((allItems = constants_1.EMPTY_ARRAY) => {
-        setItems(allItems);
-        let value = allItems.filter((item) => !!selectedItems.find((si) => si[idKey] === item[idKey]));
-        if (!(0, lodash_es_1.isEqual)(selectedItems, value) || !valueInitializedRef.current) {
+        const safeAllItems = allItems || constants_1.EMPTY_ARRAY;
+        const safeSelectedItems = selectedItems || constants_1.EMPTY_ARRAY;
+        setItems(safeAllItems);
+        let value = safeAllItems.filter((item) => !!safeSelectedItems.find((si) => si && item && si[idKey] === item[idKey]));
+        if (!(0, lodash_es_1.isEqual)(safeSelectedItems, value) || !valueInitializedRef.current) {
             valueInitializedRef.current = true;
             updateState({
-                value: value,
+                value,
             });
         }
     });
     const setSelectedRowIds = (0, misc_1.useEvent)((rowIds) => {
-        updateState({ value: items.filter((item) => rowIds.includes(item[idKey])) });
+        const safeItems = items || constants_1.EMPTY_ARRAY;
+        updateState({ value: safeItems.filter((item) => rowIds.includes(item[idKey])) });
     });
     const clearSelection = (0, misc_1.useEvent)(() => {
         setSelectedRowIds(constants_1.EMPTY_ARRAY);

package/dist/scripts/src/components-core/script-runner/eval-tree-async.js

@@ -182,6 +182,7 @@ function evalArrayLiteralAsync(evaluator, thisStack, expr, evalContext, thread)
         }
         // --- Done.
         (0, eval_tree_common_1.setExprValue)(expr, { value }, thread);
+        thisStack.push(value);
         return value;
     });
 }
@@ -310,10 +311,9 @@ function evalFunctionInvocationAsync(evaluator, thisStack, expr, evalContext, th
         var _a, _b, _c, _d;
         let functionObj;
         let implicitContextObject = null;
-        let hostObject;
         // --- Check for contexted object
         if (expr.obj.type === ScriptingSourceTree_1.T_MEMBER_ACCESS_EXPRESSION) {
-            hostObject = yield evaluator(thisStack, expr.obj.obj, evalContext, thread);
+            const hostObject = yield evaluator(thisStack, expr.obj.obj, evalContext, thread);
             yield completeExprValue(expr.obj.obj, thread);
             functionObj = (0, eval_tree_common_1.evalMemberAccessCore)(thisStack, expr.obj, evalContext, thread);
             if (expr.obj.obj.type === ScriptingSourceTree_1.T_IDENTIFIER && (hostObject === null || hostObject === void 0 ? void 0 : hostObject._SUPPORT_IMPLICIT_CONTEXT)) {

package/dist/scripts/src/components-core/script-runner/eval-tree-sync.js

@@ -182,6 +182,7 @@ function evalArrayLiteral(evaluator, thisStack, expr, evalContext, thread) {
     }
     // --- Done.
     (0, eval_tree_common_1.setExprValue)(expr, { value }, thread);
+    thisStack.push(value);
     return value;
 }
 function evalObjectLiteral(evaluator, thisStack, expr, evalContext, thread) {
@@ -239,10 +240,17 @@ function evalBinary(evaluator, thisStack, expr, evalContext, thread) {
     const l = (_a = (0, eval_tree_common_1.getExprValue)(expr.left, thread)) === null || _a === void 0 ? void 0 : _a.value;
     if (expr.op === "&&" && !l) {
         (0, eval_tree_common_1.setExprValue)(expr, { value: l }, thread);
+        thisStack.push(l);
         return l;
     }
     if (expr.op === "||" && l) {
         (0, eval_tree_common_1.setExprValue)(expr, { value: l }, thread);
+        thisStack.push(l);
+        return l;
+    }
+    if (expr.op === "??" && l !== null && l !== undefined) {
+        (0, eval_tree_common_1.setExprValue)(expr, { value: l }, thread);
+        thisStack.push(l);
         return l;
     }
     evaluator(thisStack, expr.right, evalContext, thread);
@@ -292,10 +300,10 @@ function evalFunctionInvocation(evaluator, thisStack, expr, evalContext, thread)
     let functionObj;
     let implicitContextObject = null;
     // --- Check for contexted object
-    if (expr.obj.type === ScriptingSourceTree_1.T_MEMBER_ACCESS_EXPRESSION && expr.obj.obj.type === ScriptingSourceTree_1.T_IDENTIFIER) {
+    if (expr.obj.type === ScriptingSourceTree_1.T_MEMBER_ACCESS_EXPRESSION) {
         const hostObject = evaluator(thisStack, expr.obj.obj, evalContext, thread);
         functionObj = (0, eval_tree_common_1.evalMemberAccessCore)(thisStack, expr.obj, evalContext, thread);
-        if (hostObject === null || hostObject === void 0 ? void 0 : hostObject._SUPPORT_IMPLICIT_CONTEXT) {
+        if (expr.obj.obj.type === ScriptingSourceTree_1.T_IDENTIFIER && (hostObject === null || hostObject === void 0 ? void 0 : hostObject._SUPPORT_IMPLICIT_CONTEXT)) {
             implicitContextObject = hostObject;
         }
     }