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

package/dist/esm/components/dropdown/ChipInput.js

@@ -1,38 +1,38 @@
-import { jsxDEV as e, Fragment as y } from "react/jsx-dev-runtime";
-import { useState as p, useEffect as I } from "react";
+import { jsxDEV as e, Fragment as x } from "react/jsx-dev-runtime";
+import { useState as l, useEffect as I } from "react";
 import w from "../../utils/StringUtils.js";
-import { COLORS as s } from "../../constants/Theme.js";
-import j from "../../assets/icons/chevronDown.svg.js";
-import P from "../../assets/icons/cross.svg.js";
+import { COLORS as a } from "../../constants/Theme.js";
+import D from "../../assets/icons/chevronDown.svg.js";
+import W from "../../assets/icons/cross.svg.js";
 import U from "../../assets/icons/errorInfo.svg.js";
 import { InputFooter as O } from "../input/Input.styled.js";
-import { BodyCaption as u } from "../TypographyStyle.js";
+import { BodyCaption as d } from "../TypographyStyle.js";
 import { ChipInputWrapper as S } from "./Common.styled.js";
 import { Tag as L } from "../tag/Tag.js";
 import { Tooltip as E } from "../tooltips/Tooltip.js";
-const R = (n) => n.length === 1 ? 100 : n.length === 2 ? 40 : 34, J = ({
+const R = (n) => n.length === 1 ? 100 : n.length === 2 ? 40 : 34, K = ({
   chips: n,
-  onDeleteChip: d,
-  containerStyle: h = {},
-  sizeToUse: l = "default",
-  isDropdownOpened: b,
+  onDeleteChip: c,
+  containerStyle: b = {},
+  sizeToUse: s = "default",
+  isDropdownOpened: h,
   placeholder: f = "Select..",
   errorMessage: m = "",
-  showLabelsOnMoreHover: N = !1
+  showLabelsOnMoreHover: k = !1
 }) => {
-  const [C, k] = p(), [c, v] = p(0), [a, g] = p([]);
+  const [v, N] = l(), [p, y] = l(0), [u, C] = l([]);
   return I(() => {
     if (!n) return;
     let o = 0;
     const r = R(n);
-    let t = n.filter((i) => (o += i.label.length, o <= r));
-    t.length === 0 && n.length > 0 && (t = [n[0]]), k(t);
-    const x = n.filter((i) => !t.includes(i)).map((i) => i.label);
-    g(x), v(n.length - t.length);
-  }, [n]), /* @__PURE__ */ e(y, { children: [
-    /* @__PURE__ */ e(S, { style: { ...h }, error: !!m, children: [
+    let i = n.filter((t) => (o += t.label.length, o <= r));
+    i.length === 0 && n.length > 0 && (i = [n[0]]), N(i);
+    const g = n.filter((t) => !i.includes(t)).map((t) => t.label);
+    C(g), y(n.length - i.length);
+  }, [n]), /* @__PURE__ */ e(x, { children: [
+    /* @__PURE__ */ e(S, { style: { ...b }, error: !!m, children: [
       /* @__PURE__ */ e("div", { className: "chips-container", children: [
-        C?.map((o, r) => /* @__PURE__ */ e("div", { style: { zIndex: 2 }, children: /* @__PURE__ */ e(
+        v?.map((o, r) => /* @__PURE__ */ e("div", { style: { zIndex: 2 }, children: /* @__PURE__ */ e(
           L,
           {
             tagText: w.truncateText(
@@ -40,19 +40,19 @@ const R = (n) => n.length === 1 ? 100 : n.length === 2 ? 40 : 34, J = ({
               40
             ),
             TrailingIcon: () => /* @__PURE__ */ e(
-              P,
+              W,
               {
                 width: 12,
                 height: 12,
                 style: { cursor: "pointer" },
                 onClick: () => {
-                  d(o);
+                  c(o);
                 }
               },
               void 0,
               !1,
               {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
                 lineNumber: 77,
                 columnNumber: 10
               },
@@ -63,17 +63,17 @@ const R = (n) => n.length === 1 ? 100 : n.length === 2 ? 40 : 34, J = ({
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
             lineNumber: 71,
             columnNumber: 8
           },
           void 0
         ) }, r, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
           lineNumber: 70,
           columnNumber: 7
         }, void 0)),
-        !!c && /* @__PURE__ */ e(
+        !!p && /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -86,27 +86,27 @@ const R = (n) => n.length === 1 ? 100 : n.length === 2 ? 40 : 34, J = ({
               {
                 body: "",
                 placement: "bottom",
-                tooltipContent: N && a.length > 0 ? /* @__PURE__ */ e("div", { style: { padding: "4px" }, children: a.map((o, r) => /* @__PURE__ */ e(
-                  u,
+                tooltipContent: k && u.length > 0 ? /* @__PURE__ */ e("div", { style: { padding: "4px" }, children: u.map((o, r) => /* @__PURE__ */ e(
+                  d,
                   {
-                    style: { color: s.text.white },
+                    style: { color: a.text.white },
                     children: o
                   },
                   r,
                   !1,
                   {
-                    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
                     lineNumber: 106,
                     columnNumber: 13
                   },
                   void 0
                 )) }, void 0, !1, {
-                  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
                   lineNumber: 104,
                   columnNumber: 11
                 }, void 0) : void 0,
-                children: /* @__PURE__ */ e(u, { color: s.content.placeholder, children: `+${c} more` }, void 0, !1, {
-                  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+                children: /* @__PURE__ */ e(d, { color: a.content.placeholder, children: `+${p} more` }, void 0, !1, {
+                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
                   lineNumber: 117,
                   columnNumber: 9
                 }, void 0)
@@ -114,7 +114,7 @@ const R = (n) => n.length === 1 ? 100 : n.length === 2 ? 40 : 34, J = ({
               void 0,
               !1,
               {
-                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
                 lineNumber: 99,
                 columnNumber: 8
               },
@@ -124,69 +124,69 @@ const R = (n) => n.length === 1 ? 100 : n.length === 2 ? 40 : 34, J = ({
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
             lineNumber: 92,
             columnNumber: 7
           },
           void 0
         ),
-        n.length === 0 && /* @__PURE__ */ e("div", { style: { color: s.content.placeholder }, children: f }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+        n.length === 0 && /* @__PURE__ */ e("div", { style: { color: a.content.placeholder }, children: f }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
           lineNumber: 125,
           columnNumber: 7
         }, void 0)
       ] }, void 0, !0, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
         lineNumber: 68,
         columnNumber: 5
       }, void 0),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        j,
+        D,
         {
           style: {
-            transform: b ? "rotate(180deg)" : "rotate(0deg)"
+            transform: h ? "rotate(180deg)" : "rotate(0deg)"
           },
-          width: l === "x-small" ? 16 : l === "small" ? 20 : 24,
-          height: l === "x-small" ? 16 : l === "small" ? 20 : 24,
-          color: s.content.primary
+          width: s === "x-small" ? 16 : s === "small" ? 20 : 24,
+          height: s === "x-small" ? 16 : s === "small" ? 20 : 24,
+          color: a.content.primary
         },
         void 0,
         !1,
         {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
           lineNumber: 132,
           columnNumber: 6
         },
         void 0
       ) }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
         lineNumber: 131,
         columnNumber: 5
       }, void 0)
     ] }, void 0, !0, {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
       lineNumber: 67,
       columnNumber: 4
     }, void 0),
     !!m && /* @__PURE__ */ e(O, { invalid: !0, children: [
       !!m && /* @__PURE__ */ e(U, { width: 16, height: 16 }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
         lineNumber: 148,
         columnNumber: 25
       }, void 0),
       m
     ] }, void 0, !0, {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
       lineNumber: 147,
       columnNumber: 5
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/ChipInput.tsx",
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/ChipInput.tsx",
     lineNumber: 66,
     columnNumber: 3
   }, void 0);
 };
 export {
-  J as default
+  K as default
 };
 //# sourceMappingURL=ChipInput.js.map

package/dist/esm/components/dropdown/Dropdown.js

@@ -1,134 +1,134 @@
-import { jsxDEV as t, Fragment as w } from "react/jsx-dev-runtime";
-import { useState as h, useRef as q, useEffect as k } from "react";
-import { COLORS as d } from "../../constants/Theme.js";
+import { jsxDEV as i, Fragment as N } from "react/jsx-dev-runtime";
+import { useState as p, useRef as q, useEffect as g } from "react";
+import { COLORS as m } from "../../constants/Theme.js";
 import B from "../../assets/icons/chevronDown.svg.js";
 import { InputStyleContext as G } from "../input/context/InputStyleProvider.js";
 import J from "./ChipInput.js";
 import { DropdownPopover as K } from "./DropdownPopover/index.js";
 import { getSelectedOptionsAsText as Q } from "./OpenedDropdown/utils/iterationOnOptions.js";
 import { Input as X } from "../input/Input.js";
-function y() {
+function w() {
 }
 const Y = ({
-  placeHolder: i,
-  size: I,
-  onSelect: S,
+  placeHolder: t,
+  size: W,
+  onSelect: D,
   defaultOptions: s,
-  disabled: p,
-  noErrorHint: j,
-  placeHolderHeight: b,
-  showPlaceholderWhenSelected: U = !1,
-  inputStyle: C = {},
-  inputType: x = "default",
-  onDeleteChip: E,
-  truncatedText: W,
-  showLeadingIconInPlaceholder: D = !1,
-  showTrailingIconPlaceholder: M = !1,
-  showLabelsOnMoreHover: O = !1,
-  value: c,
-  showSelected: m = !1,
+  disabled: b,
+  noErrorHint: I,
+  placeHolderHeight: h,
+  showPlaceholderWhenSelected: S = !1,
+  inputStyle: U = {},
+  inputType: v = "default",
+  onDeleteChip: C,
+  truncatedText: E,
+  showLeadingIconInPlaceholder: M = !1,
+  showTrailingIconPlaceholder: O = !1,
+  showLabelsOnMoreHover: T = !1,
+  value: a,
+  showSelected: c = !1,
   ...e
 }) => {
-  const [v, T] = h(!1), [V, N] = h(!1), n = I ?? "default", A = q(), [r, l] = h(
+  const [k, V] = p(!1), [A, x] = p(!1), n = W ?? "default", R = q(), [r, l] = p(
     s ?? []
   );
-  function R(o) {
-    Array.isArray(o) ? l([...o]) : l([o]), S?.(o);
+  function z(o) {
+    Array.isArray(o) ? l([...o]) : l([o]), D?.(o);
   }
-  k(() => {
+  g(() => {
     const o = [];
-    e?.options?.forEach((a) => {
-      a.options ? a.options.forEach((f) => {
+    e?.options?.forEach((d) => {
+      d.options ? d.options.forEach((f) => {
         f.selected && o.push({
           ...f,
           label: f.label
         });
-      }) : a.selected && o.push(a);
+      }) : d.selected && o.push(d);
     }), l([...o]);
-  }, [e.options]), k(() => {
+  }, [e.options]), g(() => {
     s && l([...s]);
   }, [s]);
-  const z = Q(r), F = U ? i : z ?? i ?? "Select an option", u = e.buttonWidth, g = u ?? e.width ?? "100%", L = e.dropdownWidth ?? g;
-  return /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(
+  const F = Q(r), L = S ? t : F ?? t ?? "Select an option", u = e.buttonWidth, y = u ?? e.width ?? "100%", j = e.dropdownWidth ?? y;
+  return /* @__PURE__ */ i(N, { children: /* @__PURE__ */ i(
     G.Provider,
     {
       value: {
         InputWrapper: {
-          height: b || (n === "x-small" ? 24 : n === "small" ? 32 : 48),
-          width: g,
+          height: h || (n === "x-small" ? 24 : n === "small" ? 32 : 48),
+          width: y,
           ...u ? { maxWidth: u } : {},
           zIndex: 1,
           cursor: "pointer",
           padding: n === "x-small" ? "4px 8px" : "6px 8px",
-          backgroundColor: m && c !== void 0 ? d.background.positive.light : V ? "#E0E0E0" : "#ffffff",
+          backgroundColor: c && a !== void 0 ? m.background.positive.light : A ? "#E0E0E0" : "#ffffff",
           transition: "background-color 0.3s ease",
-          ...C
+          ...U
         },
         input: {
           minHeight: "100%",
           maxWidth: "100%",
-          color: m && c !== void 0 ? d.content.positive : "inherit"
+          color: c && a !== void 0 ? m.content.positive : "inherit"
         }
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ i(
         "div",
         {
-          onMouseEnter: () => N(!0),
-          onMouseLeave: () => N(!1),
+          onMouseEnter: () => x(!0),
+          onMouseLeave: () => x(!1),
           style: e.width ? { width: e.width } : void 0,
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ i(
             K,
             {
               "data-test": e["data-test"],
-              ref: A,
-              onSelect: R,
-              disabled: p,
-              onDropdownVisbilityChange: (o) => T(o),
+              ref: R,
+              onSelect: z,
+              disabled: b,
+              onDropdownVisbilityChange: (o) => V(o),
               ...e,
-              width: L,
+              width: j,
               children: [
-                x == "default" && /* @__PURE__ */ t(
+                v == "default" && /* @__PURE__ */ i(
                   X,
                   {
                     version: e.version,
-                    noErrorHint: j,
-                    state: p ? "disabled" : "none",
-                    value: c === void 0 ? F : c,
+                    noErrorHint: I,
+                    state: b ? "disabled" : "none",
+                    value: a === void 0 ? L : a,
                     errorMessage: e.error,
                     variant: n,
-                    placeholder: i ?? "Select an option",
-                    onChangeText: y,
-                    leftIcon: D && r[0]?.leadingIcon ? {
-                      icon: () => /* @__PURE__ */ t(w, { children: r[0]?.leadingIcon }, void 0, !1, {
-                        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",
+                    placeholder: t ?? "Select an option",
+                    onChangeText: w,
+                    leftIcon: M && r[0]?.leadingIcon ? {
+                      icon: () => /* @__PURE__ */ i(N, { children: r[0]?.leadingIcon }, void 0, !1, {
+                        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",
                         lineNumber: 191,
                         columnNumber: 25
                       }, void 0)
                     } : void 0,
                     rightIcon: {
-                      icon: () => /* @__PURE__ */ t(
+                      icon: () => /* @__PURE__ */ i(
                         "div",
                         {
                           style: {
                             display: "flex"
                           },
                           children: [
-                            M && r[0]?.trailingIcon,
-                            /* @__PURE__ */ t(
+                            O && r[0]?.trailingIcon,
+                            /* @__PURE__ */ i(
                               B,
                               {
                                 style: {
-                                  transform: v ? "rotate(180deg)" : "rotate(0deg)"
+                                  transform: k ? "rotate(180deg)" : "rotate(0deg)"
                                 },
-                                onClick: y,
+                                onClick: w,
                                 width: n === "x-small" ? 16 : n === "small" ? 20 : 24,
                                 height: n === "x-small" ? 16 : n === "small" ? 20 : 24,
-                                color: m ? d.content.positive : d.content.primary
+                                color: c ? m.content.positive : m.content.primary
                               },
                               void 0,
                               !1,
                               {
-                                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",
+                                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",
                                 lineNumber: 204,
                                 columnNumber: 12
                               },
@@ -139,45 +139,45 @@ const Y = ({
                         void 0,
                         !0,
                         {
-                          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",
+                          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",
                           lineNumber: 197,
                           columnNumber: 11
                         },
                         void 0
                       )
                     },
-                    truncateText: W ?? !0
+                    truncateText: E ?? !0
                   },
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",
+                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",
                     lineNumber: 179,
                     columnNumber: 8
                   },
                   void 0
                 ),
-                x == "chip" && /* @__PURE__ */ t(
+                v == "chip" && /* @__PURE__ */ i(
                   J,
                   {
-                    placeholder: i ?? "Select options",
+                    placeholder: t ?? "Select options",
                     chips: r,
                     onDeleteChip: (o) => {
-                      E?.(o);
+                      C?.(o);
                     },
                     errorMessage: e.error,
-                    isDropdownOpened: v,
+                    isDropdownOpened: k,
                     sizeToUse: n,
                     containerStyle: {
                       width: e.width ?? "100%",
                       cursor: "pointer"
                     },
-                    showLabelsOnMoreHover: O
+                    showLabelsOnMoreHover: T
                   },
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",
+                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",
                     lineNumber: 238,
                     columnNumber: 8
                   },
@@ -188,7 +188,7 @@ const Y = ({
             void 0,
             !0,
             {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",
               lineNumber: 165,
               columnNumber: 6
             },
@@ -198,7 +198,7 @@ const Y = ({
         void 0,
         !1,
         {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",
           lineNumber: 156,
           columnNumber: 5
         },
@@ -208,13 +208,13 @@ const Y = ({
     void 0,
     !1,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",
       lineNumber: 122,
       columnNumber: 4
     },
     void 0
   ) }, void 0, !1, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/dropdown/Dropdown.tsx",
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/Dropdown.tsx",
     lineNumber: 121,
     columnNumber: 3
   }, void 0);