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

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js

@@ -1,172 +1,172 @@
-import { jsxDEV as r, Fragment as B } from "react/jsx-dev-runtime";
-import { forwardRef as H, useRef as j, useState as R, useCallback as l, useEffect as J } from "react";
-import { MenuItem as T } from "./MenuItem.js";
-import { StyledGroupedLabel as K } from "./MenuList.styled.js";
-const Z = H(
+import { jsxDEV as o, Fragment as H } from "react/jsx-dev-runtime";
+import { forwardRef as J, useRef as R, useState as T, useCallback as i, useEffect as K } from "react";
+import { MenuItem as $ } from "./MenuItem.js";
+import { StyledGroupedLabel as P } from "./MenuList.styled.js";
+const Z = J(
   ({
     options: a,
-    isMultiSelect: D,
-    showDescription: y,
-    onSelect: g,
+    isMultiSelect: g,
+    showDescription: v,
+    onSelect: x,
     version: m,
-    onInfiniteScroll: w,
-    onDropdownItemClick: x,
-    useDefaultCursor: O,
-    focusedIndex: I = -1,
-    isDraggable: s = !1,
-    onOptionsReorder: L,
-    showCheckboxForCustomElement: M = !1
-  }, o) => {
-    const c = j(null), p = j(null), [f, k] = R(null), [$, h] = R(
+    onInfiniteScroll: O,
+    onDropdownItemClick: h,
+    useDefaultCursor: I,
+    focusedIndex: L = -1,
+    isDraggable: t = !1,
+    onOptionsReorder: M,
+    showCheckboxForCustomElement: U = !1
+  }, r) => {
+    const c = R(null), p = R(null), [f, N] = T(null), [A, D] = T(
       null
-    ), U = l(() => {
-      c.current && c.current.disconnect(), c.current = new IntersectionObserver((n) => {
-        n[0].isIntersecting && w?.();
+    ), k = i(() => {
+      c.current && c.current.disconnect(), c.current = new IntersectionObserver((e) => {
+        e[0].isIntersecting && O?.();
       }), p.current && c.current.observe(p.current);
-    }, [w]);
-    J(() => (U(), () => {
+    }, [O]);
+    K(() => (k(), () => {
       c.current && c.current.disconnect();
-    }), [U, a]);
-    const A = l(
-      (n) => (e) => {
-        s && (k(n), e.dataTransfer.effectAllowed = "move");
+    }), [k, a]);
+    const G = i(
+      (e) => (n) => {
+        t && (N(e), n.dataTransfer.effectAllowed = "move");
       },
-      [s]
-    ), G = l(
-      (n) => (e) => {
-        s && (e.preventDefault(), e.dataTransfer.dropEffect = "move", h(n));
+      [t]
+    ), S = i(
+      (e) => (n) => {
+        t && (n.preventDefault(), n.dataTransfer.dropEffect = "move", D(e));
       },
-      [s]
-    ), S = l(
-      (n) => (e) => {
-        if (!(!s || f === null)) {
-          if (e.preventDefault(), f !== n) {
-            const i = [...a], [d] = i.splice(f, 1);
-            i.splice(n, 0, d), L?.(i);
+      [t]
+    ), V = i(
+      (e) => (n) => {
+        if (!(!t || f === null)) {
+          if (n.preventDefault(), f !== e) {
+            const d = [...a], [l] = d.splice(f, 1);
+            d.splice(e, 0, l), M?.(d);
           }
-          k(null), h(null);
+          N(null), D(null);
         }
       },
-      [s, f, a, L]
-    ), V = l(() => {
-      k(null), h(null);
+      [t, f, a, M]
+    ), q = i(() => {
+      N(null), D(null);
     }, []), b = /* @__PURE__ */ new Map();
-    let v = -1;
-    return a.forEach((n) => {
-      if (n.options)
-        n.options.forEach((e) => {
-          e.disabled || (v++, b.set(e, v));
+    let w = -1;
+    return a.forEach((e) => {
+      if (e.options)
+        e.options.forEach((n) => {
+          n.disabled || (w++, b.set(n, w));
         });
       else {
-        const e = n;
-        e.disabled || (v++, b.set(e, v));
+        const n = e;
+        n.disabled || (w++, b.set(n, w));
       }
-    }), /* @__PURE__ */ r(B, { children: a.map((n, e) => {
-      const i = e === a.length - 1;
-      if (n.options) {
-        const t = n;
-        return /* @__PURE__ */ r("div", { style: { marginTop: m === "2.0" ? 2 : 0 }, children: [
-          /* @__PURE__ */ r(K, { version: m, children: [
-            t.leadingIcon ? /* @__PURE__ */ r("span", { style: { marginRight: 8 }, children: t.leadingIcon }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
+    }), /* @__PURE__ */ o(H, { children: a.map((e, n) => {
+      const d = n === a.length - 1;
+      if (e.options) {
+        const s = e;
+        return /* @__PURE__ */ o("div", { style: { marginTop: m === "2.0" ? 2 : 0 }, children: [
+          /* @__PURE__ */ o(P, { version: m, children: [
+            s.leadingIcon ? /* @__PURE__ */ o("span", { style: { marginRight: 8 }, children: s.leadingIcon }, void 0, !1, {
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
               lineNumber: 141,
               columnNumber: 11
             }, void 0) : null,
-            t.label
+            s.label
           ] }, void 0, !0, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
             lineNumber: 139,
             columnNumber: 9
           }, void 0),
-          t.options.map((N, E) => {
-            const F = b.get(N), z = F === I && !N.disabled;
-            return /* @__PURE__ */ r(
-              T,
+          s.options.map((y, F) => {
+            const j = b.get(y), B = j === L && !y.disabled;
+            return /* @__PURE__ */ o(
+              $,
               {
                 version: m,
-                last: E === t.options.length - 1,
-                onSelect: g,
-                showDescription: y,
-                onDropdownItemClick: x,
-                isMultiSelect: D,
-                option: N,
-                useDefaultCursor: O,
-                isFocused: z,
-                dataIndex: F,
+                last: F === s.options.length - 1,
+                onSelect: x,
+                showDescription: v,
+                onDropdownItemClick: h,
+                isMultiSelect: g,
+                option: y,
+                useDefaultCursor: I,
+                isFocused: B,
+                dataIndex: j,
                 isDraggable: !1,
-                showCheckboxForCustomElement: M,
+                showCheckboxForCustomElement: U,
                 ref: (u) => {
-                  o && typeof o == "object" && o.current && u && u && u && u && (o.current[e] = u);
+                  r && typeof r == "object" && r.current && u && u && u && u && (r.current[n] = u);
                 }
               },
-              `${e}-${E}`,
+              `${n}-${F}`,
               !1,
               {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
                 lineNumber: 152,
                 columnNumber: 11
               },
               void 0
             );
           }),
-          i ? /* @__PURE__ */ r("span", { ref: p }, void 0, !1, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
+          d ? /* @__PURE__ */ o("span", { ref: p }, void 0, !1, {
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
             lineNumber: 182,
             columnNumber: 17
           }, void 0) : null
-        ] }, e, !0, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
+        ] }, n, !0, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
           lineNumber: 138,
           columnNumber: 8
         }, void 0);
       }
-      const d = n, W = b.get(d), q = W === I && !d.disabled;
-      return /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ r(
-          T,
+      const l = e, E = b.get(l), z = E === L && !l.disabled;
+      return /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ o(
+          $,
           {
             version: m,
-            last: i,
-            onSelect: g,
-            showDescription: y,
-            onDropdownItemClick: x,
-            isMultiSelect: D,
-            option: d,
-            useDefaultCursor: O,
-            isFocused: q,
-            dataIndex: W,
-            isDraggable: s,
-            onDragStart: A(e),
-            onDragOver: G(e),
-            onDrop: S(e),
-            onDragEnd: V,
-            isDraggedOver: $ === e,
-            showCheckboxForCustomElement: M,
-            ref: (t) => {
-              o && typeof o == "object" && o.current && t && (o.current[e] = t);
+            last: d,
+            onSelect: x,
+            showDescription: v,
+            onDropdownItemClick: h,
+            isMultiSelect: g,
+            option: l,
+            useDefaultCursor: I,
+            isFocused: z,
+            dataIndex: E,
+            isDraggable: t,
+            onDragStart: G(n),
+            onDragOver: S(n),
+            onDrop: V(n),
+            onDragEnd: q,
+            isDraggedOver: A === n,
+            showCheckboxForCustomElement: U,
+            ref: (s) => {
+              r && typeof r == "object" && r.current && s && (r.current[n] = s);
             }
           },
-          d.value,
+          l.value,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
             lineNumber: 193,
             columnNumber: 8
           },
           void 0
         ),
-        i ? /* @__PURE__ */ r("span", { ref: p }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
+        d ? /* @__PURE__ */ o("span", { ref: p }, void 0, !1, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
           lineNumber: 218,
           columnNumber: 16
         }, void 0) : null
-      ] }, e, !0, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
+      ] }, n, !0, {
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
         lineNumber: 192,
         columnNumber: 7
       }, void 0);
     }) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",
       lineNumber: 131,
       columnNumber: 4
     }, void 0);

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { DropdownOption, GroupedOption, SingleOption } from '../../../type';\nimport { MenuItem } from './MenuItem';\nimport { StyledGroupedLabel } from './MenuList.styled';\n\ninterface MenuListProps {\n\toptions: DropdownOption[];\n\tisMultiSelect?: boolean;\n\tshowDescription: (title?: string, description?: string) => void;\n\tonSelect: (optionSelect: SingleOption) => void;\n\tversion?: '1.0' | '2.0';\n\tonInfiniteScroll?: () => void;\n\tonDropdownItemClick?: (option: DropdownOption) => void;\n\tuseDefaultCursor?: boolean;\n\tfocusedIndex?: number;\n\tisDraggable?: boolean;\n\tonOptionsReorder?: (reorderedOptions: DropdownOption[]) => void;\n\tshowCheckboxForCustomElement?: boolean;\n}\n// eslint-disable-next-line react/display-name\nexport const MenuList = forwardRef<HTMLDivElement[], MenuListProps>(\n\t(\n\t\t{\n\t\t\toptions,\n\t\t\tisMultiSelect,\n\t\t\tshowDescription,\n\t\t\tonSelect,\n\t\t\tversion,\n\t\t\tonInfiniteScroll,\n\t\t\tonDropdownItemClick,\n\t\t\tuseDefaultCursor,\n\t\t\tfocusedIndex = -1,\n\t\t\tisDraggable = false,\n\t\t\tonOptionsReorder,\n\t\t\tshowCheckboxForCustomElement = false,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst observer = useRef<IntersectionObserver | null>(null);\n\t\tconst spanRef = useRef<HTMLSpanElement | null>(null);\n\t\tconst [draggedIndex, setDraggedIndex] = useState<number | null>(null);\n\t\tconst [draggedOverIndex, setDraggedOverIndex] = useState<number | null>(\n\t\t\tnull,\n\t\t);\n\n\t\tconst setupObserver = useCallback(() => {\n\t\t\tif (observer.current) {\n\t\t\t\tobserver.current.disconnect();\n\t\t\t}\n\t\t\tobserver.current = new IntersectionObserver((entries) => {\n\t\t\t\tif (entries[0].isIntersecting) {\n\t\t\t\t\tonInfiniteScroll?.();\n\t\t\t\t}\n\t\t\t});\n\t\t\tif (spanRef.current) {\n\t\t\t\tobserver.current.observe(spanRef.current);\n\t\t\t}\n\t\t}, [onInfiniteScroll]);\n\n\t\tuseEffect(() => {\n\t\t\tsetupObserver();\n\t\t\treturn () => {\n\t\t\t\tif (observer.current) {\n\t\t\t\t\tobserver.current.disconnect();\n\t\t\t\t}\n\t\t\t};\n\t\t}, [setupObserver, options]);\n\n\t\tconst handleDragStart = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\tsetDraggedIndex(index);\n\t\t\t\te.dataTransfer.effectAllowed = 'move';\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDragOver = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\te.preventDefault();\n\t\t\t\te.dataTransfer.dropEffect = 'move';\n\t\t\t\tsetDraggedOverIndex(index);\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDrop = useCallback(\n\t\t\t(dropIndex: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable || draggedIndex === null) return;\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (draggedIndex !== dropIndex) {\n\t\t\t\t\tconst newOptions = [...options];\n\t\t\t\t\tconst [item] = newOptions.splice(draggedIndex, 1);\n\t\t\t\t\tnewOptions.splice(dropIndex, 0, item);\n\t\t\t\t\tonOptionsReorder?.(newOptions);\n\t\t\t\t}\n\n\t\t\t\tsetDraggedIndex(null);\n\t\t\t\tsetDraggedOverIndex(null);\n\t\t\t},\n\t\t\t[isDraggable, draggedIndex, options, onOptionsReorder],\n\t\t);\n\n\t\tconst handleDragEnd = useCallback(() => {\n\t\t\tsetDraggedIndex(null);\n\t\t\tsetDraggedOverIndex(null);\n\t\t}, []);\n\n\t\t// Calculate flat indices for all options\n\t\tconst flatIndices = new Map<SingleOption, number>();\n\t\tlet currentIndex = -1;\n\t\toptions.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t(option as GroupedOption).options.forEach((menuOption) => {\n\t\t\t\t\tif (!menuOption.disabled) {\n\t\t\t\t\t\tcurrentIndex++;\n\t\t\t\t\t\tflatIndices.set(menuOption, currentIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\tif (!singleOption.disabled) {\n\t\t\t\t\tcurrentIndex++;\n\t\t\t\t\tflatIndices.set(singleOption, currentIndex);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{options.map((option, i) => {\n\t\t\t\t\tconst last = i === options.length - 1;\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={i} style={{ marginTop: version === '2.0' ? 2 : 0 }}>\n\t\t\t\t\t\t\t\t<StyledGroupedLabel version={version}>\n\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon ? (\n\t\t\t\t\t\t\t\t\t\t<span style={{ marginRight: 8 }}>\n\t\t\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{groupedOption.label}\n\t\t\t\t\t\t\t\t</StyledGroupedLabel>\n\t\t\t\t\t\t\t\t{groupedOption.options.map((menuOption, idx) => {\n\t\t\t\t\t\t\t\t\tconst currentFlatIndex = flatIndices.get(menuOption);\n\t\t\t\t\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !menuOption.disabled;\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\t\t\tlast={idx === groupedOption.options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\t\t\t\toption={menuOption}\n\t\t\t\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\t\t\t\tkey={`${i}-${idx}`}\n\t\t\t\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\t\t\t\tisDraggable={false}\n\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={\n\t\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) ref.current[i] = el;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tconst currentFlatIndex = flatIndices.get(singleOption);\n\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !singleOption.disabled;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={i}>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\tlast={last}\n\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\toption={singleOption}\n\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\tkey={singleOption.value}\n\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\tisDraggable={isDraggable}\n\t\t\t\t\t\t\t\tonDragStart={handleDragStart(i)}\n\t\t\t\t\t\t\t\tonDragOver={handleDragOver(i)}\n\t\t\t\t\t\t\t\tonDrop={handleDrop(i)}\n\t\t\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\t\t\tisDraggedOver={draggedOverIndex === i}\n\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={showCheckboxForCustomElement}\n\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current && el) {\n\t\t\t\t\t\t\t\t\t\tref.current[i] = el;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</>\n\t\t);\n\t},\n);\n"],"names":["MenuList","forwardRef","options","isMultiSelect","showDescription","onSelect","version","onInfiniteScroll","onDropdownItemClick","useDefaultCursor","focusedIndex","isDraggable","onOptionsReorder","showCheckboxForCustomElement","ref","observer","useRef","spanRef","draggedIndex","setDraggedIndex","useState","draggedOverIndex","setDraggedOverIndex","setupObserver","useCallback","entries","useEffect","handleDragStart","index","handleDragOver","handleDrop","dropIndex","newOptions","item","handleDragEnd","flatIndices","currentIndex","option","menuOption","singleOption","jsxDEV","Fragment","i","last","groupedOption","StyledGroupedLabel","this","idx","currentFlatIndex","isFocused","MenuItem","el"],"mappings":"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"}
+{"version":3,"file":"MenuList.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { DropdownOption, GroupedOption, SingleOption } from '../../../type';\nimport { MenuItem } from './MenuItem';\nimport { StyledGroupedLabel } from './MenuList.styled';\n\ninterface MenuListProps {\n\toptions: DropdownOption[];\n\tisMultiSelect?: boolean;\n\tshowDescription: (title?: string, description?: string) => void;\n\tonSelect: (optionSelect: SingleOption) => void;\n\tversion?: '1.0' | '2.0';\n\tonInfiniteScroll?: () => void;\n\tonDropdownItemClick?: (option: DropdownOption) => void;\n\tuseDefaultCursor?: boolean;\n\tfocusedIndex?: number;\n\tisDraggable?: boolean;\n\tonOptionsReorder?: (reorderedOptions: DropdownOption[]) => void;\n\tshowCheckboxForCustomElement?: boolean;\n}\n// eslint-disable-next-line react/display-name\nexport const MenuList = forwardRef<HTMLDivElement[], MenuListProps>(\n\t(\n\t\t{\n\t\t\toptions,\n\t\t\tisMultiSelect,\n\t\t\tshowDescription,\n\t\t\tonSelect,\n\t\t\tversion,\n\t\t\tonInfiniteScroll,\n\t\t\tonDropdownItemClick,\n\t\t\tuseDefaultCursor,\n\t\t\tfocusedIndex = -1,\n\t\t\tisDraggable = false,\n\t\t\tonOptionsReorder,\n\t\t\tshowCheckboxForCustomElement = false,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst observer = useRef<IntersectionObserver | null>(null);\n\t\tconst spanRef = useRef<HTMLSpanElement | null>(null);\n\t\tconst [draggedIndex, setDraggedIndex] = useState<number | null>(null);\n\t\tconst [draggedOverIndex, setDraggedOverIndex] = useState<number | null>(\n\t\t\tnull,\n\t\t);\n\n\t\tconst setupObserver = useCallback(() => {\n\t\t\tif (observer.current) {\n\t\t\t\tobserver.current.disconnect();\n\t\t\t}\n\t\t\tobserver.current = new IntersectionObserver((entries) => {\n\t\t\t\tif (entries[0].isIntersecting) {\n\t\t\t\t\tonInfiniteScroll?.();\n\t\t\t\t}\n\t\t\t});\n\t\t\tif (spanRef.current) {\n\t\t\t\tobserver.current.observe(spanRef.current);\n\t\t\t}\n\t\t}, [onInfiniteScroll]);\n\n\t\tuseEffect(() => {\n\t\t\tsetupObserver();\n\t\t\treturn () => {\n\t\t\t\tif (observer.current) {\n\t\t\t\t\tobserver.current.disconnect();\n\t\t\t\t}\n\t\t\t};\n\t\t}, [setupObserver, options]);\n\n\t\tconst handleDragStart = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\tsetDraggedIndex(index);\n\t\t\t\te.dataTransfer.effectAllowed = 'move';\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDragOver = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\te.preventDefault();\n\t\t\t\te.dataTransfer.dropEffect = 'move';\n\t\t\t\tsetDraggedOverIndex(index);\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDrop = useCallback(\n\t\t\t(dropIndex: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable || draggedIndex === null) return;\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (draggedIndex !== dropIndex) {\n\t\t\t\t\tconst newOptions = [...options];\n\t\t\t\t\tconst [item] = newOptions.splice(draggedIndex, 1);\n\t\t\t\t\tnewOptions.splice(dropIndex, 0, item);\n\t\t\t\t\tonOptionsReorder?.(newOptions);\n\t\t\t\t}\n\n\t\t\t\tsetDraggedIndex(null);\n\t\t\t\tsetDraggedOverIndex(null);\n\t\t\t},\n\t\t\t[isDraggable, draggedIndex, options, onOptionsReorder],\n\t\t);\n\n\t\tconst handleDragEnd = useCallback(() => {\n\t\t\tsetDraggedIndex(null);\n\t\t\tsetDraggedOverIndex(null);\n\t\t}, []);\n\n\t\t// Calculate flat indices for all options\n\t\tconst flatIndices = new Map<SingleOption, number>();\n\t\tlet currentIndex = -1;\n\t\toptions.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t(option as GroupedOption).options.forEach((menuOption) => {\n\t\t\t\t\tif (!menuOption.disabled) {\n\t\t\t\t\t\tcurrentIndex++;\n\t\t\t\t\t\tflatIndices.set(menuOption, currentIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\tif (!singleOption.disabled) {\n\t\t\t\t\tcurrentIndex++;\n\t\t\t\t\tflatIndices.set(singleOption, currentIndex);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{options.map((option, i) => {\n\t\t\t\t\tconst last = i === options.length - 1;\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={i} style={{ marginTop: version === '2.0' ? 2 : 0 }}>\n\t\t\t\t\t\t\t\t<StyledGroupedLabel version={version}>\n\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon ? (\n\t\t\t\t\t\t\t\t\t\t<span style={{ marginRight: 8 }}>\n\t\t\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{groupedOption.label}\n\t\t\t\t\t\t\t\t</StyledGroupedLabel>\n\t\t\t\t\t\t\t\t{groupedOption.options.map((menuOption, idx) => {\n\t\t\t\t\t\t\t\t\tconst currentFlatIndex = flatIndices.get(menuOption);\n\t\t\t\t\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !menuOption.disabled;\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\t\t\tlast={idx === groupedOption.options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\t\t\t\toption={menuOption}\n\t\t\t\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\t\t\t\tkey={`${i}-${idx}`}\n\t\t\t\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\t\t\t\tisDraggable={false}\n\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={\n\t\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) ref.current[i] = el;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tconst currentFlatIndex = flatIndices.get(singleOption);\n\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !singleOption.disabled;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={i}>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\tlast={last}\n\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\toption={singleOption}\n\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\tkey={singleOption.value}\n\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\tisDraggable={isDraggable}\n\t\t\t\t\t\t\t\tonDragStart={handleDragStart(i)}\n\t\t\t\t\t\t\t\tonDragOver={handleDragOver(i)}\n\t\t\t\t\t\t\t\tonDrop={handleDrop(i)}\n\t\t\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\t\t\tisDraggedOver={draggedOverIndex === i}\n\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={showCheckboxForCustomElement}\n\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current && el) {\n\t\t\t\t\t\t\t\t\t\tref.current[i] = el;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</>\n\t\t);\n\t},\n);\n"],"names":["MenuList","forwardRef","options","isMultiSelect","showDescription","onSelect","version","onInfiniteScroll","onDropdownItemClick","useDefaultCursor","focusedIndex","isDraggable","onOptionsReorder","showCheckboxForCustomElement","ref","observer","useRef","spanRef","draggedIndex","setDraggedIndex","useState","draggedOverIndex","setDraggedOverIndex","setupObserver","useCallback","entries","useEffect","handleDragStart","index","e","handleDragOver","handleDrop","dropIndex","newOptions","item","handleDragEnd","flatIndices","currentIndex","option","menuOption","singleOption","jsxDEV","Fragment","i","last","groupedOption","StyledGroupedLabel","this","idx","currentFlatIndex","isFocused","MenuItem","el"],"mappings":"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"}

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

@@ -1,21 +1,21 @@
 import { jsxDEV as i } from "react/jsx-dev-runtime";
 import { useState as d, useEffect as m } from "react";
-import { ListItem as p } from "../../../../list-item/ListItem.js";
+import { ListItem as f } from "../../../../list-item/ListItem.js";
 import { CheckBox as u } from "../../../../checkBox/CheckBox.js";
-const S = ({ options: r, onSelect: n, version: a }) => {
-  const [e, o] = d("notSelected");
+const y = ({ options: r, onSelect: o, version: a }) => {
+  const [e, t] = d("notSelected");
   function c() {
-    e === "partiallySelected" && n("notSelected"), e === "selectAll" && n("notSelected"), e === "notSelected" && n("selectAll");
+    e === "partiallySelected" && o("notSelected"), e === "selectAll" && o("notSelected"), e === "notSelected" && o("selectAll");
   }
   return m(() => {
     const l = [];
-    r.filter((t) => !t.disabled).forEach((t) => {
-      t.options ? t.options.filter((s) => !s.disabled).forEach((s) => {
+    r.filter((n) => !n.disabled).forEach((n) => {
+      n.options ? n.options.filter((s) => !s.disabled).forEach((s) => {
         l.push(s.selected || !1);
-      }) : l.push(t.selected || !1);
-    }), l.every(Boolean) ? o("selectAll") : l.filter(Boolean).length > 0 ? o("partiallySelected") : o("notSelected");
+      }) : l.push(n.selected || !1);
+    }), l.every(Boolean) ? t("selectAll") : l.filter(Boolean).length > 0 ? t("partiallySelected") : t("notSelected");
   }, [r]), /* @__PURE__ */ i(
-    p,
+    f,
     {
       version: a,
       onClick: (l) => {
@@ -36,13 +36,13 @@ const S = ({ options: r, onSelect: n, version: a }) => {
         void 0,
         !1,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",
           lineNumber: 72,
           columnNumber: 6
         },
         void 0
       ) }, void 0, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",
         lineNumber: 71,
         columnNumber: 5
       }, void 0),
@@ -51,7 +51,7 @@ const S = ({ options: r, onSelect: n, version: a }) => {
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",
       lineNumber: 60,
       columnNumber: 3
     },
@@ -59,6 +59,6 @@ const S = ({ options: r, onSelect: n, version: a }) => {
   );
 };
 export {
-  S as SelectAllMenu
+  y as SelectAllMenu
 };
 //# sourceMappingURL=SelectAllMenu.js.map

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js

@@ -1,26 +1,26 @@
 import { jsxDEV as e } from "react/jsx-dev-runtime";
 import { BodySecondary as B } from "../../../../TypographyStyle.js";
-import { COLORS as w } from "../../../../../constants/Theme.js";
-import { BottomBarContainer as D } from "./MultiSelectDropdownBottomBar.styled.js";
+import { COLORS as D } from "../../../../../constants/Theme.js";
+import { BottomBarContainer as x } from "./MultiSelectDropdownBottomBar.styled.js";
 import { Button as r } from "../../../../button/Button.js";
-const T = (i) => {
-  const { onClear: s, onApply: l, list: m, buttonText: p, buttonOptions: a, hideClearButton: c } = i, {
+const k = (l) => {
+  const { onClear: i, onApply: s, list: d, buttonText: m, buttonOptions: p, hideClearButton: c } = l, {
     primaryButtonText: u,
-    primaryButtonType: d,
-    secondaryButtonText: b,
-    secondaryButtonType: y
-  } = a ?? {}, n = m.reduce((o, t) => {
-    if (t.options) {
-      const f = t.options.filter(
-        (k) => k.selected === !0
+    primaryButtonType: a,
+    secondaryButtonText: y,
+    secondaryButtonType: b
+  } = p ?? {}, t = d.reduce((o, n) => {
+    if (n.options) {
+      const f = n.options.filter(
+        (w) => w.selected === !0
       ).length;
       return o + f;
     }
-    return t.selected ? o + 1 : o;
+    return n.selected ? o + 1 : o;
   }, 0);
-  return /* @__PURE__ */ e(D, { style: { justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(B, { style: { flex: 1, color: w.content.primary }, children: n ? `${n} selected` : "" }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",
+  return /* @__PURE__ */ e(x, { style: { justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ e(B, { style: { flex: 1, color: D.content.primary }, children: t ? `${t} selected` : "" }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",
       lineNumber: 45,
       columnNumber: 4
     }, void 0),
@@ -29,14 +29,14 @@ const T = (i) => {
         r,
         {
           size: "small",
-          buttonType: y || "primary",
-          buttonText: b || "Clear",
-          onClick: s
+          buttonType: b || "primary",
+          buttonText: y || "Clear",
+          onClick: i
         },
         void 0,
         !1,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",
           lineNumber: 51,
           columnNumber: 6
         },
@@ -46,33 +46,33 @@ const T = (i) => {
         r,
         {
           size: "small",
-          buttonText: u || p || "Apply",
-          buttonType: d || "primary",
+          buttonText: u || m || "Apply",
+          buttonType: a || "primary",
           onClick: () => {
-            l();
+            s();
           }
         },
         void 0,
         !1,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",
           lineNumber: 58,
           columnNumber: 5
         },
         void 0
       )
     ] }, void 0, !0, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",
       lineNumber: 49,
       columnNumber: 4
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",
     lineNumber: 44,
     columnNumber: 3
   }, void 0);
 };
 export {
-  T as default
+  k as default
 };
 //# sourceMappingURL=MultiSelectDropdownBottomBar.js.map