@hortiview/shared-components 0.0.11528 → 0.0.11587

package/dist/components/FormComponents/FormText/FormText.d.ts

@@ -1,4 +1,4 @@
-import { TextfieldProps } from '@element-public/react-components';
+import { TextfieldProps } from '@element-public/react-textfield';
 import { ReactNode } from 'react';
 import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
 

package/dist/components/FormComponents/FormText/FormText.js

@@ -1,10 +1,11 @@
 import { jsx as t, Fragment as F, jsxs as D } from "react/jsx-runtime";
-import { Textfield as G, TypoCaption as I } from "@element-public/react-components";
-import { g as J } from "../../../get-BiqanC9_.js";
+import { T as G } from "../../../index.es-25EARqhH.js";
+import { a as I } from "../../../index.es-CF_xy2ns.js";
+import { g as J } from "../../../get-DFv1gXfq.js";
 import { useState as q, useCallback as K, useMemo as T, useEffect as O } from "react";
 import { useFormContext as Q, Controller as H } from "react-hook-form";
 import { useHelperText as U } from "../../../hooks/useHelperText.js";
-import '../../../assets/FormText.css';const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_required_168p8_11", N = "_formTextArea_168p8_1", y = "_characterCount_168p8_25", p = "_withoutCharacterCount_168p8_31", r = {
+import '../../../assets/FormText.css';const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_required_168p8_11", N = "_formTextArea_168p8_1", y = "_characterCount_168p8_25", p = "_withoutCharacterCount_168p8_31", n = {
   formTextAreaHelperText: X,
   invalid: Y,
   required: Z,
@@ -13,28 +14,28 @@ import '../../../assets/FormText.css';const X = "_formTextAreaHelperText_168p8_1
   withoutCharacterCount: p
 }, ee = ({
   count: e,
-  maxCount: u,
-  invalid: s = !1,
-  hasRequiredText: n = !1
+  maxCount: s,
+  invalid: u = !1,
+  hasRequiredText: r = !1
 }) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": "character-counter-container",
-    className: `${r.formTextAreaHelperText} ${s ? r.invalid : ""} ${n ? r.required : ""}`,
-    children: /* @__PURE__ */ t(I, { children: `${e}/${u}` })
+    className: `${n.formTextAreaHelperText} ${u ? n.invalid : ""} ${r ? n.required : ""}`,
+    children: /* @__PURE__ */ t(I, { children: `${e}/${s}` })
   }
