xmlui 0.9.15 → 0.9.17

package/dist/{apiInterceptorWorker-DHw39GG3.mjs → apiInterceptorWorker-D94b73xQ.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-B6kr6jsm.mjs";
 import Dexie from "dexie";
 var POSITIONALS_EXP = /(%?)(%([sdijo]))/g;
 function serializePositional(positional, flag) {

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

@@ -3394,21 +3394,23 @@ function createUrlWithQueryParams(to2) {
   }
   return to2;
 }
-const themeVars$J = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-navPanel-App": "var(--xmlui-boxShadow-navPanel-App)", "backgroundColor-content-App": "var(--xmlui-backgroundColor-content-App)", "borderLeft-content-App": "var(--xmlui-borderLeft-content-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`;
-const wrapper$g = "_wrapper_qcc08_13";
-const vertical$4 = "_vertical_qcc08_23";
-const contentWrapper$1 = "_contentWrapper_qcc08_27";
-const navPanelWrapper = "_navPanelWrapper_qcc08_33";
-const PagesWrapper = "_PagesWrapper_qcc08_37";
-const footerWrapper = "_footerWrapper_qcc08_41";
-const sticky = "_sticky_qcc08_44";
-const horizontal$5 = "_horizontal_qcc08_51";
-const verticalFullHeader = "_verticalFullHeader_qcc08_73";
-const PagesWrapperInner = "_PagesWrapperInner_qcc08_90";
-const scrollWholePage = "_scrollWholePage_qcc08_102";
-const headerWrapper$1 = "_headerWrapper_qcc08_105";
-const content$2 = "_content_qcc08_27";
-const noScrollbarGutters = "_noScrollbarGutters_qcc08_147";
+const themeVars$J = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-navPanel-App": "var(--xmlui-boxShadow-navPanel-App)", "backgroundColor-content-App": "var(--xmlui-backgroundColor-content-App)", "borderLeft-content-App": "var(--xmlui-borderLeft-content-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "maxWidth-App": "var(--xmlui-maxWidth-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`;
+const wrapper$g = "_wrapper_1c9ty_13";
+const vertical$4 = "_vertical_1c9ty_23";
+const contentWrapper$1 = "_contentWrapper_1c9ty_27";
+const navPanelWrapper = "_navPanelWrapper_1c9ty_33";
+const PagesWrapper = "_PagesWrapper_1c9ty_37";
+const footerWrapper = "_footerWrapper_1c9ty_41";
+const sticky = "_sticky_1c9ty_44";
+const horizontal$5 = "_horizontal_1c9ty_51";
+const verticalFullHeader = "_verticalFullHeader_1c9ty_73";
+const PagesWrapperInner = "_PagesWrapperInner_1c9ty_90";
+const verticalConstrained = "_verticalConstrained_1c9ty_102";
+const header$2 = "_header_1c9ty_108";
+const scrollWholePage = "_scrollWholePage_1c9ty_135";
+const headerWrapper$1 = "_headerWrapper_1c9ty_138";
+const content$2 = "_content_1c9ty_27";
+const noScrollbarGutters = "_noScrollbarGutters_1c9ty_200";
 const styles$_ = {
   themeVars: themeVars$J,
   wrapper: wrapper$g,
@@ -3421,6 +3423,8 @@ const styles$_ = {
   horizontal: horizontal$5,
   verticalFullHeader,
   PagesWrapperInner,
+  verticalConstrained,
+  header: header$2,
   scrollWholePage,
   headerWrapper: headerWrapper$1,
   content: content$2,
@@ -4139,6 +4143,31 @@ function App({
         }
       );
       break;
+    case "vertical-constrained-width":
+      content2 = /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: classnames(wrapperBaseClasses, styles$_.verticalConstrained),
+          style: styleWithHelpers,
+          ref: scrollPageContainerRef,
+          children: [
+            /* @__PURE__ */ jsx(
+              "header",
+              {
+                className: classnames(styles$_.headerWrapper, styles$_.sticky),
+                ref: headerRefCallback,
+                children: /* @__PURE__ */ jsx("div", { className: styles$_.header, style: { paddingInline: 0 }, children: header2 })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: styles$_.content, children: [
+              navPanelVisible && /* @__PURE__ */ jsx("aside", { className: styles$_.navPanelWrapper, children: navPanel }),
+              /* @__PURE__ */ jsx("main", { className: styles$_.contentWrapper, children: /* @__PURE__ */ jsx("div", { className: styles$_.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx(ScrollContext.Provider, { value: scrollContainerRef, children: /* @__PURE__ */ jsx("div", { className: styles$_.PagesWrapperInner, style: pagesWrapperInnerStyle, children }) }) }) })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: styles$_.footerWrapper, ref: footerRefCallback, children: footer })
+          ]
+        }
+      );
+      break;
     case "condensed":
     case "condensed-sticky":
       content2 = /* @__PURE__ */ jsxs(
@@ -4229,6 +4258,7 @@ function getAppLayoutOrientation(appLayout) {
     case "vertical":
     case "vertical-sticky":
     case "vertical-full-header":
+    case "vertical-constrained-width":
       return "vertical";
     default:
       return "horizontal";
@@ -6988,6 +7018,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 +10425,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 +10433,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 +10617,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 +16194,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 +16222,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 +16231,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 +21602,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 +24102,8 @@ const styles$g = {
 const InspectorContext = createContext(null);
 function InspectorProvider({
   children,
-  sources
+  sources,
+  projectCompilation
 }) {
   const { root: root2 } = useTheme();
   const [inspectable, setInspectable] = useState({});
@@ -24112,9 +24153,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 +24267,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 +25186,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 +25232,6 @@ function Loader({
     let intervalId;
     if (pollIntervalInSeconds) {
       intervalId = setInterval(() => {
-        setIsRefetching(true);
         refetch();
       }, pollIntervalInSeconds * 1e3);
     }
@@ -25212,11 +25254,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 +25267,6 @@ function Loader({
   useEffect(() => {
     registerComponentApi == null ? void 0 : registerComponentApi({
       refetch: async (options2) => {
-        setIsRefetching(true);
         refetch(options2);
       },
       update: async (updater) => {
@@ -25268,14 +25307,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 +25343,8 @@ function ApiLoader$1({
       loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
       loaderLoaded: loaderLoaded2,
       loaderError: loaderError2,
-      loaderFn: doLoad
+      loaderFn: doLoad,
+      structuralSharing
     }
   );
 }
@@ -25318,7 +25359,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 +25379,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 +25415,8 @@ function ExternalDataLoader({
       loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
       loaderLoaded: loaderLoaded2,
       loaderError: loaderError2,
-      loaderFn: doLoad
+      loaderFn: doLoad,
+      structuralSharing
     }
   );
 }
@@ -25403,13 +25446,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 +25471,8 @@ function ApiLoader({
       loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
       loaderLoaded: loaderLoaded2,
       loaderError: loaderError2,
-      loaderFn: doLoad
+      loaderFn: doLoad,
+      structuralSharing
     }
   );
 }
@@ -25442,7 +25487,7 @@ const mockLoaderRenderer = createLoaderRenderer(
   "MockLoader",
   ({ loader, state, loaderInProgressChanged: loaderInProgressChanged2, loaderLoaded: loaderLoaded2, loaderError: loaderError2 }) => {
     return /* @__PURE__ */ jsx(
-      ApiLoader,
+      MockLoader,
       {
         loader,
         state,
@@ -25467,7 +25512,8 @@ function PageableLoader({
   loaderIsRefetchingChanged: loaderIsRefetchingChanged2,
   loaderLoaded: loaderLoaded2,
   loaderError: loaderError2,
-  transformResult
+  transformResult,
+  structuralSharing = true
 }) {
   const { uid } = loader;
   const appContext = useAppContext();
@@ -25476,7 +25522,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 +25571,8 @@ function PageableLoader({
     isFetching,
     refetch,
     fetchPreviousPage,
-    fetchNextPage
+    fetchNextPage,
+    isRefetching
   } = useInfiniteQuery({
     queryKey,
     queryFn: useCallback(
@@ -25535,6 +25581,7 @@ function PageableLoader({
       },
       [loaderFn]
     ),
+    structuralSharing,
     select: useCallback(
       (data2) => {
         let result = [];
@@ -25594,11 +25641,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 +25661,6 @@ function PageableLoader({
     let intervalId;
     if (pollIntervalInSeconds) {
       intervalId = setInterval(() => {
-        setIsRefetching(true);
         refetch();
       }, pollIntervalInSeconds * 1e3);
     }
@@ -25637,7 +25681,6 @@ function PageableLoader({
       fetchPrevPage,
       fetchNextPage: stableFetchNextPage,
       refetch: async (options2) => {
-        setIsRefetching(true);
         refetch(options2);
       },
       update: async (updater) => {
@@ -25704,7 +25747,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 +26008,8 @@ function DataLoader({
       registerComponentApi,
       pollIntervalInSeconds,
       onLoaded,
-      transformResult
+      transformResult,
+      structuralSharing
     },
     queryId == null ? void 0 : queryId.join("")
   ) : /* @__PURE__ */ jsx(
@@ -25981,7 +26026,8 @@ function DataLoader({
       pollIntervalInSeconds,
       registerComponentApi,
       onLoaded,
-      transformResult
+      transformResult,
+      structuralSharing
     },
     queryId == null ? void 0 : queryId.join("")
   );
@@ -26003,7 +26049,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 +26068,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 +26087,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 +31645,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.9.15";
+const version = "0.9.17";
 const ApiInterceptorContext = createContext(null);
 function useApiInterceptorContext() {
   return useContext(ApiInterceptorContext);
@@ -35180,7 +35229,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 +35678,8 @@ const AppWrapper = ({
   resources,
   resourceMap,
   sources,
-  children
+  children,
+  projectCompilation
 }) => {
   if (previewMode) {
     HelmetProvider.canUseDOM = false;
@@ -35647,7 +35698,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 +35832,7 @@ function ApiInterceptorProvider({
       let interceptorWorker;
       (async () => {
         if (process.env.VITE_MOCK_ENABLED) {
-          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-DHw39GG3.mjs");
+          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-D94b73xQ.mjs");
           if (interceptor) {
             interceptorWorker = await createApiInterceptorWorker(interceptor, apiWorker);
             if (!apiWorker) {
@@ -36108,6 +36159,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 +36172,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."),