@fluidattacks/design 9.3.2 → 9.3.3

package/README.md

@@ -6,7 +6,7 @@
 
 <h1 align="center">Fluid Attacks Design Components Library</h1>
 
-Fluid Attacks Design is an open-source React component library that implements
+Fluid Attacks Design is a React component library that implements
 the components used to develop Fluid Attacks' digital interfaces. It's comprehensive and can be used in production out of the box.
 
 ## Installation
@@ -28,8 +28,3 @@ All the components can be seen in the [Design Library](https://design.fluidattac
 ## Contributing
 
 Read the [contributing guide](https://docs.fluidattacks.com/internal/engineering/contributing) to learn about our development process, and how to propose bug fixes and improvements.
-
-## License
-
-This project is licensed under the terms of the
-[MPL 2.0](https://www.mozilla.org/en-US/MPL/2.0/).

package/dist/components/inputs/fields/text-input/index.d.ts

@@ -1,3 +1,3 @@
 import { IInputProps } from '../../types';
-declare const TextInput: ({ disabled, hasIcon, helpLink, helpLinkText, helpText, error, id, indexArray, isValid, isTouched, label, name, maskValue, onPaste, placeholder, removeItemArray, register, suggestions, tooltip, type, weight, ...rest }: Readonly<IInputProps>) => JSX.Element;
+declare const TextInput: ({ disabled, hasIcon, helpLink, helpLinkText, helpText, error, id, indexArray, isValid, isTouched, label, name, maskValue, maxLength, onPaste, placeholder, removeItemArray, register, suggestions, tooltip, type, weight, ...rest }: Readonly<IInputProps>) => JSX.Element;
 export { TextInput };

package/dist/components/inputs/fields/text-input/index.js

@@ -1,11 +1,11 @@
 import { jsxs as C, jsx as e } from "react/jsx-runtime";
 import { useState as g, useCallback as y } from "react";
-import { useTheme as H } from "styled-components";
-import { OutlineContainer as J } from "../../outline-container/index.js";
-import { StyledTextInputContainer as L } from "../../styles.js";
+import { useTheme as J } from "styled-components";
+import { OutlineContainer as L } from "../../outline-container/index.js";
+import { StyledTextInputContainer as P } from "../../styles.js";
 import { Icon as s } from "../../../icon/index.js";
 import { IconButton as x } from "../../../icon-button/index.js";
-const A = ({
+const oo = ({
   disabled: t = !1,
   hasIcon: T = !1,
   helpLink: S,
@@ -19,28 +19,29 @@ const A = ({
   label: j,
   name: i,
   maskValue: d = !1,
-  onPaste: q,
-  placeholder: B,
+  maxLength: q,
+  onPaste: B,
+  placeholder: D,
   removeItemArray: u,
   register: h,
   suggestions: n,
-  tooltip: D,
-  type: N = "text",
-  weight: _,
+  tooltip: N,
+  type: _ = "text",
+  weight: b,
   ...f
 }) => {
-  const { required: l, onBlur: b, onChange: E } = f, r = H(), a = t ? void 0 : z, [F, K] = g(""), [c, M] = g(!1), O = d ? c ? "text" : "password" : N, V = y(() => {
-    M((o) => !o);
+  const { required: l, onBlur: E, onChange: F } = f, r = J(), a = t ? void 0 : z, [K, M] = g(""), [c, O] = g(!1), V = d ? c ? "text" : "password" : _, G = y(() => {
+    O((o) => !o);
   }, []), v = (o) => {
-    K(o.target.value), E?.(o);
-  }, m = k && R && !t && F.trim() !== "", G = y(
+    M(o.target.value), F?.(o);
+  }, m = k && R && !t && K.trim() !== "", H = y(
     (o) => {
       o.key === "Enter" && o.preventDefault();
     },
     []
   );
   return /* @__PURE__ */ C(
-    J,
+    L,
     {
       error: a,
       helpLink: S,
@@ -49,11 +50,11 @@ const A = ({
       htmlFor: i,
       label: j,
       required: l,
-      tooltip: D,
-      weight: _,
+      tooltip: N,
+      weight: b,
       children: [
         /* @__PURE__ */ C(
-          L,
+          P,
           {
             className: `
           ${t ? "disabled" : ""} ${a ? "error" : ""} ${m ? "success" : ""}
@@ -72,11 +73,12 @@ const A = ({
                   disabled: t,
                   id: i,
                   list: n ? `list_${i}` : void 0,
-                  onKeyDown: G,
-                  onPaste: q,
-                  placeholder: B,
-                  type: O,
-                  ...h ? h(i, { required: l, onBlur: b, onChange: v }) : { ...f, onChange: v }
+                  maxLength: q,
+                  onKeyDown: H,
+                  onPaste: B,
+                  placeholder: D,
+                  type: V,
+                  ...h ? h(i, { required: l, onBlur: E, onChange: v }) : { ...f, onChange: v }
                 }
               ),
               a ? /* @__PURE__ */ e(
@@ -117,7 +119,7 @@ const A = ({
                   iconColor: r.palette.gray[800],
                   iconSize: "lg",
                   iconType: "fa-light",
-                  onClick: V,
+                  onClick: G,
                   py: 0,
                   variant: "ghost"
                 }
@@ -131,5 +133,5 @@ const A = ({
   );
 };
 export {
-  A as TextInput
+  oo as TextInput
 };

package/package.json

@@ -135,5 +135,5 @@
     "./dist/index.js"
   ],
   "typings": "./dist/index.d.ts",
-  "version": "9.3.2"
+  "version": "9.3.3"
 }