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

package/dist/readTestimonialTextMeasure-B1FI-93F.mjs

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

package/dist/readTestimonialTextMeasure-CB_Uq-fO.js

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

package/dist/utils.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./readTestimonialTextMeasure-CB_Uq-fO.js");exports.buildColorVars=e.buildColorVars;exports.getFormFieldValidationError=e.getFormFieldValidationError;exports.isValidEmailFormat=e.isValidEmailFormat;exports.isValidPhoneFormat=e.isValidPhoneFormat;exports.readTestimonialTextMeasure=e.readTestimonialTextMeasure;exports.scalingValue=e.scalingValue;exports.useScopedStyles=e.useScopedStyles;

package/dist/utils.mjs

@@ -1,10 +1,10 @@
-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";
+import { b as e, g as i, i as r, a as o, r as l, s as t, u as d } from "./readTestimonialTextMeasure-B1FI-93F.mjs";
 export {
   e as buildColorVars,
   i as getFormFieldValidationError,
-  o as isValidEmailFormat,
-  l as isValidPhoneFormat,
-  r as scalingValue,
-  t as useScopedStyles,
-  d as useTestimonialTextMeasure
+  r as isValidEmailFormat,
+  o as isValidPhoneFormat,
+  l as readTestimonialTextMeasure,
+  t as scalingValue,
+  d as useScopedStyles
 };

package/package.json

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

package/dist/Components/utils/useTestimonialTextMeasure.d.ts

@@ -1,13 +0,0 @@
-import { DependencyList, RefObject } from 'react';
-export type TestimonialMeasureExtents = {
-    maxTextPx: number;
-    maxCaptionPx: number;
-};
-type UseTestimonialMeasureExtentsOpts = {
-    enabled: boolean;
-    rootRef: RefObject<HTMLElement | null>;
-    onExtents: (extents: TestimonialMeasureExtents) => void;
-    deps?: DependencyList;
-};
-export declare const useTestimonialTextMeasure: ({ enabled, rootRef, onExtents, deps, }: UseTestimonialMeasureExtentsOpts) => void;
-export {};

package/dist/useTestimonialTextMeasure-CNYd-juE.js

@@ -1 +0,0 @@
-"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

@@ -1,80 +0,0 @@
-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
-};