@bikdotai/bik-component-library 0.0.817-beta.7 → 0.0.817-beta.8

package/dist/esm/components/input-with-vars/InputWithVariables.js

@@ -1,108 +1,108 @@
-import { jsxDEV as i, Fragment as w } from "react/jsx-dev-runtime";
+import { jsxDEV as n, Fragment as W } from "react/jsx-dev-runtime";
 import Q from "../../assets/icons/PlusIcon.js";
-import { useRef as v, useState as n, useEffect as U } from "react";
+import { useRef as v, useState as t, useEffect as U } from "react";
 import X from "styled-components";
 import { v4 as Y } from "uuid";
 import { COLORS as Z } from "../../constants/Theme.js";
 import { AddVariableStyled as ee } from "../add-variableV2/AddVariableBox.styled.js";
-import { BodyCaption as ie } from "../TypographyStyle.js";
-import { PickerType as b } from "../variable-picker-v3/model.js";
-import { CustomPortal as re } from "./customPortal.js";
-import { Input as ae } from "../input/Input.js";
+import { BodyCaption as ne } from "../TypographyStyle.js";
+import { PickerType as p } from "../variable-picker-v3/model.js";
+import { CustomPortal as ie } from "./customPortal.js";
+import { Input as re } from "../input/Input.js";
 import { VariablePicker as C } from "../variable-picker-v3/VariablePicker.js";
