@cntrl-site/components 1.0.1-alpha.2 → 1.0.1-alpha.3

package/dist/types/SchemaV1.d.ts

@@ -22,6 +22,7 @@ export type SchemaProperty = {
 };
 export type LayoutRow = {
     type: 'row';
+    title?: string;
     items: LayoutItem[];
 };
 export type LayoutGroup = {

package/dist/useScopedStyles-Bibm8h9Z.js

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

package/dist/useScopedStyles-Da2iLz5N.mjs

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

package/dist/utils.js

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

package/dist/utils.mjs

@@ -1,5 +1,8 @@
-import { s as a, u as l } from "./useScopedStyles-c-B_XeP_.mjs";
+import { g as i, i as o, a as e, s as l, u as r } from "./useScopedStyles-Da2iLz5N.mjs";
 export {
-  a as scalingValue,
-  l as useScopedStyles
+  i as getFormFieldValidationError,
+  o as isValidEmailFormat,
+  e as isValidPhoneFormat,
+  l as scalingValue,
+  r as useScopedStyles
 };

package/package.json

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

package/dist/useScopedStyles-b8cb4EW8.js

@@ -1 +0,0 @@
-"use strict";const s=require("react");function n(c,e=!1){return e?`calc(var(--cntrl-article-width) * ${c})`:`${c*100}vw`}function r(){const e=`cf-${s.useId().replace(/:/g,"")}`;return{prefix:e,cls:t=>`${e}-${t}`}}exports.scalingValue=n;exports.useScopedStyles=r;

package/dist/useScopedStyles-c-B_XeP_.mjs

@@ -1,15 +0,0 @@
-import { useId as t } from "react";
-function n(e, c = !1) {
-  return c ? `calc(var(--cntrl-article-width) * ${e})` : `${e * 100}vw`;
-}
-function i() {
-  const c = `cf-${t().replace(/:/g, "")}`;
-  return {
-    prefix: c,
-    cls: (r) => `${c}-${r}`
-  };
-}
-export {
-  n as s,
-  i as u
-};