@adam-milo/ui 1.0.20 → 1.0.22

package/dist/index4.js

@@ -1,178 +1,22 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as x, useState as I, useId as N } from "react";
-import { cn as u } from "./index17.js";
-/* empty css        */
-const _ = x(
-  ({
-    showToggle: w = !0,
-    label: n,
-    error: e,
-    helperText: o,
-    fullWidth: l = !1,
-    className: h,
-    id: m,
-    "data-cy": f,
-    "data-testid": g,
-    ...k
-  }, y) => {
-    const [d, $] = I(!1), b = N(), a = m || b, p = `${a}-error`, c = `${a}-helper`, r = f || "password-input", s = g || "password-input", v = () => {
-      $((C) => !C);
-    };
-    return /* @__PURE__ */ i("div", { className: "password-input-wrapper", children: [
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: u("input-wrapper", l && "input-wrapper--full-width"),
-          "data-cy": `${r}-wrapper`,
-          "data-testid": `${s}-wrapper`,
-          children: [
-            n && /* @__PURE__ */ t(
-              "label",
-              {
-                htmlFor: a,
-                className: "input__label",
-                "data-cy": `${r}-label`,
-                "data-testid": `${s}-label`,
-                children: n
-              }
-            ),
-            /* @__PURE__ */ t(
-              "input",
-              {
-                ref: y,
-                id: a,
-                type: d ? "text" : "password",
-                className: u(
-                  "input",
-                  "password-input",
-                  e && "input--error",
-                  l && "input--full-width",
-                  h
-                ),
-                "aria-invalid": e ? "true" : "false",
-                "aria-describedby": e ? p : o ? c : void 0,
-                "data-cy": r,
-                "data-testid": s,
-                ...k
-              }
-            ),
-            e && /* @__PURE__ */ t(
-              "span",
-              {
-                id: p,
-                className: "input__error",
-                role: "alert",
-                "data-cy": `${r}-error`,
-                "data-testid": `${s}-error`,
-                children: e
-              }
-            ),
-            o && !e && /* @__PURE__ */ t(
-              "span",
-              {
-                id: c,
-                className: "input__helper",
-                "data-cy": `${r}-helper`,
-                "data-testid": `${s}-helper`,
-                children: o
-              }
-            )
-          ]
-        }
-      ),
-      w && /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          className: "password-input__toggle",
-          onClick: v,
-          "aria-label": d ? "Hide password" : "Show password",
-          "data-cy": `${r}-toggle`,
-          "data-testid": `${s}-toggle`,
-          children: d ? /* @__PURE__ */ i(
-            "svg",
-            {
-              width: "20",
-              height: "20",
-              viewBox: "0 0 20 20",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              "aria-hidden": "true",
-              children: [
-                /* @__PURE__ */ t(
-                  "path",
-                  {
-                    d: "M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    fill: "none"
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  "circle",
-                  {
-                    cx: "10",
-                    cy: "10",
-                    r: "2.5",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    fill: "none"
-                  }
-                )
-              ]
-            }
-          ) : /* @__PURE__ */ i(
-            "svg",
-            {
-              width: "20",
-              height: "20",
-              viewBox: "0 0 20 20",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              "aria-hidden": "true",
-              children: [
-                /* @__PURE__ */ t(
-                  "path",
-                  {
-                    d: "M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    fill: "none"
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  "circle",
-                  {
-                    cx: "10",
-                    cy: "10",
-                    r: "2.5",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    fill: "none"
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  "path",
-                  {
-                    d: "M3 3l14 14",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round"
-                  }
-                )
-              ]
-            }
-          )
-        }
-      )
-    ] });
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Input } from "./index20.js";
+const PasswordInput = forwardRef(
+  ({ showToggle = true, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        ref,
+        type: "password",
+        showPasswordToggle: showToggle,
+        "data-cy": dataCy || "password-input",
+        "data-testid": dataTestId || "password-input",
+        ...props
+      }
+    );
   }
 );
