@cntrl-site/components 1.0.7-alpha.10 → 1.0.7-alpha.11

package/dist/useTestimonialTextMeasure-CNYd-juE.js

@@ -0,0 +1 @@
+"use strict";const d=require("react");function x(e,t=!1){return t?`calc(var(--cntrl-article-width) * ${e})`:`${e*100}vw`}const g=(e,t,r,n,i)=>{const s={};for(const[o,a]of Object.entries(r))s[`--${e}-${a}`]=t[o];if(i)for(const o of n){const a=i[o];if(a)for(const[u,l]of Object.entries(r)){const c=a[u];c!==void 0&&(s[`--${e}-${o}-${l}`]=c)}}return s},h=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,f=e=>h.test(e.trim()),m=e=>{const t=e.replace(/\D/g,"");return t.length>=7&&t.length<=15},p=(e,t)=>{var r;for(const n of e){const i=((r=t[n.name])==null?void 0:r.trim())??"";if(i){if(n.type==="email"&&!f(i))return"Please enter a valid email address.";if(n.type==="phone"&&!m(i))return"Please enter a valid phone number."}}return null};function y(){const t=`cf-${d.useId().replace(/:/g,"")}`;return{prefix:t,cls:r=>`${t}-${r}`}}const $=({enabled:e,rootRef:t,onExtents:r,deps:n=[]})=>{d.useLayoutEffect(()=>{if(!e){r({maxTextPx:0,maxCaptionPx:0});return}const i=t.current;if(!i)return;const s=()=>{const a=Array.from(i.querySelectorAll('[data-testimonial-measure="text"]')).reduce((l,c)=>Math.max(l,c.getBoundingClientRect().height),0),u=Array.from(i.querySelectorAll('[data-testimonial-measure="caption"]')).reduce((l,c)=>Math.max(l,c.getBoundingClientRect().height),0);r({maxTextPx:a,maxCaptionPx:u})};s();const o=new ResizeObserver(s);return o.observe(i),()=>{o.disconnect()}},[e,t,r,...n])};exports.buildColorVars=g;exports.getFormFieldValidationError=p;exports.isValidEmailFormat=f;exports.isValidPhoneFormat=m;exports.scalingValue=x;exports.useScopedStyles=y;exports.useTestimonialTextMeasure=$;

package/dist/useTestimonialTextMeasure-D9FrESIm.mjs

@@ -0,0 +1,80 @@
+import { useId as f, useLayoutEffect as m } from "react";
+function p(e, t = !1) {
+  return t ? `calc(var(--cntrl-article-width) * ${e})` : `${e * 100}vw`;
+}
+const $ = (e, t, r, o, n) => {
+  const a = {};
+  for (const [s, i] of Object.entries(r))
+    a[`--${e}-${i}`] = t[s];
+  if (n)
+    for (const s of o) {
+      const i = n[s];
+      if (i)
+        for (const [u, l] of Object.entries(r)) {
+          const c = i[u];
+          c !== void 0 && (a[`--${e}-${s}-${l}`] = c);
+        }
+    }
+  return a;
+}, d = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, x = (e) => d.test(e.trim()), g = (e) => {
+  const t = e.replace(/\D/g, "");
+  return t.length >= 7 && t.length <= 15;
+}, v = (e, t) => {
+  var r;
+  for (const o of e) {
+    const n = ((r = t[o.name]) == null ? void 0 : r.trim()) ?? "";
+    if (n) {
+      if (o.type === "email" && !x(n))
+        return "Please enter a valid email address.";
+      if (o.type === "phone" && !g(n))
+        return "Please enter a valid phone number.";
+    }
+  }
+  return null;
+};
+function y() {
+  const t = `cf-${f().replace(/:/g, "")}`;
+  return {
+    prefix: t,
+    cls: (r) => `${t}-${r}`
+  };
+}
+const P = ({
+  enabled: e,
+  rootRef: t,
+  onExtents: r,
+  deps: o = []
+}) => {
+  m(() => {
+    if (!e) {
+      r({ maxTextPx: 0, maxCaptionPx: 0 });
+      return;
+    }
+    const n = t.current;
+    if (!n) return;
+    const a = () => {
+      const i = Array.from(n.querySelectorAll('[data-testimonial-measure="text"]')).reduce(
+        (l, c) => Math.max(l, c.getBoundingClientRect().height),
+        0
+      ), u = Array.from(n.querySelectorAll('[data-testimonial-measure="caption"]')).reduce(
+        (l, c) => Math.max(l, c.getBoundingClientRect().height),
+        0
+      );
+      r({ maxTextPx: i, maxCaptionPx: u });
+    };
+    a();
+    const s = new ResizeObserver(a);
+    return s.observe(n), () => {
+      s.disconnect();
+    };
+  }, [e, t, r, ...o]);
+};
+export {
+  g as a,
+  $ as b,
+  P as c,
+  v as g,
+  x as i,
+  p as s,
+  y as u
+};

