@pareto-engineering/design-system 5.12.10 → 5.12.12

package/dist/ui/c/Modal/index.js

@@ -1,4 +1,4 @@
-import { M as r } from "../../../FormBuilder-BgjYyPAc.js";
+import { M as r } from "../../../FormBuilder-U45jur81.js";
 export {
   r as Modal
 };

package/dist/ui/c/Shortener/Shortener.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../index-CxkFVI6N.js";
 import "../../../exports.module-DmUnHWIJ.js";
-import { d as e } from "../../../FormBuilder-BgjYyPAc.js";
+import { d as e } from "../../../FormBuilder-U45jur81.js";
 import "../../b/Page/Context.js";
 import "../../b/Title/Title.js";
 export {

package/dist/ui/c/Shortener/index.js

@@ -1,4 +1,4 @@
-import { d as o } from "../../../FormBuilder-BgjYyPAc.js";
+import { d as o } from "../../../FormBuilder-U45jur81.js";
 export {
   o as Shortener
 };

package/dist/ui/c/index.js

@@ -1,4 +1,4 @@
-import { M as e, d as r } from "../../FormBuilder-BgjYyPAc.js";
+import { M as e, d as r } from "../../FormBuilder-U45jur81.js";
 import { default as d } from "./SocialMediaShareButton/SocialMediaShareButton.js";
 export {
   e as Modal,

package/dist/ui/f/FormInput/FormInput.js

@@ -1,11 +1,12 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../index-CxkFVI6N.js";
-import { F as Q } from "../../../FormBuilder-BgjYyPAc.js";
+import { F as R } from "../../../FormBuilder-U45jur81.js";
 import "../common/Label/Label.js";
 import "../common/Description/Description.js";
+import "../common/Hint/Hint.js";
 import "formik";
-import "../common/CharacterCount/CharacterCount.js";
+import '../../../assets/styles.css';/* empty css                       */
 import "../../a/AppContext/Context.js";
 import "../../a/AppContext/ContextProvider.js";
 import "../../a/BlurOverlay/BlurOverlay.js";
@@ -40,5 +41,5 @@ import "../../a/ThroughPutIndicator/ThroughPutIndicator.js";
 import "../fields/LatexPreviewInput/convertLatexToHtml.js";
 import "../fields/RadioInput/RadioInput.js";
 export {
-  Q as default
+  R as default
 };

package/dist/ui/f/FormInput/index.js

@@ -1,4 +1,4 @@
-import { F as m } from "../../../FormBuilder-BgjYyPAc.js";
+import { F as m } from "../../../FormBuilder-U45jur81.js";
 export {
   m as FormInput
 };

package/dist/ui/f/common/CharacterCount/CharacterCount.js

@@ -1,7 +1,8 @@
 import { jsxs as m } from "react/jsx-runtime";
 import { useField as u } from "formik";
-import { s as f } from "../../../../exports.module-DmUnHWIJ.js";
-import '../../../../assets/CharacterCount.css';const p = f.base, d = "character-count", x = ({
+import { s as p } from "../../../../exports.module-DmUnHWIJ.js";
+import '../../../../assets/styles.css';/* empty css                          */
+const f = p.base, d = "character-count", b = ({
   id: a,
   className: t,
   style: o,
@@ -18,7 +19,7 @@ import '../../../../assets/CharacterCount.css';const p = f.base, d = "character-
       className: [
         e >= r ? "x-error" : "x-paragraph",
         "c-x",
-        p,
+        f,
         d,
         t
       ].filter((i) => i).join(" "),
@@ -32,5 +33,5 @@ import '../../../../assets/CharacterCount.css';const p = f.base, d = "character-
   );
 };
 export {
-  x as default
+  b as default
 };

package/dist/ui/f/common/Debugger/Debugger.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../index-CxkFVI6N.js";
-import { D as f } from "../../../../FormBuilder-BgjYyPAc.js";
+import { D as f } from "../../../../FormBuilder-U45jur81.js";
 import "../../../b/Page/Context.js";
 import "../../../b/Title/Title.js";
 import "formik";

package/dist/ui/f/common/Debugger/index.js

@@ -1,4 +1,4 @@
-import { D as g } from "../../../../FormBuilder-BgjYyPAc.js";
+import { D as g } from "../../../../FormBuilder-U45jur81.js";
 export {
   g as Debugger
 };

package/dist/ui/f/common/Description/Description.js

@@ -1,62 +1,30 @@
-import { jsx as l } from "react/jsx-runtime";
-import "react";
-import { useField as d } from "formik";
-import { P as r } from "../../../../index-CxkFVI6N.js";
-import { s as f } from "../../../../exports.module-DmUnHWIJ.js";
-import '../../../../assets/Description.css';const g = f.base, u = "description", o = ({
-  id: t,
-  className: i,
-  style: a,
-  description: n,
-  name: m,
-  color: c
-  // ...otherProps
-}) => {
-  const [, s] = d(m), e = s.touched && s.error;
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      id: t,
-      className: [
-        g,
-        u,
-        i,
-        e ? "x-error" : `x-${c}`
-      ].filter((p) => p).join(" "),
-      style: a,
-      children: (e ? s.error : n) || ""
-    }
-  );
+import { jsx as i } from "react/jsx-runtime";
+import { P as s } from "../../../../index-CxkFVI6N.js";
+import { s as l } from "../../../../exports.module-DmUnHWIJ.js";
+import '../../../../assets/Description.css';const n = l.base, e = ({
+  className: a,
+  description: r,
+  color: o
+}) => r ? /* @__PURE__ */ i(
+  "span",
+  {
+    className: [
+      n,
+      "field-description",
+      a,
+      `x-${o}`
+    ].filter((t) => t).join(" "),
+    children: r
+  }
+) : null;
+e.propTypes = {
+  className: s.string,
+  color: s.string,
+  description: s.string
 };
-o.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: r.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: r.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: r.objectOf(r.string),
-  /**
-   * The base color for the description
-   */
-  color: r.string,
-  /**
-   * Input description - extra description to guide a use in filling the input
-   */
-  description: r.string,
-  /**
-   * The input name (html - and Formik state)
-   */
-  name: r.string.isRequired
-};
-o.defaultProps = {
+e.defaultProps = {
   color: "metadata"
 };
 export {
-  o as default
+  e as default
 };

package/dist/ui/f/common/Hint/Hint.js

@@ -0,0 +1,56 @@
+import { jsxs as i, jsx as b } from "react/jsx-runtime";
+import "react";
+import { useField as y } from "formik";
+import { P as r } from "../../../../index-CxkFVI6N.js";
+import { s as j } from "../../../../exports.module-DmUnHWIJ.js";
+import '../../../../assets/Hint.css';const v = j.base, P = "hint", l = ({
+  id: m,
+  className: p,
+  style: h,
+  description: d,
+  name: u,
+  color: f,
+  maxLength: s,
+  shouldShowCharacterCount: C = !0
+}) => {
+  var c;
+  const [N, t] = y(u), e = t.touched && t.error, o = C && s > 0, a = ((c = N.value) == null ? void 0 : c.length) ?? 0, n = e ? t.error : d, x = !!n || o;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      id: m,
+      className: [
+        v,
+        P,
+        p,
+        e ? "x-error" : `x-${f}`,
+        x ? "" : "empty"
+      ].filter((g) => g).join(" "),
+      style: h,
+      children: [
+        /* @__PURE__ */ b("span", { className: "hint-text", "aria-live": "polite", children: n || " " }),
+        o && /* @__PURE__ */ i("span", { className: `character-count ${a >= s ? "x-error c-x" : ""}`, children: [
+          a,
+          "/",
+          s
+        ] })
+      ]
+    }
+  );
+};
+l.propTypes = {
+  id: r.string,
+  className: r.string,
+  style: r.objectOf(r.string),
+  color: r.string,
+  description: r.string,
+  name: r.string.isRequired,
+  maxLength: r.number,
+  shouldShowCharacterCount: r.bool
+};
+l.defaultProps = {
+  color: "metadata"
+};
+export {
+  l as default
+};

package/dist/ui/f/common/Hint/index.js

@@ -0,0 +1,4 @@
+import { default as e } from "./Hint.js";
+export {
+  e as Hint
+};

package/dist/ui/f/common/index.js

@@ -1,14 +1,16 @@
 import { default as e } from "./Label/Label.js";
 import { default as a } from "./Description/Description.js";
-import { default as p } from "./CharacterCount/CharacterCount.js";
-import { D as n } from "../../../FormBuilder-BgjYyPAc.js";
-import { lookUpInputValueFromOptions as l } from "./utils/lookUpInputValueFromOptions.js";
-import { integerAndGreaterThanZero as x } from "./utils/validators.js";
+import { default as f } from "./Hint/Hint.js";
+import { default as n } from "./CharacterCount/CharacterCount.js";
+import { D as l } from "../../../FormBuilder-U45jur81.js";
+import { lookUpInputValueFromOptions as x } from "./utils/lookUpInputValueFromOptions.js";
+import { integerAndGreaterThanZero as i } from "./utils/validators.js";
 export {
-  p as CharacterCount,
-  n as FormDebugger,
+  n as CharacterCount,
+  l as FormDebugger,
   a as FormDescription,
+  f as FormHint,
   e as FormLabel,
-  x as integerAndGreaterThanZero,
-  l as lookUpInputValueFromOptions
+  i as integerAndGreaterThanZero,
+  x as lookUpInputValueFromOptions
 };

package/dist/ui/f/fields/Checkbox/Checkbox.js

@@ -5,8 +5,9 @@ import "../../../../exports.module-DmUnHWIJ.js";
 import "formik";
 import "../../common/Label/Label.js";
 import "../../common/Description/Description.js";
-import "../../common/CharacterCount/CharacterCount.js";
-import { i as l } from "../../../../FormBuilder-BgjYyPAc.js";
+import "../../common/Hint/Hint.js";
+import '../../../../assets/styles.css';/* empty css                          */
+import { i as s } from "../../../../FormBuilder-U45jur81.js";
 export {
-  l as default
+  s as default
 };

package/dist/ui/f/fields/Checkbox/index.js

@@ -1,4 +1,4 @@
-import { i as r } from "../../../../FormBuilder-BgjYyPAc.js";
+import { i as r } from "../../../../FormBuilder-U45jur81.js";
 export {
   r as Checkbox
 };

package/dist/ui/f/fields/ChoicesInput/ChoicesInput.js

@@ -5,9 +5,10 @@ import "../../../../exports.module-DmUnHWIJ.js";
 import "./common/Choice/Choice.js";
 import "../../common/Label/Label.js";
 import "../../common/Description/Description.js";
+import "../../common/Hint/Hint.js";
 import "formik";
-import "../../common/CharacterCount/CharacterCount.js";
-import { g as l } from "../../../../FormBuilder-BgjYyPAc.js";
+import '../../../../assets/styles.css';/* empty css                          */
+import { g as s } from "../../../../FormBuilder-U45jur81.js";
 export {
-  l as default
+  s as default
 };

package/dist/ui/f/fields/ChoicesInput/common/Choice/Choice.js

@@ -1,117 +1,11 @@
-import { jsxs as N, jsx as a } from "react/jsx-runtime";
+import { jsx as i, Fragment as f } from "react/jsx-runtime";
 import "react";
-import { P as e } from "../../../../../../index-CxkFVI6N.js";
-import { useField as y } from "formik";
-import { s as h } from "../../../../../../exports.module-DmUnHWIJ.js";
-const j = h.base, q = "choice", x = ({
-  id: i,
-  className: n,
-  style: c,
-  name: r,
-  label: m,
-  labelClassName: d,
-  labelStyle: p,
-  value: t,
-  multiple: b,
-  validate: f,
-  disabled: l,
-  required: C,
-  ...u
-}) => {
-  const o = b ? "checkbox" : "radio", [g] = y({
-    name: r,
-    validate: f,
-    type: o,
-    value: t
-  });
-  return /* @__PURE__ */ N(
-    "div",
-    {
-      className: [
-        j,
-        q,
-        n
-      ].filter((s) => s).join(" "),
-      style: c,
-      children: [
-        /* @__PURE__ */ a(
-          "input",
-          {
-            type: o,
-            id: i,
-            name: r,
-            ...g,
-            ...u,
-            value: t,
-            disabled: l
-          }
-        ),
-        /* @__PURE__ */ a(
-          "label",
-          {
-            htmlFor: i,
-            className: [
-              d,
-              l && "disabled"
-            ].filter((s) => s).join(" "),
-            style: p,
-            children: m
-          }
-        )
-      ]
-    }
-  );
-};
-x.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: e.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: e.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: e.objectOf(e.string),
-  /**
-   * The input name.
-   */
-  name: e.string.isRequired,
-  /**
-   * The input label.
-   */
-  label: e.string.isRequired,
-  /**
-   * The input label class name.
-   */
-  labelClassName: e.string,
-  /**
-   * The input label styles.
-   */
-  labelStyle: e.objectOf(e.string),
-  /**
-   * The input value.
-   */
-  value: e.string.isRequired,
-  /**
-   * If the input should be multiple - checkbox
-   */
-  multiple: e.bool,
-  /**
-   * The input field validator function
-   */
-  validate: e.func,
-  /**
-   * Whether the radio or checkbox choice should be disabled
-   */
-  disabled: e.bool,
-  /**
-   * Whether the field is required
-   */
-  required: e.bool
-};
+import m from "./common/TextChoice/TextChoice.js";
+import p from "./common/ImageChoice/ImageChoice.js";
+const d = ({
+  attachmentUrls: o,
+  ...e
+}) => /* @__PURE__ */ i(f, { children: o != null && o.length ? /* @__PURE__ */ i(p, { attachmentUrls: o, ...e }) : /* @__PURE__ */ i(m, { ...e }) });
 export {
-  x as default
+  d as default
 };