-_.displayName = "PasswordInput";
+PasswordInput.displayName = "PasswordInput";
 export {
-  _ as PasswordInput
+  PasswordInput
 };

package/dist/index5.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),p=require("react"),T=require("./index17.cjs");;/* empty css          */const h=p.forwardRef(({allowDecimal:b=!1,allowNegative:N=!1,min:n,max:m,decimalPlaces:q=2,invalidNumberMessage:B="Please enter a valid number",minValueMessage:R,maxValueMessage:A,onValidationChange:s,error:P,onChange:v,onKeyDown:t,label:I,helperText:$,fullWidth:j=!1,className:F,id:M,"data-cy":g,"data-testid":H,...d},L)=>{const[O,x]=p.useState(),[V,z]=p.useState(!1),G=p.useId(),f=M||G,E=`${f}-error`,S=`${f}-helper`,i=g||"numeric-input",l=H||"numeric-input",k=r=>{if(!r)return{isValid:!0};const a=N?"-?":"",e=b?`(\\.\\d{0,${q}})?`:"";if(!new RegExp(`^${a}\\d+${e}$`).test(r))return{isValid:!1,error:B};const _=parseFloat(r);return n!==void 0&&_<n?{isValid:!1,error:R||`Value must be at least ${n}`}:m!==void 0&&_>m?{isValid:!1,error:A||`Value must be at most ${m}`}:{isValid:!0}},J=r=>{const a=["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","Home","End"];if(r.ctrlKey||r.metaKey){t==null||t(r);return}if(a.includes(r.key)){t==null||t(r);return}if(b&&r.key==="."){if(r.currentTarget.value.includes(".")){r.preventDefault();return}t==null||t(r);return}if(N&&r.key==="-"){const e=r.currentTarget.value;if((r.currentTarget.selectionStart||0)!==0||e.includes("-")){r.preventDefault();return}t==null||t(r);return}if(r.key>="0"&&r.key<="9"){t==null||t(r);return}r.preventDefault()},Q=r=>{const a=r.target.value;if(V){const e=k(a);x(e.error),s==null||s(e.isValid)}v==null||v(r)},U=r=>{var e;z(!0);const a=k(r.target.value);x(a.error),s==null||s(a.isValid),(e=d.onBlur)==null||e.call(d,r)},u=P||O;return c.jsxs("div",{className:T.cn("input-wrapper",j&&"input-wrapper--full-width"),"data-cy":`${i}-wrapper`,"data-testid":`${l}-wrapper`,children:[I&&c.jsx("label",{htmlFor:f,className:"input__label","data-cy":`${i}-label`,"data-testid":`${l}-label`,children:I}),c.jsx("input",{ref:L,id:f,type:"text",inputMode:"numeric",className:T.cn("input",u&&"input--error",j&&"input--full-width",F),"aria-invalid":u?"true":"false","aria-describedby":u?E:$?S:void 0,"data-cy":i,"data-testid":l,onChange:Q,onBlur:U,onKeyDown:J,...d}),u&&c.jsx("span",{id:E,className:"input__error",role:"alert","data-cy":`${i}-error`,"data-testid":`${l}-error`,children:u}),$&&!u&&c.jsx("span",{id:S,className:"input__helper","data-cy":`${i}-helper`,"data-testid":`${l}-helper`,children:$})]})});h.displayName="NumericInput";exports.NumericInput=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index20.cjs"),r=t.forwardRef(({min:r,max:i,step:s=1,allowDecimals:u=!1,validate:n,"data-cy":l,"data-testid":c,...d},o)=>{const m=t.useCallback(e=>{if(!e)return;const t=parseFloat(e);return isNaN(t)?"Please enter a valid number":u||Number.isInteger(t)?void 0!==r&&t<r?`Must be at least ${r}`:void 0!==i&&t>i?`Must be at most ${i}`:void 0:"Decimals are not allowed"},[r,i,u]),p=t.useCallback(e=>n?m(e)||n(e):m(e),[m,n]);return e.jsx(a.Input,{ref:o,type:"number",min:r,max:i,validate:p,"data-cy":l||"numeric-input","data-testid":c||"numeric-input",...d,step:u?"any":s})});r.displayName="NumericInput",exports.NumericInput=r;

