unframer 2.6.6 → 2.7.1

package/esm/framer.js

@@ -14325,7 +14325,7 @@ function steps(numSteps, direction = 'end') {
         return clamp(0, 1, rounded / numSteps);
     };
 }
-// https :https://app.framerstatic.com/framer.PLXHDWID.mjs
+// https :https://app.framerstatic.com/framer.7SGKTLCE.mjs
 init_chunk_QLPHEVXG();
 import React4 from 'react';
 import { startTransition as startTransition2, } from 'react';
@@ -17550,7 +17550,7 @@ function useNavigationTransition(enableAsyncURLUpdates) {
         });
     }), [enableAsyncURLUpdates, monitorNextPaintAfterRender, startNativeSpinner,]);
 }
-function Router({ defaultPageStyle, disableHistory, initialPathVariables, initialRoute, notFoundPage, collectionUtils, routes, initialLocaleId, locales = EMPTY_ARRAY, preserveQueryParams = false, enableAsyncURLUpdates = false, }) {
+function Router({ defaultPageStyle, disableHistory, initialPathVariables, initialRoute, notFoundPage, collectionUtils, routes, initialLocaleId, locales = EMPTY_ARRAY, preserveQueryParams = false, enableAsyncURLUpdates = false, LayoutTemplate, }) {
     useMarkRouterEffects();
     useReplaceInitialState({
         disabled: disableHistory,
@@ -17752,14 +17752,20 @@ function Router({ defaultPageStyle, disableHistory, initialPathVariables, initia
                         notFoundPage,
                         defaultPageStyle,
                         forceUpdateKey: dep,
-                        children: jsxs(Fragment, {
-                            children: [
-                                jsx(MarkSuspenseEffects.Start, {}),
-                                pageExistsInCurrentLocale
-                                    ? renderPage(current.page, defaultPageStyle)
-                                    : notFoundPage && renderPage(notFoundPage, defaultPageStyle),
-                            ],
-                        }, remountKey),
+                        children: jsx(WithLayoutTemplate, {
+                            LayoutTemplate,
+                            routeId: currentRouteId,
+                            children: jsxs(Fragment, {
+                                children: [
+                                    jsx(MarkSuspenseEffects.Start, {}),
+                                    pageExistsInCurrentLocale
+                                        ? renderPage(current.page, LayoutTemplate
+                                            ? Object.assign(Object.assign({}, defaultPageStyle), { display: 'content' }) : defaultPageStyle)
+                                        : // LAYOUT_TEMPLATE @TODO: display: content for not found page?
+                                            notFoundPage && renderPage(notFoundPage, defaultPageStyle),
+                                ],
+                            }, remountKey),
+                        }),
                     }),
                     jsx(TurnOnReactEventHandling, {}),
                     jsx(MarkSuspenseEffects.End, {}),
@@ -17768,6 +17774,14 @@ function Router({ defaultPageStyle, disableHistory, initialPathVariables, initia
         }),
     });
 }
+function WithLayoutTemplate({ LayoutTemplate, routeId, children, }) {
+    if (!LayoutTemplate)
+        return children;
+    return jsx(LayoutTemplate, {
+        routeId,
+        children,
+    });
+}
 function scrollElementIntoView(element, smoothScroll) {
     const scrollIntoViewOptions = smoothScroll
         ? {
@@ -34081,7 +34095,7 @@ function createHook(forwardedRef) {
     let preventNextCall = false;
     function cloneChildrenWithPropsAndRef(children, props) {
         if (preventNextCall) {
-            throw new ReferenceError('useCloneChildrenWithPropsAndRef: You should not call cloneChildrenWithPropsAndRef more than once during the render cycle.');
+            ;
         }
         preventNextCall = true;
         if (React2.Children.count(children) > 1 && forwardedRef) {
@@ -39844,6 +39858,16 @@ var Ordering = class {
             return false;
         return this.getHash() === other.getHash();
     }
+    providedByFields(fields) {
+        for (const { field, } of this.fields) {
+            if (fields.has(field))
+                continue;
+            if (field.name === VIRTUAL_INDEX_FIELD)
+                continue;
+            return false;
+        }
+        return true;
+    }
 };
 var Scope = class {
     constructor(parent) {
@@ -42349,13 +42373,17 @@ var Normalizer = class {
         return this.newRelationalLeftJoin(right, left, constraint);
     }
     newRelationalFilter(input, predicate) {
-        if (input instanceof RelationalLeftJoin && predicate.referencedFields.subsetOf(input.leftGroup.relational.outputFields)) {
-            const left = this.newRelationalFilter(input.left, predicate);
-            return this.newRelationalLeftJoin(left, input.right, input.constraint);
-        }
-        if (input instanceof RelationalRightJoin && predicate.referencedFields.subsetOf(input.rightGroup.relational.outputFields)) {
-            const right = this.newRelationalFilter(input.right, predicate);
-            return this.newRelationalLeftJoin(input.left, right, input.constraint);
+        if (input instanceof RelationalLeftJoin &&
+            // Check that the predicate doesn't depend on any joined field.
+            predicate.referencedFields.subsetOf(input.leftGroup.relational.outputFields)) {
+            const pushedFilter = this.newRelationalFilter(input.left, predicate);
+            return this.newRelationalLeftJoin(pushedFilter, input.right, input.constraint);
+        }
+        if (input instanceof RelationalRightJoin &&
+            // Check that the predicate doesn't depend on any joined field.
+            predicate.referencedFields.subsetOf(input.rightGroup.relational.outputFields)) {
+            const pushedFilter = this.newRelationalFilter(input.right, predicate);
+            return this.newRelationalLeftJoin(input.left, pushedFilter, input.constraint);
         }
         const node = new RelationalFilter(input, predicate);
         return this.finishRelational(node);
@@ -42365,6 +42393,14 @@ var Normalizer = class {
         return this.finishRelational(node);
     }
     newRelationalLimit(input, limit, ordering) {
+        if (input instanceof RelationalProject &&
+            // Check that the limit doesn't depend on any projected field.
+            limit.referencedFields.subsetOf(input.inputGroup.relational.outputFields) &&
+            // Check that the ordering doesn't depend on any projected field.
+            ordering.providedByFields(input.inputGroup.relational.outputFields)) {
+            const pushedLimit = this.newRelationalLimit(input.input, limit, ordering);
+            return this.newRelationalProject(pushedLimit, input.projections, input.passthrough);
+        }
         const node = new RelationalLimit(input, limit, ordering);
         return this.finishRelational(node);
     }
@@ -49963,7 +49999,7 @@ var package_default = {
         react: '^18.2.0',
         'react-dom': '^18.2.0',
         semver: '^7.5.2',
-        typescript: '^5.6.2',
+        typescript: '^5.7.2',
         yargs: '^17.6.2',
     },
     peerDependencies: {