package/dist/ui/f/fields/ChoicesInput/common/Choice/common/ImageChoice/ImageChoice.js

@@ -0,0 +1,88 @@
+import { jsxs as d, jsx as o, Fragment as y } from "react/jsx-runtime";
+import { memo as F } from "react";
+import { useField as I } from "formik";
+import { s as $ } from "../../../../../../../../exports.module-DmUnHWIJ.js";
+const k = $.base, q = "choice", f = (e) => e.replace(/[,;!.?]+$/, ""), v = (e, i) => {
+  if (!(i != null && i.length)) return !1;
+  const n = f(e);
+  return i.some((s) => {
+    const r = s == null ? void 0 : s.split("?")[0];
+    return n.includes(r) || (r == null ? void 0 : r.includes(n.split("?")[0]));
+  });
+}, w = (e, i = []) => {
+  if (!e) return { text: e, imageUrl: null };
+  const n = /https?:\/\/[^\s]+/gi, s = e.match(n);
+  if (!s)
+    return { text: e, imageUrl: null };
+  const t = s.map((c) => ({ raw: c, clean: f(c) })).find(({ clean: c }) => v(c, i));
+  return t ? {
+    text: e.replace(t.raw, "").replace(/\s+/g, " ").trim() || null,
+    imageUrl: t.clean
+  } : { text: e, imageUrl: null };
+}, L = ({
+  id: e,
+  className: i,
+  style: n,
+  name: s,
+  label: r,
+  labelClassName: t,
+  labelStyle: u,
+  value: c,
+  multiple: x,
+  validate: h,
+  disabled: p,
+  required: M,
+  attachmentUrls: N,
+  ...j
+}) => {
+  const g = x ? "checkbox" : "radio", [C] = I({
+    name: s,
+    validate: h,
+    type: g,
+    value: c
+  }), { text: l, imageUrl: a } = w(r, N);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: [
+        k,
+        q,
+        i
+      ].filter((m) => m).join(" "),
+      style: n,
+      children: [
+        /* @__PURE__ */ o(
+          "input",
+          {
+            type: g,
+            id: e,
+            ...C,
+            ...j,
+            name: s,
+            value: c,
+            disabled: p
+          }
+        ),
+        /* @__PURE__ */ o(
+          "label",
+          {
+            htmlFor: e,
+            className: [
+              t,
+              p && "disabled",
+              a && "has-image"
+            ].filter((m) => m).join(" "),
+            style: u,
+            children: a ? /* @__PURE__ */ d(y, { children: [
+              l && /* @__PURE__ */ o("span", { className: "choice-text", children: l }),
+              /* @__PURE__ */ o("div", { className: "choice-image-container", children: /* @__PURE__ */ o("img", { src: a, alt: "option", className: "choice-image" }) })
+            ] }) : l
+          }
+        )
+      ]
+    }
+  );
+}, B = F(L);
+export {
+  B as default
+};

