xmlui 0.9.15 → 0.9.16

package/dist/{apiInterceptorWorker-DHw39GG3.mjs → apiInterceptorWorker-E5ylKYVg.mjs}

@@ -12,7 +12,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 var _executor, _DeferredPromise_instances, decorate_fn, _a2;
 import { delay as delay$1, HttpResponse, http } from "msw";
 import { isArray, isObject as isObject$1, mapValues } from "lodash-es";
-import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-DFC3vDn-.mjs";
+import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-BjVxVHb3.mjs";
 import Dexie from "dexie";
 var POSITIONALS_EXP = /(%?)(%([sdijo]))/g;
 function serializePositional(positional, flag) {

package/dist/{index-DFC3vDn-.mjs → index-BjVxVHb3.mjs}

@@ -6988,6 +6988,12 @@ function resolveAndCleanProps(props, extractValue, layoutCss = {}, resourceExtra
   delete resultProps.radiusTopRight;
   delete resultProps.radiusBottomLeft;
   delete resultProps.radiusBottomRight;
+  delete resultProps.paddingHorizontal;
+  delete resultProps.paddingVertical;
+  delete resultProps.marginHorizontal;
+  delete resultProps.marginVertical;
+  delete resultProps.borderHorizontal;
+  delete resultProps.borderVertical;
   return result;
 }
 function removeStylesFromProps(nodeProps, layoutCss = {}) {
@@ -10389,7 +10395,7 @@ function resolveLayoutProps(layoutProps = EMPTY_OBJECT, layoutContext) {
     result.cssProps.flexShrink = 0;
   }
   collectCss("width");
-  const horizontalStarSize = getHorizontalStartSize(result.cssProps.width, layoutContext);
+  const horizontalStarSize = getHorizontalStarSize(result.cssProps.width, layoutContext);
   if (horizontalStarSize !== null) {
     result.cssProps.flex = horizontalStarSize;
     result.cssProps.flexShrink = 1;
@@ -10397,7 +10403,7 @@ function resolveLayoutProps(layoutProps = EMPTY_OBJECT, layoutContext) {
   collectCss("minWidth");
   collectCss("maxWidth");
   collectCss("height");
-  const verticalStarSize = getVerticalStartSize(result.cssProps.height, layoutContext);
+  const verticalStarSize = getVerticalStarSize(result.cssProps.height, layoutContext);
   if (verticalStarSize !== null) {
     result.cssProps.flex = verticalStarSize;
     result.cssProps.flexShrink = 1;
@@ -10581,12 +10587,12 @@ function resolveLayoutProps(layoutProps = EMPTY_OBJECT, layoutContext) {
       result.cssProps[propCssName || prop] = value;
     }
   }
-  function getHorizontalStartSize(size, layoutContext2) {
+  function getHorizontalStarSize(size, layoutContext2) {
     if (!size) return null;
     const orientation = getOrientation(layoutContext2);
     return orientation === "horizontal" && starSizeRegex.test(size.toString()) ? getStarSizeNumber(size.toString()) : null;
   }
-  function getVerticalStartSize(size, layoutContext2) {
+  function getVerticalStarSize(size, layoutContext2) {
     if (!size) return null;
     const orientation = getOrientation(layoutContext2);
     return orientation === "vertical" && starSizeRegex.test(size.toString()) ? getStarSizeNumber(size.toString()) : null;
@@ -16158,7 +16164,7 @@ const ComboboxOption = forwardRef(function Combobox(option, forwardedRef) {
       },
       "data-state": selected2 ? "checked" : void 0,
       keywords,
-      children: /* @__PURE__ */ jsx("div", { className: styles$x.multiComboboxOptionContent, children: optionRenderer ? optionRenderer({ label: label2, value, enabled: enabled2, keywords }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      children: /* @__PURE__ */ jsx("div", { className: styles$x.multiComboboxOptionContent, children: optionRenderer ? optionRenderer({ label: label2, value, enabled: enabled2, keywords }, selectedValue, false) : /* @__PURE__ */ jsxs(Fragment, { children: [
         optionLabelRenderer ? optionLabelRenderer({ label: label2, value }) : label2,
         selected2 && /* @__PURE__ */ jsx(Icon, { name: "checkmark" })
       ] }) })
@@ -16186,7 +16192,7 @@ const SelectOption = React__default.forwardRef(
   (option, ref) => {
     const { value, label: label2, enabled: enabled2 = true } = option;
     const { onOptionRemove, onOptionAdd } = useOption();
-    const { optionLabelRenderer, optionRenderer } = useSelect();
+    const { optionLabelRenderer, optionRenderer, value: selectedValue, multiSelect } = useSelect();
     useLayoutEffect(() => {
       onOptionAdd(option);
       return () => onOptionRemove(option);
@@ -16195,7 +16201,7 @@ const SelectOption = React__default.forwardRef(
       label: label2,
       value,
       enabled: enabled2
-    }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    }, selectedValue, false) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(ItemText, { className: styles$x.selectItemContent, children: optionLabelRenderer ? optionLabelRenderer({ value, label: label2 }) : label2 }),
       /* @__PURE__ */ jsx("span", { className: styles$x.selectItemIndicator, children: /* @__PURE__ */ jsx(ItemIndicator, { children: /* @__PURE__ */ jsx(Icon, { name: "checkmark" }) }) })
     ] }) }) });
@@ -21566,12 +21572,16 @@ const selectComponentRenderer = createComponentRenderer(
             }
           );
         } : void 0,
-        optionRenderer: node.props.optionTemplate ? (item2) => {
+        optionRenderer: node.props.optionTemplate ? (item2, val, inTrigger) => {
           return /* @__PURE__ */ jsx(
             MemoizedItem,
             {
               node: node.props.optionTemplate,
               item: item2,
+              contextVars: {
+                $selectedValue: val,
+                $inTrigger: inTrigger
+              },
               renderChild: (...args) => /* @__PURE__ */ jsx(SelectItemText, { children: renderChild2(...args) })
             }
           );
@@ -24062,7 +24072,8 @@ const styles$g = {
 const InspectorContext = createContext(null);
 function InspectorProvider({
   children,
-  sources
+  sources,
+  projectCompilation
 }) {
   const { root: root2 } = useTheme();
   const [inspectable, setInspectable] = useState({});
@@ -24112,9 +24123,10 @@ function InspectorProvider({
       setDevToolsSize,
       devToolsSide,
       setDevToolsSide,
-      devToolsEnabled: showCode
+      devToolsEnabled: showCode,
+      projectCompilation
     };
-  }, [devToolsSide, devToolsSize, sources, inspectedNode, showCode]);
+  }, [devToolsSide, devToolsSize, sources, inspectedNode, showCode, projectCompilation]);
   return /* @__PURE__ */ jsxs(InspectorContext.Provider, { value: contextValue2, children: [
     children,
     process.env.VITE_USER_COMPONENTS_Inspect !== "false" && showCode && inspectedNode !== null && createPortal(devToolsEntry == null ? void 0 : devToolsEntry.renderer({}), root2),
@@ -24225,6 +24237,7 @@ function InspectButton({
 function useDevTools() {
   const context = useContext(InspectorContext);
   return {
+    projectCompilation: context == null ? void 0 : context.projectCompilation,
     inspectedNode: context == null ? void 0 : context.inspectedNode,
     sources: context == null ? void 0 : context.sources,
     setIsOpen: context == null ? void 0 : context.setIsOpen,
@@ -25143,17 +25156,17 @@ function Loader({
   loaderInProgressChanged: loaderInProgressChanged2,
   loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderError: loaderError2,
-  transformResult
+  transformResult,
+  structuralSharing = true
 }) {
   const { uid } = loader;
   const appContext = useAppContext();
-  const [isRefetching, setIsRefetching] = useState(false);
-  const { data, status, isFetching, error: error2, refetch } = useQuery({
+  const { data, status, isFetching, error: error2, refetch, isRefetching } = useQuery({
     queryKey: useMemo(
       () => queryId ? queryId : [uid, extractParam(state, loader.props, appContext)],
       [appContext, loader.props, queryId, state, uid]
     ),
-    structuralSharing: false,
+    structuralSharing,
     queryFn: useCallback(
       async ({ signal }) => {
         try {
@@ -25189,7 +25202,6 @@ function Loader({
     let intervalId;
     if (pollIntervalInSeconds) {
       intervalId = setInterval(() => {
-        setIsRefetching(true);
         refetch();
       }, pollIntervalInSeconds * 1e3);
     }
@@ -25212,11 +25224,9 @@ function Loader({
       loaderLoaded2(data);
       setTimeout(() => {
         onLoaded == null ? void 0 : onLoaded(data, isRefetching);
-        setIsRefetching(false);
       }, 0);
     } else if (status === "error" && error2 !== prevError) {
       loaderError2(error2);
-      setIsRefetching(false);
     }
   }, [data, error2, loaderError2, loaderLoaded2, onLoaded, prevData, prevError, status, isRefetching]);
   useLayoutEffect(() => {
@@ -25227,7 +25237,6 @@ function Loader({
   useEffect(() => {
     registerComponentApi == null ? void 0 : registerComponentApi({
       refetch: async (options2) => {
-        setIsRefetching(true);
         refetch(options2);
       },
       update: async (updater) => {
@@ -25268,14 +25277,15 @@ function Loader({
   }, [appContext.queryClient, queryId, refetch, registerComponentApi, data]);
   return null;
 }
-function ApiLoader$1({
+function ApiLoader({
   loader,
   loaderInProgressChanged: loaderInProgressChanged2,
   loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderLoaded: loaderLoaded2,
   loaderError: loaderError2,
   state,
-  doNotRemoveNulls
+  doNotRemoveNulls,
+  structuralSharing = true
 }) {
   const appContext = useAppContext();
   const url = extractParam(state, loader.props.url, appContext);
@@ -25303,7 +25313,8 @@ function ApiLoader$1({
       loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
       loaderLoaded: loaderLoaded2,
       loaderError: loaderError2,
-      loaderFn: doLoad
+      loaderFn: doLoad,
+      structuralSharing
     }
   );
 }
@@ -25318,7 +25329,7 @@ const apiLoaderRenderer = createLoaderRenderer(
   "ApiLoader",
   ({ loader, state, loaderInProgressChanged: loaderInProgressChanged2, loaderIsRefetchingChanged: loaderIsRefetchingChanged2, loaderLoaded: loaderLoaded2, loaderError: loaderError2 }) => {
     return /* @__PURE__ */ jsx(
-      ApiLoader$1,
+      ApiLoader,
       {
         loader,
         state,
@@ -25338,7 +25349,8 @@ function ExternalDataLoader({
   loaderError: loaderError2,
   loaderLoaded: loaderLoaded2,
   state,
-  doNotRemoveNulls
+  doNotRemoveNulls,
+  structuralSharing = true
 }) {
   const appContext = useAppContext();
   const method = extractParam(state, loader.props.method, appContext);
@@ -25373,7 +25385,8 @@ function ExternalDataLoader({
       loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
       loaderLoaded: loaderLoaded2,
       loaderError: loaderError2,
-      loaderFn: doLoad
+      loaderFn: doLoad,
+      structuralSharing
     }
   );
 }
@@ -25403,13 +25416,14 @@ const externalDataLoaderRenderer = createLoaderRenderer(
   },
   ExternalDataLoaderMd
 );
-function ApiLoader({
+function MockLoader({
   loader,
   loaderInProgressChanged: loaderInProgressChanged2,
   loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderError: loaderError2,
   loaderLoaded: loaderLoaded2,
-  state
+  state,
+  structuralSharing
 }) {
   const appContext = useAppContext();
   const waitTime = extractParam(state, loader.props.waitTime, appContext);
@@ -25427,7 +25441,8 @@ function ApiLoader({
       loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
       loaderLoaded: loaderLoaded2,
       loaderError: loaderError2,
-      loaderFn: doLoad
+      loaderFn: doLoad,
+      structuralSharing
     }
   );
 }
@@ -25442,7 +25457,7 @@ const mockLoaderRenderer = createLoaderRenderer(
   "MockLoader",
   ({ loader, state, loaderInProgressChanged: loaderInProgressChanged2, loaderLoaded: loaderLoaded2, loaderError: loaderError2 }) => {
     return /* @__PURE__ */ jsx(
-      ApiLoader,
+      MockLoader,
       {
         loader,
         state,
@@ -25467,7 +25482,8 @@ function PageableLoader({
   loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderLoaded: loaderLoaded2,
   loaderError: loaderError2,
-  transformResult
+  transformResult,
+  structuralSharing = true
 }) {
   const { uid } = loader;
   const appContext = useAppContext();
@@ -25476,7 +25492,6 @@ function PageableLoader({
     [appContext, loader.props, queryId, state, uid]
   );
   const thizRef = useRef(queryKey);
-  const [isRefetching, setIsRefetching] = useState(false);
   const getPreviousPageParam = useCallback(
     (firstPage) => {
       let prevPageParam = void 0;
@@ -25526,7 +25541,8 @@ function PageableLoader({
     isFetching,
     refetch,
     fetchPreviousPage,
-    fetchNextPage
+    fetchNextPage,
+    isRefetching
   } = useInfiniteQuery({
     queryKey,
     queryFn: useCallback(
@@ -25535,6 +25551,7 @@ function PageableLoader({
       },
       [loaderFn]
     ),
+    structuralSharing,
     select: useCallback(
       (data2) => {
         let result = [];
@@ -25594,11 +25611,9 @@ function PageableLoader({
       loaderLoaded2(data, pageInfo);
       setTimeout(() => {
         onLoaded == null ? void 0 : onLoaded(data, isRefetching);
-        setIsRefetching(false);
       }, 0);
     } else if (status === "error" && prevError !== error2) {
       loaderError2(error2);
-      setIsRefetching(false);
     }
   }, [
     data,
@@ -25616,7 +25631,6 @@ function PageableLoader({
     let intervalId;
     if (pollIntervalInSeconds) {
       intervalId = setInterval(() => {
-        setIsRefetching(true);
         refetch();
       }, pollIntervalInSeconds * 1e3);
     }
@@ -25637,7 +25651,6 @@ function PageableLoader({
       fetchPrevPage,
       fetchNextPage: stableFetchNextPage,
       refetch: async (options2) => {
-        setIsRefetching(true);
         refetch(options2);
       },
       update: async (updater) => {
@@ -25704,7 +25717,8 @@ function DataLoader({
   loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderLoaded: loaderLoaded2,
   loaderError: loaderError2,
-  transformResult
+  transformResult,
+  structuralSharing = true
 }) {
   const appContext = useAppContext();
   const url = extractParam(state, loader.props.url, appContext);
@@ -25964,7 +25978,8 @@ function DataLoader({
       registerComponentApi,
       pollIntervalInSeconds,
       onLoaded,
-      transformResult
+      transformResult,
+      structuralSharing
     },
     queryId == null ? void 0 : queryId.join("")
   ) : /* @__PURE__ */ jsx(
@@ -25981,7 +25996,8 @@ function DataLoader({
       pollIntervalInSeconds,
       registerComponentApi,
       onLoaded,
-      transformResult
+      transformResult,
+      structuralSharing
     },
     queryId == null ? void 0 : queryId.join("")
   );
@@ -26003,7 +26019,8 @@ const DataLoaderMd = createMetadata({
     completedNotificationMessage: d("The message to show when the loader completes"),
     errorNotificationMessage: d("The message to show when an error occurs"),
     transformResult: d("Function for transforming the datasource result"),
-    dataType: d("Type of data to fetch (default: json, or csv, or sql)")
+    dataType: d("Type of data to fetch (default: json, or csv, or sql)"),
+    structuralSharing: d("Whether to use structural sharing for the data")
   },
   events: {
     loaded: d("Event to trigger when the data is loaded"),
@@ -26021,7 +26038,8 @@ const dataLoaderRenderer = createLoaderRenderer(
     loaderError: loaderError2,
     registerComponentApi,
     lookupAction,
-    lookupSyncCallback
+    lookupSyncCallback,
+    extractValue
   }) => {
     var _a, _b, _c;
     if (!((_a = loader.props) == null ? void 0 : _a.url) || !loader.props.url.trim()) {
@@ -26039,7 +26057,8 @@ const dataLoaderRenderer = createLoaderRenderer(
         registerComponentApi,
         transformResult: lookupSyncCallback(loader.props.transformResult),
         onLoaded: lookupAction((_b = loader.events) == null ? void 0 : _b.loaded, { eventName: "loaded" }),
-        onError: lookupAction((_c = loader.events) == null ? void 0 : _c.error, { eventName: "error" })
+        onError: lookupAction((_c = loader.events) == null ? void 0 : _c.error, { eventName: "error" }),
+        structuralSharing: extractValue.asOptionalBoolean(loader.props.structuralSharing)
       }
     );
   },
@@ -31596,7 +31615,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.9.15";
+const version = "0.9.16";
 const ApiInterceptorContext = createContext(null);
 function useApiInterceptorContext() {
   return useContext(ApiInterceptorContext);
@@ -35180,7 +35199,8 @@ function renderChild({
     return nodeValue ?? "";
   }
   if (node.type === "TextNode") {
-    return extractParam(state, nodeValue, appContext, true);
+    const extractedValue = extractParam(state, nodeValue, appContext, true);
+    return typeof extractedValue === "boolean" ? extractedValue.toString() : extractedValue;
   }
   if (node.type === "Slot") {
     let slotChildren;
@@ -35628,7 +35648,8 @@ const AppWrapper = ({
   resources,
   resourceMap,
   sources,
-  children
+  children,
+  projectCompilation
 }) => {
   if (previewMode) {
     HelmetProvider.canUseDOM = false;
@@ -35647,7 +35668,7 @@ const AppWrapper = ({
           defaultTheme,
           defaultTone,
           resources,
-          children: /* @__PURE__ */ jsx(InspectorProvider, { sources, children: /* @__PURE__ */ jsx(ConfirmationModalContextProvider, { children: /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsx(InspectorProvider, { sources, projectCompilation, children: /* @__PURE__ */ jsx(ConfirmationModalContextProvider, { children: /* @__PURE__ */ jsx(
             AppContent,
             {
               rootContainer: node,
@@ -35781,7 +35802,7 @@ function ApiInterceptorProvider({
       let interceptorWorker;
       (async () => {
         if (process.env.VITE_MOCK_ENABLED) {
-          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-DHw39GG3.mjs");
+          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-E5ylKYVg.mjs");
           if (interceptor) {
             interceptorWorker = await createApiInterceptorWorker(interceptor, apiWorker);
             if (!apiWorker) {
@@ -36108,6 +36129,10 @@ const DataSourceMd = createMetadata({
     },
     nextPageSelector: {
       description: `When using \`${COMP}\` with paging, the response may contain information about the previous and next page. This property defines the selector that extracts the next page information from the response deserialized to an object.`
+    },
+    structuralSharing: {
+      description: "This property allows structural sharing. When turned on, `DataSource` will keep the original reference if nothing has changed in the data. If a subset has changed, `DataSource` will keep the unchanged parts and only replace the changed parts. If you do not need this behavior, set this property to `false`.",
+      defaultValue: "true"
     }
   },
   events: {
@@ -36117,7 +36142,9 @@ const DataSourceMd = createMetadata({
     error: d(`This event fires when a request results in an error.`)
   },
   apis: {
-    value: d("This property retrieves the data queried from the source after optional transformations."),
+    value: d(
+      "This property retrieves the data queried from the source after optional transformations."
+    ),
     inProgress: d("This property indicates if the data is being fetched."),
     isRefetching: d("This property indicates if the data is being re-fetched."),
     loaded: d("This property indicates if the data has been loaded."),

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

@@ -88,8 +88,11 @@ exports.selectComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP,
                 return ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { node: node.props.optionLabelTemplate, item: item, renderChild: renderChild }));
             }
             : undefined, optionRenderer: node.props.optionTemplate
-            ? (item) => {
-                return ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { node: node.props.optionTemplate, item: item, renderChild: (...args) => ((0, jsx_runtime_1.jsx)(react_select_1.SelectItemText, { children: renderChild(...args) })) }));
+            ? (item, val, inTrigger) => {
+                return ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { node: node.props.optionTemplate, item: item, contextVars: {
+                        $selectedValue: val,
+                        $inTrigger: inTrigger
+                    }, renderChild: (...args) => ((0, jsx_runtime_1.jsx)(react_select_1.SelectItemText, { children: renderChild(...args) })) }));
             }
             : undefined, valueRenderer: node.props.valueTemplate
             ? (item, removeItem) => {

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

@@ -200,7 +200,7 @@ exports.ComboboxOption = (0, react_1.forwardRef)(function Combobox(option, forwa
     }, [selectedValue, value, multiSelect]);
     return ((0, jsx_runtime_1.jsx)(cmdk_1.CommandItem, { id: id, ref: forwardedRef, disabled: !enabled, value: `${value}`, className: Select_module_scss_1.default.multiComboboxOption, onSelect: () => {
             onChange(value);
-        }, "data-state": selected ? "checked" : undefined, keywords: keywords, children: (0, jsx_runtime_1.jsx)("div", { className: Select_module_scss_1.default.multiComboboxOptionContent, children: optionRenderer ? (optionRenderer({ label, value, enabled, keywords })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optionLabelRenderer ? optionLabelRenderer({ label, value }) : label, selected && (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "checkmark" })] })) }) }, id));
+        }, "data-state": selected ? "checked" : undefined, keywords: keywords, children: (0, jsx_runtime_1.jsx)("div", { className: Select_module_scss_1.default.multiComboboxOptionContent, children: optionRenderer ? (optionRenderer({ label, value, enabled, keywords }, selectedValue, false)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optionLabelRenderer ? optionLabelRenderer({ label, value }) : label, selected && (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "checkmark" })] })) }) }, id));
 });
 function HiddenOption(option) {
     const { onOptionRemove, onOptionAdd } = (0, OptionContext_1.useOption)();
@@ -218,7 +218,7 @@ function HiddenOption(option) {
 const SelectOption = react_1.default.forwardRef((option, ref) => {
     const { value, label, enabled = true } = option;
     const { onOptionRemove, onOptionAdd } = (0, OptionContext_1.useOption)();
-    const { optionLabelRenderer, optionRenderer } = (0, SelectContext_1.useSelect)();
+    const { optionLabelRenderer, optionRenderer, value: selectedValue, multiSelect } = (0, SelectContext_1.useSelect)();
     (0, react_1.useLayoutEffect)(() => {
         onOptionAdd(option);
         return () => onOptionRemove(option);
@@ -227,6 +227,6 @@ const SelectOption = react_1.default.forwardRef((option, ref) => {
                 label,
                 value,
                 enabled,
-            })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_select_1.ItemText, { className: Select_module_scss_1.default.selectItemContent, children: optionLabelRenderer ? optionLabelRenderer({ value, label }) : label }), (0, jsx_runtime_1.jsx)("span", { className: Select_module_scss_1.default.selectItemIndicator, children: (0, jsx_runtime_1.jsx)(react_select_1.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "checkmark" }) }) })] })) }) }));
+            }, selectedValue, false)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_select_1.ItemText, { className: Select_module_scss_1.default.selectItemContent, children: optionLabelRenderer ? optionLabelRenderer({ value, label }) : label }), (0, jsx_runtime_1.jsx)("span", { className: Select_module_scss_1.default.selectItemIndicator, children: (0, jsx_runtime_1.jsx)(react_select_1.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "checkmark" }) }) })] })) }) }));
 });
 SelectOption.displayName = "SelectOption";

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

@@ -19,7 +19,7 @@ const InspectorButton_module_scss_1 = __importDefault(require("./InspectorButton
 const ComponentRegistryContext_1 = require("../components/ComponentRegistryContext");
 // --- The context object that is used to store the inspector information.
 exports.InspectorContext = (0, react_1.createContext)(null);
-function InspectorProvider({ children, sources, }) {
+function InspectorProvider({ children, sources, projectCompilation, }) {
     const { root } = (0, ThemeContext_1.useTheme)();
     const [inspectable, setInspectable] = (0, react_1.useState)({});
     const [inspectedNode, setInspectedNode] = (0, react_1.useState)(null);
@@ -60,8 +60,9 @@ function InspectorProvider({ children, sources, }) {
             devToolsSide,
             setDevToolsSide,
             devToolsEnabled: showCode,
+            projectCompilation: projectCompilation,
         };
-    }, [devToolsSide, devToolsSize, sources, inspectedNode, showCode]);
+    }, [devToolsSide, devToolsSize, sources, inspectedNode, showCode, projectCompilation]);
     return ((0, jsx_runtime_1.jsxs)(exports.InspectorContext.Provider, { value: contextValue, children: [children, process.env.VITE_USER_COMPONENTS_Inspect !== "false" &&
                 showCode &&
                 inspectedNode !== null &&
@@ -145,6 +146,7 @@ function InspectButton({ inspectId, node, setInspectedNode, setShowCode, }) {
 function useDevTools() {
     const context = (0, react_1.useContext)(exports.InspectorContext);
     return {
+        projectCompilation: context === null || context === void 0 ? void 0 : context.projectCompilation,
         inspectedNode: context === null || context === void 0 ? void 0 : context.inspectedNode,
         sources: context === null || context === void 0 ? void 0 : context.sources,
         setIsOpen: context === null || context === void 0 ? void 0 : context.setIsOpen,

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

@@ -21,7 +21,7 @@ const Loader_1 = require("./Loader");
 /**
  * Represents a non-displayed React component, which handles the specified API loader
  */
-function ApiLoader({ loader, loaderInProgressChanged, loaderIsRefetchingChanged, loaderLoaded, loaderError, state, doNotRemoveNulls, }) {
+function ApiLoader({ loader, loaderInProgressChanged, loaderIsRefetchingChanged, loaderLoaded, loaderError, state, doNotRemoveNulls, structuralSharing = true, }) {
     const appContext = (0, AppContext_1.useAppContext)();
     const url = (0, extractParam_1.extractParam)(state, loader.props.url, appContext);
     const loadable = !!url;
@@ -39,7 +39,7 @@ function ApiLoader({ loader, loaderInProgressChanged, loaderIsRefetchingChanged,
         }
         return responseObj;
     }), [doNotRemoveNulls, loadable, loader.props.raw, url]);
-    return ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { state: state, loader: loader, loaderInProgressChanged: loaderInProgressChanged, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaderLoaded, loaderError: loaderError, loaderFn: doLoad }));
+    return ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { state: state, loader: loader, loaderInProgressChanged: loaderInProgressChanged, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaderLoaded, loaderError: loaderError, loaderFn: doLoad, structuralSharing: structuralSharing }));
 }
 const ApiLoaderMd = (0, ComponentDefs_1.createMetadata)({
     description: `Represents a loader that calls an API through an HTTP/HTTPS GET request`,

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

@@ -26,7 +26,7 @@ const PageableLoader_1 = require("../loader/PageableLoader");
 const Loader_1 = require("../loader/Loader");
 const AppContext_1 = require("../AppContext");
 const hooks_1 = require("../utils/hooks");
-function DataLoader({ loader, state, registerComponentApi, onLoaded, onError, loaderInProgressChanged, loaderIsRefetchingChanged, loaderLoaded, loaderError, transformResult, }) {
+function DataLoader({ loader, state, registerComponentApi, onLoaded, onError, loaderInProgressChanged, loaderIsRefetchingChanged, loaderLoaded, loaderError, transformResult, structuralSharing = true, }) {
     const appContext = (0, AppContext_1.useAppContext)();
     const url = (0, extractParam_1.extractParam)(state, loader.props.url, appContext);
     const queryParamsInner = (0, react_1.useMemo)(() => {
@@ -290,7 +290,7 @@ function DataLoader({ loader, state, registerComponentApi, onLoaded, onError, lo
         }
     }), [appContext, loader.props.errorNotificationMessage, loaderError, onError]);
     const pollIntervalInSeconds = (0, extractParam_1.extractParam)(state, loader.props.pollIntervalInSeconds, appContext);
-    return hasPaging ? ((0, jsx_runtime_1.jsx)(PageableLoader_1.PageableLoader, { queryId: queryId, state: state, loader: loader, loaderInProgressChanged: inProgress, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaded, loaderError: error, loaderFn: doLoad, registerComponentApi: registerComponentApi, pollIntervalInSeconds: pollIntervalInSeconds, onLoaded: onLoaded, transformResult: transformResult }, queryId === null || queryId === void 0 ? void 0 : queryId.join(""))) : ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { queryId: queryId, state: state, loader: loader, loaderInProgressChanged: inProgress, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaded, loaderError: error, loaderFn: doLoad, pollIntervalInSeconds: pollIntervalInSeconds, registerComponentApi: registerComponentApi, onLoaded: onLoaded, transformResult: transformResult }, queryId === null || queryId === void 0 ? void 0 : queryId.join("")));
+    return hasPaging ? ((0, jsx_runtime_1.jsx)(PageableLoader_1.PageableLoader, { queryId: queryId, state: state, loader: loader, loaderInProgressChanged: inProgress, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaded, loaderError: error, loaderFn: doLoad, registerComponentApi: registerComponentApi, pollIntervalInSeconds: pollIntervalInSeconds, onLoaded: onLoaded, transformResult: transformResult, structuralSharing: structuralSharing }, queryId === null || queryId === void 0 ? void 0 : queryId.join(""))) : ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { queryId: queryId, state: state, loader: loader, loaderInProgressChanged: inProgress, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaded, loaderError: error, loaderFn: doLoad, pollIntervalInSeconds: pollIntervalInSeconds, registerComponentApi: registerComponentApi, onLoaded: onLoaded, transformResult: transformResult, structuralSharing: structuralSharing }, queryId === null || queryId === void 0 ? void 0 : queryId.join("")));
 }
 exports.DataLoaderMd = (0, ComponentDefs_1.createMetadata)({
     description: "This component manages data fetching from a web API",
@@ -310,17 +310,18 @@ exports.DataLoaderMd = (0, ComponentDefs_1.createMetadata)({
         errorNotificationMessage: (0, ComponentDefs_1.d)("The message to show when an error occurs"),
         transformResult: (0, ComponentDefs_1.d)("Function for transforming the datasource result"),
         dataType: (0, ComponentDefs_1.d)("Type of data to fetch (default: json, or csv, or sql)"),
+        structuralSharing: (0, ComponentDefs_1.d)("Whether to use structural sharing for the data"),
     },
     events: {
         loaded: (0, ComponentDefs_1.d)("Event to trigger when the data is loaded"),
         error: (0, ComponentDefs_1.d)("This event fires when an error occurs while fetching data"),
     },
 });
-exports.dataLoaderRenderer = (0, renderers_1.createLoaderRenderer)("DataLoader", ({ loader, state, loaderLoaded, loaderInProgressChanged, loaderIsRefetchingChanged, loaderError, registerComponentApi, lookupAction, lookupSyncCallback, }) => {
+exports.dataLoaderRenderer = (0, renderers_1.createLoaderRenderer)("DataLoader", ({ loader, state, loaderLoaded, loaderInProgressChanged, loaderIsRefetchingChanged, loaderError, registerComponentApi, lookupAction, lookupSyncCallback, extractValue }) => {
     var _a, _b, _c;
     // --- Check for required properties
     if (!((_a = loader.props) === null || _a === void 0 ? void 0 : _a.url) || !loader.props.url.trim()) {
         throw new Error("You must specify a non-empty (not whitespace-only) 'url' property for DataSource");
     }
-    return ((0, jsx_runtime_1.jsx)(DataLoader, { loader: loader, state: state, loaderInProgressChanged: loaderInProgressChanged, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaderLoaded, loaderError: loaderError, registerComponentApi: registerComponentApi, transformResult: lookupSyncCallback(loader.props.transformResult), onLoaded: lookupAction((_b = loader.events) === null || _b === void 0 ? void 0 : _b.loaded, { eventName: "loaded" }), onError: lookupAction((_c = loader.events) === null || _c === void 0 ? void 0 : _c.error, { eventName: "error" }) }));
+    return ((0, jsx_runtime_1.jsx)(DataLoader, { loader: loader, state: state, loaderInProgressChanged: loaderInProgressChanged, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaderLoaded, loaderError: loaderError, registerComponentApi: registerComponentApi, transformResult: lookupSyncCallback(loader.props.transformResult), onLoaded: lookupAction((_b = loader.events) === null || _b === void 0 ? void 0 : _b.loaded, { eventName: "loaded" }), onError: lookupAction((_c = loader.events) === null || _c === void 0 ? void 0 : _c.error, { eventName: "error" }), structuralSharing: extractValue.asOptionalBoolean(loader.props.structuralSharing) }));
 }, exports.DataLoaderMd);

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

@@ -21,7 +21,7 @@ const Loader_1 = require("./Loader");
 /**
  * Represents a non-displayed React component, which handles the specified API loader
  */
-function ExternalDataLoader({ loader, loaderInProgressChanged, loaderIsRefetchingChanged, loaderError, loaderLoaded, state, doNotRemoveNulls, }) {
+function ExternalDataLoader({ loader, loaderInProgressChanged, loaderIsRefetchingChanged, loaderError, loaderLoaded, state, doNotRemoveNulls, structuralSharing = true, }) {
     const appContext = (0, AppContext_1.useAppContext)();
     const method = (0, extractParam_1.extractParam)(state, loader.props.method, appContext);
     const headers = (0, extractParam_1.extractParam)(state, loader.props.headers, appContext);
@@ -43,7 +43,7 @@ function ExternalDataLoader({ loader, loaderInProgressChanged, loaderIsRefetchin
         }
         return responseObj;
     }), [urlLoadable, headers, data, url, method, doNotRemoveNulls]);
-    return ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { state: state, loader: loader, loaderInProgressChanged: loaderInProgressChanged, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaderLoaded, loaderError: loaderError, loaderFn: doLoad }));
+    return ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { state: state, loader: loader, loaderInProgressChanged: loaderInProgressChanged, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaderLoaded, loaderError: loaderError, loaderFn: doLoad, structuralSharing: structuralSharing }));
 }
 exports.ExternalDataLoaderMd = (0, ComponentDefs_1.createMetadata)({
     description: `Represents a loader that calls an API through an HTTP/HTTPS GET request`,