package/dist/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useScopedStyles-DpVdqfXj.js");exports.buildColorVars=e.buildColorVars;exports.getFormFieldValidationError=e.getFormFieldValidationError;exports.isValidEmailFormat=e.isValidEmailFormat;exports.isValidPhoneFormat=e.isValidPhoneFormat;exports.scalingValue=e.scalingValue;exports.useScopedStyles=e.useScopedStyles;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useTestimonialTextMeasure-CNYd-juE.js");exports.buildColorVars=e.buildColorVars;exports.getFormFieldValidationError=e.getFormFieldValidationError;exports.isValidEmailFormat=e.isValidEmailFormat;exports.isValidPhoneFormat=e.isValidPhoneFormat;exports.scalingValue=e.scalingValue;exports.useScopedStyles=e.useScopedStyles;exports.useTestimonialTextMeasure=e.useTestimonialTextMeasure;

package/dist/utils.mjs

@@ -1,9 +1,10 @@
-import { b as i, g as o, i as l, a as r, s as e, u as d } from "./useScopedStyles-BSwFAT27.mjs";
+import { b as e, g as i, i as o, a as l, s as r, u as t, c as d } from "./useTestimonialTextMeasure-D9FrESIm.mjs";
 export {
-  i as buildColorVars,
-  o as getFormFieldValidationError,
-  l as isValidEmailFormat,
-  r as isValidPhoneFormat,
-  e as scalingValue,
-  d as useScopedStyles
+  e as buildColorVars,
+  i as getFormFieldValidationError,
+  o as isValidEmailFormat,
+  l as isValidPhoneFormat,
+  r as scalingValue,
+  t as useScopedStyles,
+  d as useTestimonialTextMeasure
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/components",
-  "version": "1.0.7-alpha.10",
+  "version": "1.0.7-alpha.11",
   "description": "Custom components for control editor and public websites.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/dist/useScopedStyles-BSwFAT27.mjs

@@ -1,49 +0,0 @@
-import { useId as u } from "react";
-function g(e, t = !1) {
-  return t ? `calc(var(--cntrl-article-width) * ${e})` : `${e * 100}vw`;
-}
-const v = (e, t, n, s, r) => {
-  const a = {};
-  for (const [o, i] of Object.entries(n))
-    a[`--${e}-${i}`] = t[o];
-  if (r)
-    for (const o of s) {
-      const i = r[o];
-      if (i)
-        for (const [l, f] of Object.entries(n)) {
-          const c = i[l];
-          c !== void 0 && (a[`--${e}-${o}-${f}`] = c);
-        }
-    }
-  return a;
-}, d = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, m = (e) => d.test(e.trim()), $ = (e) => {
-  const t = e.replace(/\D/g, "");
-  return t.length >= 7 && t.length <= 15;
-}, h = (e, t) => {
-  var n;
-  for (const s of e) {
-    const r = ((n = t[s.name]) == null ? void 0 : n.trim()) ?? "";
-    if (r) {
-      if (s.type === "email" && !m(r))
-        return "Please enter a valid email address.";
-      if (s.type === "phone" && !$(r))
-        return "Please enter a valid phone number.";
-    }
-  }
-  return null;
-};
-function b() {
-  const t = `cf-${u().replace(/:/g, "")}`;
-  return {
-    prefix: t,
-    cls: (n) => `${t}-${n}`
-  };
-}
-export {
-  $ as a,
-  v as b,
-  h as g,
-  m as i,
-  g as s,
-  b as u
-};

package/dist/useScopedStyles-DpVdqfXj.js

@@ -1 +0,0 @@
-"use strict";const m=require("react");function $(e,t=!1){return t?`calc(var(--cntrl-article-width) * ${e})`:`${e*100}vw`}const g=(e,t,r,n,i)=>{const a={};for(const[o,s]of Object.entries(r))a[`--${e}-${s}`]=t[o];if(i)for(const o of n){const s=i[o];if(s)for(const[d,u]of Object.entries(r)){const l=s[d];l!==void 0&&(a[`--${e}-${o}-${u}`]=l)}}return a},V=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,c=e=>V.test(e.trim()),f=e=>{const t=e.replace(/\D/g,"");return t.length>=7&&t.length<=15},p=(e,t)=>{var r;for(const n of e){const i=((r=t[n.name])==null?void 0:r.trim())??"";if(i){if(n.type==="email"&&!c(i))return"Please enter a valid email address.";if(n.type==="phone"&&!f(i))return"Please enter a valid phone number."}}return null};function v(){const t=`cf-${m.useId().replace(/:/g,"")}`;return{prefix:t,cls:r=>`${t}-${r}`}}exports.buildColorVars=g;exports.getFormFieldValidationError=p;exports.isValidEmailFormat=c;exports.isValidPhoneFormat=f;exports.scalingValue=$;exports.useScopedStyles=v;