@se-studio/core-ui 1.0.119 → 1.0.121

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @se-studio/core-ui
 
+## 1.0.121
+
+### Patch Changes
+
+- Bulk version bump: patch for all packages
+- Updated dependencies
+  - @se-studio/contentful-rest-api@1.0.121
+  - @se-studio/core-data-types@1.0.121
+
+## 1.0.120
+
+### Patch Changes
+
+- Bulk version bump: patch for all packages
+- Updated dependencies
+  - @se-studio/contentful-rest-api@1.0.120
+  - @se-studio/core-data-types@1.0.120
+
 ## 1.0.119
 
 ### Patch Changes

package/dist/components/HtmlComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlComponent.d.ts","sourceRoot":"","sources":["../../src/components/HtmlComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAKrE,0FAA0F;AAC1F,eAAO,MAAM,sCAAsC,8DACU,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,GAAG;IACpD,mHAAmH;IACnH,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kFAAkF;IAClF,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,0BAA0B,GAC3B,EAAE,kBAAkB,2CA0BpB"}
+{"version":3,"file":"HtmlComponent.d.ts","sourceRoot":"","sources":["../../src/components/HtmlComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAKrE,0FAA0F;AAC1F,eAAO,MAAM,sCAAsC,8DACU,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,GAAG;IACpD,mHAAmH;IACnH,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kFAAkF;IAClF,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,0BAA0B,GAC3B,EAAE,kBAAkB,2CAiCpB"}

package/dist/components/HtmlComponent.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Script from 'next/script';
 import { cn } from '../utils/cn';
 import { scopeCss } from '../utils/scopeCss';
+import { HtmlComponentScript } from './HtmlComponentScript';
 /** Default Tailwind breakout when `fullWidth` is true and no renderer override is set. */
 export const defaultHtmlComponentFullWidthClassName = 'relative left-1/2 w-screen max-w-[100vw] -translate-x-1/2';
 /**
@@ -17,6 +17,11 @@ export const defaultHtmlComponentFullWidthClassName = 'relative left-1/2 w-scree
 export function HtmlComponent({ id, rawHtml, customCss, customJs, fullWidth, scriptStrategy, loadScriptOnce, flowPositionIndex, fullWidthBreakoutClassName, }) {
     const scopedCss = customCss ? scopeCss(customCss, id) : undefined;
     const scriptId = loadScriptOnce ? `hc-${id}` : `hc-${id}-${flowPositionIndex}`;
+    // Prepend a scoped root variable so authors can write `hcRoot.querySelector(...)` instead of
+    // `document.querySelector('[data-hc-id]')` which would match the first component on the page.
+    const scopedJs = customJs
+        ? `const hcRoot = document.querySelector('[data-hc-id="${id}"]');\n${customJs}`
+        : undefined;
     let breakout;
     if (fullWidth) {
         if (fullWidthBreakoutClassName !== undefined) {
@@ -27,6 +32,6 @@ export function HtmlComponent({ id, rawHtml, customCss, customJs, fullWidth, scr
             breakout = defaultHtmlComponentFullWidthClassName;
         }
     }
-    return (_jsxs("div", { "data-hc-id": id, "data-hc-fullwidth": fullWidth ? '' : undefined, className: cn(breakout), children: [scopedCss && _jsx("style", { children: scopedCss }), _jsx("div", { dangerouslySetInnerHTML: { __html: rawHtml } }), customJs && (_jsx(Script, { id: scriptId, strategy: scriptStrategy, children: customJs }))] }));
+    return (_jsxs("div", { "data-hc-id": id, "data-hc-fullwidth": fullWidth ? '' : undefined, className: cn(breakout), children: [scopedCss && _jsx("style", { children: scopedCss }), _jsx("div", { dangerouslySetInnerHTML: { __html: rawHtml } }), scopedJs && (_jsx(HtmlComponentScript, { customJs: scopedJs, scriptStrategy: scriptStrategy, scriptId: scriptId }))] }));
 }
 //# sourceMappingURL=HtmlComponent.js.map

package/dist/components/HtmlComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlComponent.js","sourceRoot":"","sources":["../../src/components/HtmlComponent.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,0FAA0F;AAC1F,MAAM,CAAC,MAAM,sCAAsC,GACjD,2DAA2D,CAAC;AAS9D;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,EAAE,EACF,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,0BAA0B,GACP;IACnB,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAClE,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,iBAAiB,EAAE,CAAC;IAE/E,IAAI,QAA4B,CAAC;IACjC,IAAI,SAAS,EAAE,CAAC;QACd,IAAI,0BAA0B,KAAK,SAAS,EAAE,CAAC;YAC7C,MAAM,CAAC,GAAG,0BAA0B,CAAC,IAAI,EAAE,CAAC;YAC5C,QAAQ,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC;QAC/D,CAAC;aAAM,CAAC;YACN,QAAQ,GAAG,sCAAsC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,OAAO,CACL,6BAAiB,EAAE,uBAAqB,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,aACxF,SAAS,IAAI,0BAAQ,SAAS,GAAS,EAExC,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,EACpD,QAAQ,IAAI,CACX,KAAC,MAAM,IAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,YAC3C,QAAQ,GACF,CACV,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"HtmlComponent.js","sourceRoot":"","sources":["../../src/components/HtmlComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,0FAA0F;AAC1F,MAAM,CAAC,MAAM,sCAAsC,GACjD,2DAA2D,CAAC;AAS9D;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,EAAE,EACF,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,0BAA0B,GACP;IACnB,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAClE,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,iBAAiB,EAAE,CAAC;IAC/E,6FAA6F;IAC7F,8FAA8F;IAC9F,MAAM,QAAQ,GAAG,QAAQ;QACvB,CAAC,CAAC,uDAAuD,EAAE,UAAU,QAAQ,EAAE;QAC/E,CAAC,CAAC,SAAS,CAAC;IAEd,IAAI,QAA4B,CAAC;IACjC,IAAI,SAAS,EAAE,CAAC;QACd,IAAI,0BAA0B,KAAK,SAAS,EAAE,CAAC;YAC7C,MAAM,CAAC,GAAG,0BAA0B,CAAC,IAAI,EAAE,CAAC;YAC5C,QAAQ,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC;QAC/D,CAAC;aAAM,CAAC;YACN,QAAQ,GAAG,sCAAsC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,OAAO,CACL,6BAAiB,EAAE,uBAAqB,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,aACxF,SAAS,IAAI,0BAAQ,SAAS,GAAS,EAExC,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,EACpD,QAAQ,IAAI,CACX,KAAC,mBAAmB,IAClB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,GAClB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/HtmlComponentScript.d.ts

@@ -0,0 +1,12 @@
+import type { IBaseHtmlComponent } from '@se-studio/core-data-types';
+/**
+ * Client component wrapper for next/script with inline content.
+ * next/script with afterInteractive/lazyOnload strategies and inline children
+ * requires a Client Component to inject — it is a no-op in Server Components.
+ */
+export declare function HtmlComponentScript({ customJs, scriptStrategy, scriptId, }: {
+    customJs: string;
+    scriptStrategy: IBaseHtmlComponent['scriptStrategy'];
+    scriptId: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HtmlComponentScript.d.ts.map

package/dist/components/HtmlComponentScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlComponentScript.d.ts","sourceRoot":"","sources":["../../src/components/HtmlComponentScript.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGrE;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,cAAc,EACd,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,EAAE,MAAM,CAAC;CAClB,2CAMA"}

package/dist/components/HtmlComponentScript.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Script from 'next/script';
+/**
+ * Client component wrapper for next/script with inline content.
+ * next/script with afterInteractive/lazyOnload strategies and inline children
+ * requires a Client Component to inject — it is a no-op in Server Components.
+ */
+export function HtmlComponentScript({ customJs, scriptStrategy, scriptId, }) {
+    return (_jsx(Script, { id: scriptId, strategy: scriptStrategy, children: customJs }));
+}
+//# sourceMappingURL=HtmlComponentScript.js.map

package/dist/components/HtmlComponentScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlComponentScript.js","sourceRoot":"","sources":["../../src/components/HtmlComponentScript.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,cAAc,EACd,QAAQ,GAKT;IACC,OAAO,CACL,KAAC,MAAM,IAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,YAC3C,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@se-studio/core-ui",
-  "version": "1.0.119",
+  "version": "1.0.121",
   "description": "Shared React UI component library with Tailwind CSS v4 for SE Studio applications",
   "repository": {
     "type": "git",
@@ -68,8 +68,8 @@
     "mustache": "4.2.0",
     "server-only": "0.0.1",
     "tailwind-merge": "^3.5.0",
-    "@se-studio/contentful-rest-api": "1.0.119",
-    "@se-studio/core-data-types": "1.0.119"
+    "@se-studio/contentful-rest-api": "1.0.121",
+    "@se-studio/core-data-types": "1.0.121"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.4.10",