-), ue = (e) => e.textarea ? /* @__PURE__ */ t(te, { ...e }) : /* @__PURE__ */ t(ne, { ...e }), te = (e) => /* @__PURE__ */ t("div", { "data-testid": "form-text-area", className: r.formTextArea, children: /* @__PURE__ */ t(L, { ...e }) }), ne = (e) => /* @__PURE__ */ t(
+), ue = (e) => e.textarea ? /* @__PURE__ */ t(te, { ...e }) : /* @__PURE__ */ t(re, { ...e }), te = (e) => /* @__PURE__ */ t("div", { "data-testid": "form-text-area", className: n.formTextArea, children: /* @__PURE__ */ t(L, { ...e }) }), re = (e) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": "form-text-field",
-    className: `${e.hasCharacterCount ? r.characterCount : r.withoutCharacterCount}`,
+    className: `${e.hasCharacterCount ? n.characterCount : n.withoutCharacterCount}`,
     children: /* @__PURE__ */ t(L, { ...e })
   }
 ), L = ({
   propertyName: e,
-  label: u,
-  disabled: s = !1,
-  textarea: n = !1,
+  label: s,
+  disabled: u = !1,
+  textarea: r = !1,
   hasCharacterCount: c = !1,
   hidden: w = !1,
   placeholder: B,
@@ -46,17 +47,17 @@ import '../../../assets/FormText.css';const X = "_formTextAreaHelperText_168p8_1
   rules: a,
   ...i
 }) => {
-  const { control: g, getFieldState: d, trigger: v } = Q(), [b, h] = q(0), [o, z] = q(), m = K(
-    (x) => {
+  const { control: g, getFieldState: d, trigger: v } = Q(), [b, m] = q(0), [o, z] = q(), f = K(
+    (h) => {
       if (o != null) {
-        h(o.length);
+        m(o.length);
         return;
       }
-      if (x) {
-        h(x.length);
+      if (h) {
+        m(h.length);
         return;
       }
-      h(0);
+      m(0);
     },
     [o]
   ), l = T(
@@ -73,54 +74,54 @@ import '../../../assets/FormText.css';const X = "_formTextAreaHelperText_168p8_1
     helperText: i.helperText,
     requiredText: _,
     maxLength: l,
-    hasCharacterCount: n || c
+    hasCharacterCount: r || c
   });
   return O(() => {
-    (n || c) && l !== void 0 && o != null && m();
-  }, [o, n, c, l, m]), w ? /* @__PURE__ */ t(H, { name: e, control: g, render: () => /* @__PURE__ */ t(F, {}) }) : /* @__PURE__ */ t(
+    (r || c) && l !== void 0 && o != null && f();
+  }, [o, r, c, l, f]), w ? /* @__PURE__ */ t(H, { name: e, control: g, render: () => /* @__PURE__ */ t(F, {}) }) : /* @__PURE__ */ t(
     H,
     {
       name: e,
       rules: a,
       control: g,
-      render: ({ field: { ref: x, ...f }, formState: { defaultValues: V } }) => {
+      render: ({ field: { ref: h, ...x }, formState: { defaultValues: V } }) => {
         const A = J(V, e);
-        return !o && A && (c || n) && m(A), /* @__PURE__ */ D(F, { children: [
+        return !o && A && (c || r) && f(A), /* @__PURE__ */ D(F, { children: [
           /* @__PURE__ */ t(
             G,
             {
               ...i,
-              ...f,
-              value: f.value ?? "",
+              ...x,
+              value: x.value ?? "",
               type: S,
               fullWidth: !0,
               "data-testid": `textfield-${e}`,
               inputMode: k,
               placeholder: B,
               prefixText: j,
-              disabled: s,
+              disabled: u,
               helperText: M,
               helperTextPersistent: P,
-              label: u,
+              label: s,
               variant: "outlined",
               maxlength: l,
               minLength: E,
-              textarea: n,
+              textarea: r,
               noResize: !1,
               onBlur: () => {
                 C === "onBlur" && v(e), i.onBlur?.();
               },
               onChange: ($) => {
-                f.onChange($);
+                x.onChange($);
                 const W = $?.target?.value;
                 z(W), C === "onChange" && v(e);
               },
               valid: !d(e).invalid,
-              className: `${r.formText} ${d(e).invalid ? r.invalid : ""}`,
+              className: `${n.formText} ${d(e).invalid ? n.invalid : ""}`,
               trailingIcon: R
             }
           ),
-          l !== void 0 && (c || n) && /* @__PURE__ */ t(
+          l !== void 0 && (c || r) && /* @__PURE__ */ t(
             ee,
             {
               count: b,

package/dist/components/FormComponents/FormToggle/FormToggle.d.ts

@@ -1,4 +1,4 @@
-import { SwitchProps } from '@element-public/react-components';
+import { SwitchProps } from '@element-public/react-switch';
 import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
 
 type FormToggleProps<T extends FieldValues> = {

package/dist/components/FormComponents/FormToggle/FormToggle.js

@@ -1,13 +1,15 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { Group as l, Switch as p, TypoCaption as d } from "@element-public/react-components";
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { G as h } from "../../../index.es-DntoATwO.js";
+import { S as l } from "../../../index.es-8GOVkuo-.js";
+import { a as d } from "../../../index.es-CF_xy2ns.js";
 import { useFormContext as u, Controller as C } from "react-hook-form";
-const v = ({
+const F = ({
   propertyName: t,
   label: n,
-  validate: s,
-  required: c,
-  onChange: m,
-  disabled: a
+  validate: m,
+  required: s,
+  onChange: a,
+  disabled: c
 }) => {
   const { control: i } = u();
   return /* @__PURE__ */ o(
@@ -16,21 +18,21 @@ const v = ({
       name: t,
       control: i,
       rules: {
-        required: c,
-        validate: s
+        required: s,
+        validate: m
       },
-      render: ({ field: r, fieldState: e }) => /* @__PURE__ */ h(l, { direction: "vertical", children: [
+      render: ({ field: r, fieldState: e }) => /* @__PURE__ */ g(h, { direction: "vertical", children: [
         /* @__PURE__ */ o(
-          p,
+          l,
           {
             "data-testid": "checkbox",
             ...r,
             label: n,
-            onChange: (...g) => {
-              r.onChange(...g), m?.();
+            onChange: (...p) => {
+              r.onChange(...p), a?.();
             },
             checked: r.value,
-            disabled: a
+            disabled: c
           }
         ),
         e.error && /* @__PURE__ */ o(d, { "data-testid": "toggle-error-message", themeColor: "error", children: e.error.message })
@@ -39,5 +41,5 @@ const v = ({
   );
 };
 export {
-  v as FormToggle
+  F as FormToggle
 };