package/dist/ui/f/fields/ChoicesInput/common/Choice/common/ImageChoice/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./ImageChoice.js";
+export {
+  o as ImageChoice
+};

package/dist/ui/f/fields/ChoicesInput/common/Choice/common/TextChoice/TextChoice.js

@@ -0,0 +1,66 @@
+import { jsxs as N, jsx as i } from "react/jsx-runtime";
+import { memo as b } from "react";
+import { useField as j } from "formik";
+import { s as u } from "../../../../../../../../exports.module-DmUnHWIJ.js";
+const C = u.base, y = "choice", F = ({
+  id: s,
+  className: m,
+  style: a,
+  name: o,
+  label: l,
+  labelClassName: n,
+  labelStyle: f,
+  value: t,
+  multiple: p,
+  validate: d,
+  disabled: r,
+  required: T,
+  ...h
+}) => {
+  const c = p ? "checkbox" : "radio", [x] = j({
+    name: o,
+    validate: d,
+    type: c,
+    value: t
+  });
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: [
+        C,
+        y,
+        m
+      ].filter((e) => e).join(" "),
+      style: a,
+      children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            type: c,
+            id: s,
+            ...x,
+            ...h,
+            name: o,
+            value: t,
+            disabled: r
+          }
+        ),
+        /* @__PURE__ */ i(
+          "label",
+          {
+            htmlFor: s,
+            className: [
+              n,
+              r && "disabled"
+            ].filter((e) => e).join(" "),
+            style: f,
+            children: l
+          }
+        )
+      ]
+    }
+  );
+}, v = b(F);
+export {
+  v as default
+};

