@wix/origami-system-components 1.10.2 → 1.10.4

package/README.md

@@ -157,9 +157,11 @@ pass the slot props directly.
 Rendering order is background wrapper, header, one main containing children, footer.
 Absent header/footer add no wrappers; the background and main remain when empty.
 Header/Footer preserve their identities and remain direct Page children. Sections
-have main as their DOM parent: use `.authored-page > main > .section` for direct-child
-selectors and account for main in parent traversal. A route shell must not add a
-second main landmark. Skip links can target Section IDs (sections have `tabIndex=-1`).
+are main's descendants, not necessarily its children: a Section with interactions
+renders inside an `<interact-element>` boundary, which the interactions service styles
+`display: contents`, so the section remains a page layout item. Target sections by their ID or class rather than with
+`main > .section`, and account for main and the boundary in parent traversal.
+A route shell must not add a second main landmark. Skip links can target Section IDs (sections have `tabIndex=-1`).
 
 Page imports its own scoped CSS, retained through package imports in Vite dev and
 production. The relative root contains an absolute inset background with background-only

package/dist/layout/FooterSection.d.ts

@@ -5,5 +5,5 @@ export type FooterSectionProps = SectionProps;
  * as the generic Section with the definition's ID and class. The `<footer>`
  * landmark and the page's instance identity belong to the enclosing Footer.
  */
-export declare function FooterSection({ id, className, children }: FooterSectionProps): import("react").JSX.Element;
+export declare function FooterSection({ id, className, children, wix }: FooterSectionProps): import("react").JSX.Element;
 export default FooterSection;

package/dist/layout/FooterSection.js

@@ -6,7 +6,7 @@ import Section from './Section.js';
  * as the generic Section with the definition's ID and class. The `<footer>`
  * landmark and the page's instance identity belong to the enclosing Footer.
  */
-export function FooterSection({ id, className, children }) {
-    return (_jsx(Section, { id: id, className: className, children: children }));
+export function FooterSection({ id, className, children, wix }) {
+    return (_jsx(Section, { id: id, className: className, wix: wix, children: children }));
 }
 export default FooterSection;

package/dist/layout/HeaderSection.d.ts

@@ -6,5 +6,5 @@ export type HeaderSectionProps = SectionProps;
  * landmark and the page's instance identity belong to the enclosing Header.
  * Legacy scroll effects are not implemented here.
  */
-export declare function HeaderSection({ id, className, children }: HeaderSectionProps): import("react").JSX.Element;
+export declare function HeaderSection({ id, className, children, wix }: HeaderSectionProps): import("react").JSX.Element;
 export default HeaderSection;

package/dist/layout/HeaderSection.js

@@ -7,7 +7,7 @@ import Section from './Section.js';
  * landmark and the page's instance identity belong to the enclosing Header.
  * Legacy scroll effects are not implemented here.
  */
-export function HeaderSection({ id, className, children }) {
-    return (_jsx(Section, { id: id, className: className, children: children }));
+export function HeaderSection({ id, className, children, wix }) {
+    return (_jsx(Section, { id: id, className: className, wix: wix, children: children }));
 }
 export default HeaderSection;

package/dist/layout/Section.d.ts

@@ -3,10 +3,9 @@ export interface SectionProps {
     id: string;
     className?: string | undefined;
     children?: ReactNode;
+    wix?: {
+        compPath?: string | undefined;
+    } | undefined;
 }
-/**
- * Experimental plain Section. The authored InternalContainer child owns its
- * background and content layers; this component does not create another container.
- */
-export declare function Section({ id, className, children }: SectionProps): import("react").JSX.Element;
+export declare function Section(props: SectionProps): import("react").JSX.Element;
 export default Section;

package/dist/layout/Section.js

@@ -1,10 +1,15 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { withInteractions } from '@wix/origami-runtime';
 /**
  * Experimental plain Section. The authored InternalContainer child owns its
  * background and content layers; this component does not create another container.
  */
-export function Section({ id, className, children }) {
+function BaseSection({ id, className, children }) {
     return (_jsx("section", { id: id, className: className, tabIndex: -1, children: children }));
 }
+const InteractiveSection = withInteractions(BaseSection);
+export function Section(props) {
+    return _jsx(InteractiveSection, { ...props });
+}
 export default Section;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/origami-system-components",
-  "version": "1.10.2",
+  "version": "1.10.4",
   "description": "Editor structural and system components for standalone Origami sites",
   "sideEffects": [
     "**/*.css"
@@ -19,6 +19,10 @@
     "@testing-library/react": "^16.3.0",
     "@types/react": "^18.3.1",
     "@wix/editor-system-components": "^1.1573.0",
+    "@wix/origami-runtime": "0.19.1",
+    "@wix/services-manager": "^1.0.7",
+    "@wix/services-manager-react": "^1.0.8",
+    "@wix/site-service-interactions": "^1.0.28",
     "esbuild": "^0.28.1",
     "jsdom": "^23.0.1",
     "react": "^18.3.1",
@@ -28,6 +32,7 @@
     "vitest": "^4.1.11"
   },
   "peerDependencies": {
+    "@wix/origami-runtime": "^0.19.1",
     "react": "^18.3.1"
   },
   "publishUnscoped": false,
@@ -123,5 +128,5 @@
     "@wix/builder-state": "^1.49.3",
     "@wix/editor-components": "^1.16.0"
   },
-  "falconPackageHash": "84bd255c072dd6dfec4e41cd37099d708fe051fb05052aa46b89ac1b"
+  "falconPackageHash": "315ac585542a85b9ee6e96cc371eb963fb0af2ded380dd1a0b7b253d"
 }