-import { Floater as te } from "../floater/floater.js";
-const Ne = ({
-  type: d,
-  allowMix: h,
+import { Floater as ae } from "../floater/floater.js";
+const Ve = ({
+  type: b,
+  allowMix: y,
   onChange: T,
   prevVariable: S,
-  variablesList: k,
+  variablesList: h,
   onBlur: E,
   onlyVariables: R,
   placeHolder: g,
   showAddButton: A = !0,
   showHelp: F,
-  errorMessage: y,
+  errorMessage: N,
   maxCharLimit: B,
   noMaxCharCheck: O,
   labelText: $,
   labelElement: j,
   isRequired: z = !1,
-  hintText: N,
+  hintText: V,
   onEnterPress: L,
-  pickerType: M = b.FLOATER,
+  pickerType: M = p.FLOATER,
   portalElement: P,
   showVarHeader: H,
   varHeaderText: K,
   onPickerToggle: s
 }) => {
-  const V = v(), W = v(!0), r = v(null), [_, c] = n(!1), [q] = n(Y()), [a, x] = n(), [t, l] = n(S), [f, o] = n(!1), [G, D] = n(!1), [I, m] = n(0);
-  function J(e, p, u) {
-    return e.slice(0, u) + p + e.slice(u);
+  const w = v(), x = v(!0), i = v(null), [_, d] = t(!1), [q] = t(Y()), [r, D] = t(), [a, l] = t(S), [f, o] = t(!1), [G, k] = t(!1), [I, c] = t(0);
+  function J(e, m, u) {
+    return e.slice(0, u) + m + e.slice(u);
   }
   return U(() => {
-    if (!(!a || !a.actualValue))
-      if (h) {
+    if (!(!r || !r.actualValue))
+      if (y) {
         if (l((e) => ({
           actualValue: J(
             e.actualValue,
-            a.actualValue,
+            r.actualValue,
             I
           ),
           variableType: "string"
-        })), r.current) {
-          m(r.current.selectionStart);
-          const e = I + a.actualValue.length + 2;
-          r.current.setSelectionRange(e, e), m(e);
+        })), i.current) {
+          c(i.current.selectionStart);
+          const e = I + r.actualValue.length + 2;
+          i.current.setSelectionRange(e, e), c(e);
         }
       } else
         l((e) => ({
-          actualValue: a.actualValue,
-          variableType: a.variableType,
-          needsFetching: a.needsFetching
+          actualValue: r.actualValue,
+          variableType: r.variableType,
+          needsFetching: r.needsFetching
         }));
-  }, [a]), U(() => {
-    W.current ? W.current = !1 : T(t);
-  }, [t]), /* @__PURE__ */ i(w, { children: [
-    /* @__PURE__ */ i(
-      ne,
+  }, [r]), U(() => {
+    x.current ? x.current = !1 : T(a);
+  }, [a]), /* @__PURE__ */ n(W, { children: [
+    /* @__PURE__ */ n(
+      te,
       {
-        isVar: /^{{.*}}$/.test(t.actualValue),
+        isVar: /^{{.*}}$/.test(a.actualValue),
         onKeyDown: (e) => {
-          e.key === "Enter" && L?.(t.actualValue);
+          e.key === "Enter" && L?.(a.actualValue);
         },
         children: [
-          /* @__PURE__ */ i(
-            ae,
+          /* @__PURE__ */ n(
+            re,
             {
               isRequired: z,
-              hintText: N,
-              type: d ?? "text",
+              hintText: V,
+              type: b ?? "text",
               id: q,
-              ref: r,
+              ref: i,
               skipFocus: !0,
               isActive: _,
-              value: t.actualValue,
+              value: a.actualValue,
               validate: (e) => [!0, ""],
-              errorMessage: y,
+              errorMessage: N,
               noMaxCharCheck: O,
               maxCharLimit: B,
               labelText: $,
               labelElement: j,
               placeholder: g || "Add a value",
               onClick: (e) => {
-                r.current && m(r.current.selectionStart);
+                i.current && c(i.current.selectionStart);
               },
-              onChangeText: (e, p) => {
-                if (r.current && m(r.current.selectionStart), R) {
-                  const u = p?.keyCode || p?.charCode;
+              onChangeText: (e, m) => {
+                if (i.current && c(i.current.selectionStart), R) {
+                  const u = m?.keyCode || m?.charCode;
                   (u === 8 || u === 46) && l({
                     actualValue: "",
                     variableType: "string"
                   });
                   return;
                 }
-                l(h ? {
+                l(y ? {
                   actualValue: e,
                   variableType: "string"
                 } : {
@@ -113,22 +113,22 @@ const Ne = ({
               onReferenceInit: () => {
               },
               onFocus: (e) => {
-                c(!0), D(!0);
+                d(!0), k(!0);
               },
               onBlur: (e) => {
-                E?.(e, t), e.relatedTarget?.id === "addVar" || e.relatedTarget?.id === "variable-picker-v3" || e.relatedTarget?.className?.includes("accordion") || e.relatedTarget?.id === "back-btn-v3" ? (r.current && r.current.focus(), c(!0)) : e.relatedTarget?.id === "search-bar-v3-picker" ? c(!0) : (c(!1), o(!1), s?.(!1), D(!1));
+                E?.(e, a), e.relatedTarget?.id === "addVar" || e.relatedTarget?.id === "variable-picker-v3" || e.relatedTarget?.className?.includes("accordion") || e.relatedTarget?.id === "back-btn-v3" ? (i.current && i.current.focus(), d(!0)) : e.relatedTarget?.id === "search-bar-v3-picker" ? d(!0) : (d(!1), o(!1), s?.(!1), k(!1));
               }
             },
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
               lineNumber: 136,
               columnNumber: 5
             },
             void 0
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ n(
             "div",
             {
               style: {
@@ -137,14 +137,14 @@ const Ne = ({
                 justifyContent: "space-between"
               },
               children: [
-                t.actualValue && F && /* @__PURE__ */ i(
+                a.actualValue && F && /* @__PURE__ */ n(
                   "div",
                   {
                     style: {
                       marginTop: 4
                     },
-                    children: /* @__PURE__ */ i(ie, { children: `This value is of type ${t.variableType}` }, void 0, !1, {
-                      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+                    children: /* @__PURE__ */ n(ne, { children: `This value is of type ${a.variableType}` }, void 0, !1, {
+                      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
                       lineNumber: 229,
                       columnNumber: 8
                     }, void 0)
@@ -152,37 +152,37 @@ const Ne = ({
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
                     lineNumber: 224,
                     columnNumber: 7
                   },
                   void 0
                 ),
-                A && G && /* @__PURE__ */ i(
+                A && G && /* @__PURE__ */ n(
                   "div",
                   {
-                    style: { marginTop: y || N ? "-24px" : "0px" },
-                    children: /* @__PURE__ */ i(
+                    style: { marginTop: N || V ? "-24px" : "0px" },
+                    children: /* @__PURE__ */ n(
                       ee,
                       {
-                        ref: V,
+                        ref: w,
                         id: "addVar",
                         onClick: () => {
                           o(!f), s?.(!f);
                         },
-                        children: /* @__PURE__ */ i("div", { className: "add", children: [
-                          /* @__PURE__ */ i(Q, { color: "white" }, void 0, !1, {
-                            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+                        children: /* @__PURE__ */ n("div", { className: "add", children: [
+                          /* @__PURE__ */ n(Q, { color: "white" }, void 0, !1, {
+                            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
                             lineNumber: 245,
                             columnNumber: 10
                           }, void 0),
-                          /* @__PURE__ */ i("div", { className: "variable", children: "Add variable" }, void 0, !1, {
-                            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+                          /* @__PURE__ */ n("div", { className: "variable", children: "Add variable" }, void 0, !1, {
+                            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
                             lineNumber: 246,
                             columnNumber: 10
                           }, void 0)
                         ] }, void 0, !0, {
-                          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+                          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
                           lineNumber: 244,
                           columnNumber: 9
                         }, void 0)
@@ -190,7 +190,7 @@ const Ne = ({
                       void 0,
                       !1,
                       {
-                        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+                        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
                         lineNumber: 236,
                         columnNumber: 8
                       },
@@ -200,7 +200,7 @@ const Ne = ({
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
                     lineNumber: 233,
                     columnNumber: 7
                   },
@@ -211,7 +211,7 @@ const Ne = ({
             void 0,
             !0,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
               lineNumber: 216,
               columnNumber: 5
             },
@@ -222,13 +222,13 @@ const Ne = ({
       void 0,
       !0,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
         lineNumber: 128,
         columnNumber: 4
       },
       void 0
     ),
-    f && /* @__PURE__ */ i(w, { children: M === b.EMBEDDED ? /* @__PURE__ */ i(re, { zIndex: 101, element: P ?? document.body, children: /* @__PURE__ */ i(
+    f && /* @__PURE__ */ n(W, { children: M === p.EMBEDDED ? /* @__PURE__ */ n(ie, { zIndex: 101, element: P ?? document.body, children: /* @__PURE__ */ n(
       C,
       {
         width: "344px",
@@ -237,74 +237,74 @@ const Ne = ({
         onClose: () => {
           o(!1), s?.(!1);
         },
-        type: b.EMBEDDED,
-        data: k,
+        type: p.EMBEDDED,
+        data: h,
         onSelect: (e) => {
-          x(e), o(!1), s?.(!1);
+          D(e), o(!1), s?.(!1);
         }
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
         lineNumber: 257,
         columnNumber: 8
       },
       void 0
     ) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
       lineNumber: 256,
       columnNumber: 7
-    }, void 0) : /* @__PURE__ */ i("div", { style: { zIndex: 101, position: "relative" }, children: /* @__PURE__ */ i(te, { refElement: V, children: /* @__PURE__ */ i("div", { style: { height: 500 }, children: /* @__PURE__ */ i(
+    }, void 0) : /* @__PURE__ */ n("div", { style: { zIndex: 101, position: "relative" }, children: /* @__PURE__ */ n(ae, { refElement: w, children: /* @__PURE__ */ n("div", { style: { height: 500 }, children: /* @__PURE__ */ n(
       C,
       {
         onClose: () => {
           o(!1), s?.(!1);
         },
-        type: b.FLOATER,
-        data: k,
+        type: p.FLOATER,
+        data: h,
         onSelect: (e) => {
-          x(e), o(!1), s?.(!1);
+          D(e), o(!1), s?.(!1);
         }
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
         lineNumber: 279,
         columnNumber: 10
       },
       void 0
     ) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
       lineNumber: 278,
       columnNumber: 9
     }, void 0) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
       lineNumber: 277,
       columnNumber: 8
     }, void 0) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
       lineNumber: 276,
       columnNumber: 7
     }, void 0) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
       lineNumber: 254,
       columnNumber: 5
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/InputWithVariables.tsx",
     lineNumber: 127,
     columnNumber: 3
   }, void 0);
-}, ne = X.div`
+}, te = X.div`
 	position: relative;
 	margin-bottom: 12px;
 	input {
-		color: ${(d) => d.isVar ? Z.stroke.brand : "black"};
+		color: ${(b) => b.isVar ? Z.stroke.brand : "black"};
 	}
 `;
 export {
-  Ne as InputWithVariables
+  Ve as InputWithVariables
 };
 //# sourceMappingURL=InputWithVariables.js.map

package/dist/esm/components/input-with-vars/customPortal.js

@@ -1,7 +1,7 @@
-import { jsxDEV as t } from "react/jsx-dev-runtime";
-import o from "react-dom";
-const n = (e) => o.createPortal(
-  /* @__PURE__ */ t(
+import { jsxDEV as o } from "react/jsx-dev-runtime";
+import n from "react-dom";
+const i = (e) => n.createPortal(
+  /* @__PURE__ */ o(
     "div",
     {
       style: {
@@ -18,7 +18,7 @@ const n = (e) => o.createPortal(
         borderRadius: 4,
         border: "1px solid #9E9E9E"
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ o(
         "div",
         {
           style: {
@@ -31,7 +31,7 @@ const n = (e) => o.createPortal(
         void 0,
         !1,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/customPortal.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/customPortal.tsx",
           lineNumber: 27,
           columnNumber: 4
         },
@@ -41,7 +41,7 @@ const n = (e) => o.createPortal(
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/input-with-vars/customPortal.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/input-with-vars/customPortal.tsx",
       lineNumber: 11,
       columnNumber: 3
     },
@@ -50,6 +50,6 @@ const n = (e) => o.createPortal(
   e.element
 );
 export {
-  n as CustomPortal
+  i as CustomPortal
 };
 //# sourceMappingURL=customPortal.js.map

package/dist/esm/components/keywords-input/KeywordsInput.js

@@ -1,48 +1,48 @@
-import { jsxDEV as o } from "react/jsx-dev-runtime";
+import { jsxDEV as r } from "react/jsx-dev-runtime";
 import c from "../../assets/icons/cross.svg.js";
 import { useState as y } from "react";
-import { Input as b } from "../input/Input.js";
-import { Tag as k } from "../tag/Tag.js";
-const v = (n) => {
-  const [l, i] = y(""), {
-    keywords: m,
-    onDeleteKeyword: d,
-    errorMessage: t,
-    onSelectKeyword: s,
-    error: p,
-    hint: u,
+import { Input as f } from "../input/Input.js";
+import { Tag as w } from "../tag/Tag.js";
+const h = (n) => {
+  const [d, i] = y(""), {
+    keywords: l,
+    onDeleteKeyword: m,
+    errorMessage: s,
+    onSelectKeyword: t,
+    error: u,
+    hint: p,
     width: a
   } = n;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     "div",
     {
       style: {
         marginTop: 12
       },
       children: [
-        /* @__PURE__ */ o(
-          b,
+        /* @__PURE__ */ r(
+          f,
           {
             "data-test": n["data-test"],
             width: a,
-            onChangeText: function(e, r) {
-              r && r?.type === "keydown" && (r.which === 13 || r.keyCode === 13) ? e.trim() && (i(""), s && s(e.trim())) : i(e);
+            onChangeText: function(e, o) {
+              o && o?.type === "keydown" && (o.which === 13 || o.keyCode === 13) ? e.trim() && (i(""), t && t(e.trim())) : i(e);
             },
-            value: l,
-            hintText: u,
+            value: d,
+            hintText: p,
             placeholder: n.placeHolder ?? "Ex. Hello",
-            errorMessage: p ? t || "Please ENTER to add keyword" : ""
+            errorMessage: u ? s || "Please ENTER to add keyword" : ""
           },
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",
             lineNumber: 34,
             columnNumber: 4
           },
           void 0
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           "div",
           {
             style: {
@@ -53,17 +53,17 @@ const v = (n) => {
               flexWrap: "wrap",
               width: a
             },
-            children: m.map((e, r) => /* @__PURE__ */ o(
-              k,
+            children: l.map((e, o) => /* @__PURE__ */ r(
+              w,
               {
                 tagText: e,
                 TrailingIcon: c,
-                onTrailingIconClicked: () => d(e)
+                onTrailingIconClicked: () => m(e)
               },
-              e + r,
+              e + o,
               !1,
               {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",
                 lineNumber: 74,
                 columnNumber: 7
               },
@@ -73,7 +73,7 @@ const v = (n) => {
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",
             lineNumber: 62,
             columnNumber: 4
           },
@@ -84,7 +84,7 @@ const v = (n) => {
     void 0,
     !0,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/keywords-input/KeywordsInput.tsx",
       lineNumber: 29,
       columnNumber: 3
     },
@@ -92,6 +92,6 @@ const v = (n) => {
   );
 };
 export {
-  v as KeywordsInput
+  h as KeywordsInput
 };
 //# sourceMappingURL=KeywordsInput.js.map