package/dist/ui/f/fields/ChoicesInput/common/Choice/common/TextChoice/index.js

@@ -0,0 +1,4 @@
+import { default as t } from "./TextChoice.js";
+export {
+  t as TextChoice
+};

package/dist/ui/f/fields/ChoicesInput/common/Choice/common/index.js

@@ -0,0 +1,6 @@
+import { default as a } from "./TextChoice/TextChoice.js";
+import { default as f } from "./ImageChoice/ImageChoice.js";
+export {
+  f as ImageChoice,
+  a as TextChoice
+};

package/dist/ui/f/fields/ChoicesInput/index.js

@@ -1,4 +1,4 @@
-import { g as p } from "../../../../FormBuilder-BgjYyPAc.js";
+import { g as p } from "../../../../FormBuilder-U45jur81.js";
 export {
   p as ChoicesInput
 };

package/dist/ui/f/fields/DragAndDropFileUpload/DragAndDropFileUpload.js

@@ -2,10 +2,11 @@ import "react/jsx-runtime";
 import "react";
 import "formik";
 import "../../../../exports.module-DmUnHWIJ.js";
-import { o as d } from "../../../../FormBuilder-BgjYyPAc.js";
+import { o as l } from "../../../../FormBuilder-U45jur81.js";
 import "../../common/Label/Label.js";
 import "../../common/Description/Description.js";
-import "../../common/CharacterCount/CharacterCount.js";
+import "../../common/Hint/Hint.js";
+import '../../../../assets/styles.css';/* empty css                          */
 export {
-  d as default
+  l as default
 };

package/dist/ui/f/fields/DragAndDropFileUpload/index.js

@@ -1,4 +1,4 @@
-import { o as a } from "../../../../FormBuilder-BgjYyPAc.js";
+import { o as a } from "../../../../FormBuilder-U45jur81.js";
 export {
   a as DragAndDropFileUpload
 };