package/dist/index5.js

@@ -1,165 +1,61 @@
-import { jsxs as Y, jsx as f } from "react/jsx-runtime";
-import { forwardRef as Z, useState as S, useId as g } from "react";
-import { cn as T } from "./index17.js";
-/* empty css        */
-const W = Z(
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback } from "react";
+import { Input } from "./index20.js";
+const NumericInput = forwardRef(
   ({
-    allowDecimal: $ = !1,
-    allowNegative: b = !1,
-    min: p,
-    max: m,
-    decimalPlaces: x = 2,
-    invalidNumberMessage: A = "Please enter a valid number",
-    minValueMessage: R,
-    maxValueMessage: j,
-    onValidationChange: s,
-    error: F,
-    onChange: v,
-    onKeyDown: t,
-    label: N,
-    helperText: n,
-    fullWidth: I = !1,
-    className: P,
-    id: H,
-    "data-cy": L,
-    "data-testid": M,
-    ...c
-  }, V) => {
-    const [q, E] = S(), [z, G] = S(!1), J = g(), d = H || J, k = `${d}-error`, _ = `${d}-helper`, l = L || "numeric-input", u = M || "numeric-input", h = (r) => {
-      if (!r) return { isValid: !0 };
-      const a = b ? "-?" : "", e = $ ? `(\\.\\d{0,${x}})?` : "";
-      if (!new RegExp(`^${a}\\d+${e}$`).test(r))
-        return { isValid: !1, error: A };
-      const B = parseFloat(r);
-      return p !== void 0 && B < p ? {
-        isValid: !1,
-        error: R || `Value must be at least ${p}`
-      } : m !== void 0 && B > m ? {
-        isValid: !1,
-        error: j || `Value must be at most ${m}`
-      } : { isValid: !0 };
-    }, O = (r) => {
-      const a = [
-        "Backspace",
-        "Delete",
-        "Tab",
-        "Escape",
-        "Enter",
-        "ArrowLeft",
-        "ArrowRight",
-        "Home",
-        "End"
-      ];
-      if (r.ctrlKey || r.metaKey) {
-        t == null || t(r);
-        return;
-      }
-      if (a.includes(r.key)) {
-        t == null || t(r);
-        return;
-      }
-      if ($ && r.key === ".") {
-        if (r.currentTarget.value.includes(".")) {
-          r.preventDefault();
-          return;
+    min,
+    max,
+    step = 1,
+    allowDecimals = false,
+    validate,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const numericValidation = useCallback(
+      (value) => {
+        if (!value) return void 0;
+        const numValue = parseFloat(value);
+        if (isNaN(numValue)) {
+          return "Please enter a valid number";
         }
-        t == null || t(r);
-        return;
-      }
-      if (b && r.key === "-") {
-        const e = r.currentTarget.value;
-        if ((r.currentTarget.selectionStart || 0) !== 0 || e.includes("-")) {
-          r.preventDefault();
-          return;
+        if (!allowDecimals && !Number.isInteger(numValue)) {
+          return "Decimals are not allowed";
         }
-        t == null || t(r);
-        return;
-      }
-      if (r.key >= "0" && r.key <= "9") {
-        t == null || t(r);
-        return;
-      }
-      r.preventDefault();
-    }, Q = (r) => {
-      const a = r.target.value;
-      if (z) {
-        const e = h(a);
-        E(e.error), s == null || s(e.isValid);
-      }
-      v == null || v(r);
-    }, U = (r) => {
-      var e;
-      G(!0);
-      const a = h(r.target.value);
-      E(a.error), s == null || s(a.isValid), (e = c.onBlur) == null || e.call(c, r);
-    }, i = F || q;
-    return /* @__PURE__ */ Y(
-      "div",
+        if (min !== void 0 && numValue < min) {
+          return `Must be at least ${min}`;
+        }
+        if (max !== void 0 && numValue > max) {
+          return `Must be at most ${max}`;
+        }
+        return void 0;
+      },
+      [min, max, allowDecimals]
+    );
+    const combinedValidation = useCallback(
+      (value) => {
+        if (!validate) return numericValidation(value);
+        return numericValidation(value) || validate(value);
+      },
+      [numericValidation, validate]
+    );
+    return /* @__PURE__ */ jsx(
+      Input,
       {
-        className: T("input-wrapper", I && "input-wrapper--full-width"),
-        "data-cy": `${l}-wrapper`,
-        "data-testid": `${u}-wrapper`,
-        children: [
-          N && /* @__PURE__ */ f(
-            "label",
-            {
-              htmlFor: d,
-              className: "input__label",
-              "data-cy": `${l}-label`,
-              "data-testid": `${u}-label`,
-              children: N
-            }
-          ),
-          /* @__PURE__ */ f(
-            "input",
-            {
-              ref: V,
-              id: d,
-              type: "text",
-              inputMode: "numeric",
-              className: T(
-                "input",
-                i && "input--error",
-                I && "input--full-width",
-                P
-              ),
-              "aria-invalid": i ? "true" : "false",
-              "aria-describedby": i ? k : n ? _ : void 0,
-              "data-cy": l,
-              "data-testid": u,
-              onChange: Q,
-              onBlur: U,
-              onKeyDown: O,
-              ...c
-            }
-          ),
-          i && /* @__PURE__ */ f(
-            "span",
-            {
-              id: k,
-              className: "input__error",
-              role: "alert",
-              "data-cy": `${l}-error`,
-              "data-testid": `${u}-error`,
-              children: i
-            }
-          ),
-          n && !i && /* @__PURE__ */ f(
-            "span",
-            {
-              id: _,
-              className: "input__helper",
-              "data-cy": `${l}-helper`,
-              "data-testid": `${u}-helper`,
-              children: n
-            }
-          )
-        ]
+        ref,
+        type: "number",
+        min,
+        max,
+        validate: combinedValidation,
+        "data-cy": dataCy || "numeric-input",
+        "data-testid": dataTestId || "numeric-input",
+        ...props,
+        step: allowDecimals ? "any" : step
       }
     );
   }
 );
-W.displayName = "NumericInput";
+NumericInput.displayName = "NumericInput";
 export {
-  W as NumericInput
+  NumericInput
 };

package/dist/index6.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),h=require("react"),R=require("./index17.cjs");;/* empty css          */const M=h.forwardRef(({allowHyphen:c=!1,allowUnderscore:f=!1,allowSpace:p=!1,minLength:v,maxLength:m,invalidFormatMessage:O="Only letters and numbers are allowed",minLengthMessage:z,maxLengthMessage:F,onValidationChange:s,error:T,onChange:I,onKeyDown:t,label:_,helperText:j,fullWidth:A=!1,className:Z,id:P,"data-cy":S,"data-testid":G,...$},J)=>{const[Q,E]=h.useState(),[X,Y]=h.useState(!1),W=h.useId(),b=P||W,x=`${b}-error`,N=`${b}-helper`,u=S||"alphanumeric-input",d=G||"alphanumeric-input",q=r=>{if(!r)return{isValid:!0};let e="^[a-zA-Z0-9";if(c&&(e+="\\-"),f&&(e+="_"),p&&(e+=" "),e+="]+$",!new RegExp(e).test(r)){let B=O;if(c||f||p){const k=["letters","numbers"];c&&k.push("hyphens"),f&&k.push("underscores"),p&&k.push("spaces"),B=`Only ${k.join(", ")} are allowed`}return{isValid:!1,error:B}}return v!==void 0&&r.length<v?{isValid:!1,error:z||`Must be at least ${v} characters`}:m!==void 0&&r.length>m?{isValid:!1,error:F||`Must be at most ${m} characters`}:{isValid:!0}},H=r=>{const e=["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","Home","End"];if(r.ctrlKey||r.metaKey){t==null||t(r);return}if(e.includes(r.key)){t==null||t(r);return}if(p&&r.key===" "){t==null||t(r);return}if(c&&r.key==="-"){t==null||t(r);return}if(f&&r.key==="_"){t==null||t(r);return}if(r.key>="a"&&r.key<="z"||r.key>="A"&&r.key<="Z"){t==null||t(r);return}if(r.key>="0"&&r.key<="9"){t==null||t(r);return}r.preventDefault()},V=r=>{const e=r.target.value;if(X){const i=q(e);E(i.error),s==null||s(i.isValid)}I==null||I(r)},U=r=>{var i;Y(!0);const e=q(r.target.value);E(e.error),s==null||s(e.isValid),(i=$.onBlur)==null||i.call($,r)},a=T||Q;return l.jsxs("div",{className:R.cn("input-wrapper",A&&"input-wrapper--full-width"),"data-cy":`${u}-wrapper`,"data-testid":`${d}-wrapper`,children:[_&&l.jsx("label",{htmlFor:b,className:"input__label","data-cy":`${u}-label`,"data-testid":`${d}-label`,children:_}),l.jsx("input",{ref:J,id:b,type:"text",className:R.cn("input",a&&"input--error",A&&"input--full-width",Z),"aria-invalid":a?"true":"false","aria-describedby":a?x:j?N:void 0,"data-cy":u,"data-testid":d,onChange:V,onBlur:U,onKeyDown:H,maxLength:m,...$}),a&&l.jsx("span",{id:x,className:"input__error",role:"alert","data-cy":`${u}-error`,"data-testid":`${d}-error`,children:a}),j&&!a&&l.jsx("span",{id:N,className:"input__helper","data-cy":`${u}-helper`,"data-testid":`${d}-helper`,children:j})]})});M.displayName="AlphanumericInput";exports.AlphanumericInput=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index20.cjs"),n=require("./index21.cjs"),l=t.forwardRef(({allowHyphen:l=!1,allowUnderscore:r=!1,allowSpace:s=!1,minLength:u,maxLength:i,validate:c,onChange:o,"data-cy":p,"data-testid":d,...h},g)=>{const m=t.useRef(null),f=n.useMergedRef(g,m),v=t.useMemo(()=>{let e="^[a-zA-Z0-9";return l&&(e+="\\-"),r&&(e+="_"),s&&(e+=" "),e+="]*$",new RegExp(e)},[l,r,s]),x=t.useMemo(()=>{let e="[a-zA-Z0-9";return l&&(e+="\\-"),r&&(e+="_"),s&&(e+=" "),e+="]",new RegExp(e)},[l,r,s]),y=t.useCallback(e=>{if(e){if(!v.test(e)){let e="letters and numbers";const t=[];return l&&t.push("hyphens"),r&&t.push("underscores"),s&&t.push("spaces"),t.length>0&&(e+=`, ${t.join(", ")}`),`Only ${e} are allowed`}return void 0!==u&&e.length<u?`Must be at least ${u} characters`:void 0!==i&&e.length>i?`Must be at most ${i} characters`:void 0}},[v,u,i,l,r,s]),b=t.useCallback(e=>c?y(e)||c(e):y(e),[y,c]),[j,w]=t.useState(null);t.useEffect(()=>{null!==j&&m.current&&(m.current.setSelectionRange(j,j),w(null))},[h.value,j]);const R=t.useCallback(e=>{const t=e.target,a=t.value,n=t.selectionStart||0,l=a.split("").filter(e=>x.test(e)).join(""),r=n-a.slice(0,n).split("").filter(e=>!x.test(e)).length;t.value=l;void 0!==h.value?w(r):t.setSelectionRange(r,r),null==o||o(e)},[x,o,h.value]);return e.jsx(a.Input,{ref:f,type:"text",minLength:u,maxLength:i,validate:b,onChange:R,"data-cy":p||"alphanumeric-input","data-testid":d||"alphanumeric-input",...h})});l.displayName="AlphanumericInput",exports.AlphanumericInput=l;