@fluidattacks/design 3.1.11 → 3.1.13

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

@@ -1,7 +1,68 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),a=require("../../outline-container/index.js"),i=require("../../../../styles-Bl-CstrT.js"),n=require("../../../tag/index.js"),l=t.styled.input`
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as h, useMemo as x } from "react";
+import { styled as T } from "styled-components";
+import { OutlineContainer as y } from "../../outline-container/index.js";
+import { S as I } from "../../../../styles-BXFVwnWT.mjs";
+import { Tag as b } from "../../../tag/index.js";
+const C = T.input`
   border: none;
   background: transparent;
   min-width: 15rem;
   padding: 0;
   flex: 1;
-`,o=r.forwardRef((function({disabled:t=!1,error:o,label:d,name:s="input-tag",onChange:u,placeholder:p,required:c,tooltip:g,weight:b,value:h,...m},x){const f=r.useMemo((()=>h&&"string"==typeof h?h.split(",").filter(Boolean):[]),[h]);return e.jsx(a.OutlineContainer,{error:o,htmlFor:s,label:d,required:c,tooltip:g,weight:b,children:e.jsxs(i.StyledTextInputContainer,{className:`${t?"disabled":""} ${o?"error":""}`,children:[f.map((r=>e.jsx(n.Tag,{disabled:t,tagLabel:r},r))),e.jsx(l,{"aria-hidden":!1,"aria-invalid":o?"true":"false","aria-label":s,"aria-required":c,autoComplete:"off",disabled:t,name:s,onChange:u,placeholder:0===f.length?p:void 0,ref:x,type:"text",value:h,...m})]})})}));exports.InputTags=o;
+`, L = h(function({
+  disabled: r = !1,
+  error: n,
+  label: s,
+  name: e = "input-tag",
+  onChange: f,
+  placeholder: l,
+  required: a,
+  tooltip: m,
+  weight: d,
+  value: t,
+  ...u
+}, g) {
+  const i = x(() => t && typeof t == "string" ? t.split(",").filter(Boolean) : [], [t]);
+  return /* @__PURE__ */ o(
+    y,
+    {
+      error: n,
+      htmlFor: e,
+      label: s,
+      required: a,
+      tooltip: m,
+      weight: d,
+      children: /* @__PURE__ */ c(
+        I,
+        {
+          className: `${r ? "disabled" : ""} ${n ? "error" : ""}`,
+          children: [
+            i.map((p) => /* @__PURE__ */ o(b, { disabled: r, tagLabel: p }, p)),
+            /* @__PURE__ */ o(
+              C,
+              {
+                "aria-hidden": !1,
+                "aria-invalid": n ? "true" : "false",
+                "aria-label": e,
+                "aria-required": a,
+                autoComplete: "off",
+                disabled: r,
+                name: e,
+                onChange: f,
+                placeholder: i.length === 0 ? l : void 0,
+                ref: g,
+                type: "text",
+                value: t,
+                ...u
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  L as InputTags
+};

package/dist/components/inputs/fields/number/index.js

@@ -1 +1,57 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("../../outline-container/index.js"),t=require("../../utils/number-field/index.js"),l=r.forwardRef((function({decimalPlaces:r,disabled:l=!1,error:n,helpLink:a,helpText:o,id:d,label:u,maxLength:m,max:s,min:c,name:h,onChange:x,placeholder:p,required:b,tooltip:g,weight:f,...j},q){return e.jsx(i.OutlineContainer,{error:n,helpLink:a,helpText:o,htmlFor:h,label:u,maxLength:m,required:b,tooltip:g,weight:f,children:e.jsx(t.NumberField,{decimalPlaces:r,disabled:l,error:n,id:d,max:s,min:c,name:h,onChange:x,placeholder:p,ref:q,...j})})}));exports.InputNumber=l;
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as F } from "react";
+import { OutlineContainer as I } from "../../outline-container/index.js";
+import { NumberField as j } from "../../utils/number-field/index.js";
+const k = F(function({
+  decimalPlaces: m,
+  disabled: e = !1,
+  error: r,
+  helpLink: i,
+  helpText: n,
+  id: f,
+  label: u,
+  maxLength: p,
+  max: l,
+  min: b,
+  name: o,
+  onChange: c,
+  placeholder: d,
+  required: s,
+  tooltip: N,
+  weight: a,
+  ...h
+}, x) {
+  return /* @__PURE__ */ t(
+    I,
+    {
+      error: r,
+      helpLink: i,
+      helpText: n,
+      htmlFor: o,
+      label: u,
+      maxLength: p,
+      required: s,
+      tooltip: N,
+      weight: a,
+      children: /* @__PURE__ */ t(
+        j,
+        {
+          decimalPlaces: m,
+          disabled: e,
+          error: r,
+          id: f,
+          max: l,
+          min: b,
+          name: o,
+          onChange: c,
+          placeholder: d,
+          ref: x,
+          ...h
+        }
+      )
+    }
+  );
+});
+export {
+  k as InputNumber
+};

package/dist/components/inputs/fields/number-range/index.js

@@ -1 +1,49 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("../../outline-container/index.js"),t=require("../../utils/number-field/index.js"),n=require("../../../container/index.js"),o=r.forwardRef((function({disabled:r=!1,error:o,name:l,label:d,propsMax:s,propsMin:u,required:a,tooltip:p},x){return e.jsx(i.OutlineContainer,{error:o,htmlFor:l,label:d,required:a,tooltip:p,children:e.jsxs(n.Container,{display:"flex",gap:.25,width:"100%",children:[e.jsx(t.NumberField,{...u,disabled:r,error:o,ref:x}),e.jsx(t.NumberField,{...s,disabled:r,error:o,ref:x})]})})}));exports.InputNumberRange=o;
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { OutlineContainer as c } from "../../outline-container/index.js";
+import { NumberField as m } from "../../utils/number-field/index.js";
+import { Container as d } from "../../../container/index.js";
+const j = s(function({
+  disabled: n = !1,
+  error: r,
+  name: i,
+  label: e,
+  propsMax: p,
+  propsMin: f,
+  required: u,
+  tooltip: a
+}, o) {
+  return /* @__PURE__ */ t(
+    c,
+    {
+      error: r,
+      htmlFor: i,
+      label: e,
+      required: u,
+      tooltip: a,
+      children: /* @__PURE__ */ l(d, { display: "flex", gap: 0.25, width: "100%", children: [
+        /* @__PURE__ */ t(
+          m,
+          {
+            ...f,
+            disabled: n,
+            error: r,
+            ref: o
+          }
+        ),
+        /* @__PURE__ */ t(
+          m,
+          {
+            ...p,
+            disabled: n,
+            error: r,
+            ref: o
+          }
+        )
+      ] })
+    }
+  );
+});
+export {
+  j as InputNumberRange
+};