inconel 0.1.17 → 0.1.18

package/dist/components/FloatingPanel/FloatingPanel.js

@@ -0,0 +1,180 @@
+import { jsx as M, jsxs as te } from "react/jsx-runtime";
+import { useState as ne, useRef as m, useCallback as d, useEffect as y } from "react";
+import { createPortal as re } from "react-dom";
+import { classNames as oe } from "../shared/classNames.js";
+/* empty css           */
+const a = 10, s = 5;
+function k(p) {
+  return p != null && !Number.isNaN(p);
+}
+function ue({
+  id: p = null,
+  className: q,
+  target: u = null,
+  watchTarget: z = !0,
+  trianglePosition: g = "top-left",
+  triangleShow: G = !0,
+  windowCenterToPage: v = !1,
+  closeButtonShow: K = !0,
+  onClosed: f,
+  onOutsideClick: W,
+  closeOnScroll: S = !1,
+  transition: j = "slide",
+  draggable: w = !1,
+  defaultPositionX: L = null,
+  defaultPositionY: R = null,
+  onPositionChange: C,
+  render: N = !0,
+  children: U,
+  portalTarget: J
+}) {
+  const [Q, O] = ne(!1), c = m(null), V = m(null), X = m(null), $ = m({ x: null, y: null }), E = m(
+    void 0
+  ), I = m(!1), _ = J ?? (typeof document < "u" ? document.body : null), B = N && _ !== null, Y = !w && z && B, D = d(() => {
+    const t = c.current;
+    if (!t) return;
+    const { width: i, height: l } = t.getBoundingClientRect(), n = window.innerWidth / 2, e = window.innerHeight / 2;
+    t.style.transform = `translate(${n - i / 2}px, ${e - l / 2}px)`;
+  }, []), F = d(() => {
+    const t = c.current;
+    if (!t || !u) return;
+    const i = window.innerWidth, l = window.innerHeight, n = t.getBoundingClientRect(), e = u.getBoundingClientRect(), h = a * 1.5;
+    let r = 0, o = 0;
+    switch (g) {
+      case "top-left":
+        r = e.left + e.width / 2 - h, o = e.top + e.height + s;
+        break;
+      case "top-center":
+        r = e.left + e.width / 2 - n.width / 2, o = e.top + e.height + s;
+        break;
+      case "top-right":
+        r = e.left + e.width / 2 - n.width + h, o = e.top + e.height + s;
+        break;
+      case "bottom-left":
+        r = e.left + e.width / 2 - h, o = e.top - n.height - s;
+        break;
+      case "bottom-center":
+        r = e.left + e.width / 2 - n.width / 2, o = e.top - n.height - s;
+        break;
+      case "bottom-right":
+        r = e.left + e.width / 2 - n.width + h, o = e.top - n.height - s;
+        break;
+      case "left-top":
+        r = e.left + e.width + s, o = e.top + e.height / 2 - h;
+        break;
+      case "left-center":
+        r = e.left + e.width + s, o = e.top + e.height / 2 - n.height / 2;
+        break;
+      case "left-bottom":
+        r = e.left + e.width + s, o = e.top + e.height / 2 - n.height + h;
+        break;
+      case "right-top":
+        r = e.left - n.width - s, o = e.top + e.height / 2 - h;
+        break;
+      case "right-center":
+        r = e.left - n.width - s, o = e.top + e.height / 2 - n.height / 2;
+        break;
+      case "right-bottom":
+        r = e.left - n.width - s, o = e.top + e.height / 2 - n.height + h;
+        break;
+    }
+    r = r < a ? a : r, r = r + n.width + a > i ? i - (n.width + a) : r, o = o < a ? a : o, o = o + n.height + a > l ? l - (n.height + a) : o, t.style.transform = `translate(${r}px, ${o}px)`;
+  }, [u, g]), T = d(
+    (t) => {
+      const i = c.current;
+      i && !i.contains(t.target) && f();
+    },
+    [f]
+  ), b = d(
+    (t) => {
+      const i = c.current;
+      i && !i.contains(t.target) && W?.(t);
+    },
+    [W]
+  ), Z = d(() => {
+    Y && (v ? D() : F()), u && !document.body.contains(u) && (clearInterval(E.current), f());
+  }, [f, D, F, u, Y, v]), x = d((t) => {
+    t.preventDefault();
+    const i = X.current, l = c.current;
+    if (!i || !l) return;
+    const n = t.pageX - i.x, e = t.pageY - i.y;
+    $.current = { x: n, y: e }, I.current && requestAnimationFrame(() => {
+      l.style.transform = `translate(${n}px, ${e}px)`;
+    }), O(!0);
+  }, []), H = d(() => {
+    document.removeEventListener("mouseup", H), document.removeEventListener("mousemove", x), I.current = !1, C?.({
+      x: $.current.x,
+      y: $.current.y
+    }), O(!1);
+  }, [x, C]), A = d(
+    (t) => {
+      t.preventDefault();
+      const i = c.current;
+      if (!i) return;
+      const { left: l, top: n } = i.getBoundingClientRect();
+      X.current = { x: t.clientX - l, y: t.clientY - n }, I.current = !0, document.addEventListener("mouseup", H), document.addEventListener("mousemove", x);
+    },
+    [x, H]
+  );
+  if (y(() => {
+    document.removeEventListener("mousedown", b), clearInterval(E.current), !k(L) && !k(R) && (v ? D() : F()), B && document.addEventListener("mousedown", b);
+    let t;
+    return u && (E.current = setInterval(Z, 100), t = setTimeout(() => {
+      c.current?.classList.add("inconel-is-watched");
+    }, 500)), () => {
+      document.removeEventListener("mousedown", b), clearInterval(E.current), clearTimeout(t);
+    };
+  }, [N, u, b, v, w]), y(() => {
+    if (S)
+      return window.addEventListener("scroll", T, !0), () => window.removeEventListener("scroll", T, !0);
+  }, [S, T]), y(() => {
+    const t = V.current;
+    if (!(!t || !w))
+      return t.addEventListener("mousedown", A), () => t.removeEventListener("mousedown", A);
+  }, [w, A, N]), y(() => {
+    k(L) && k(R) && c.current?.style.setProperty(
+      "transform",
+      `translate(${L}px, ${R}px)`
+    );
+  }, []), !B || !_) return null;
+  const P = G ? g : "inconel-triangle-off", ee = j === "slide" ? `inconel-is-animated-${g.split("-")[0]}` : j === "fade" ? "inconel-is-animation-fade" : void 0;
+  return re(
+    /* @__PURE__ */ M(
+      "div",
+      {
+        id: p ?? void 0,
+        className: oe(
+          "inconel-floating-panel",
+          P,
+          ee,
+          Q && "inconel-is-holding",
+          q
+        ),
+        ref: c,
+        style: { transform: "translate(-1000px, 0px)" },
+        children: /* @__PURE__ */ te("div", { className: "inconel-floating-panel__content", children: [
+          w && /* @__PURE__ */ M("div", { className: "inconel-floating-panel__drag-bg", ref: V }),
+          U,
+          K && /* @__PURE__ */ M(
+            "div",
+            {
+              className: "inconel-floating-panel__close",
+              role: "button",
+              tabIndex: 0,
+              onClick: () => f(),
+              onKeyDown: (t) => {
+                (t.key === "Enter" || t.key === " ") && f();
+              },
+              children: "×"
+            }
+          )
+        ] })
+      }
+    ),
+    _
+  );
+}
+export {
+  ue as FloatingPanel
+};
+//# sourceMappingURL=FloatingPanel.js.map

package/dist/components/FloatingPanel/FloatingPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPanel.js","sources":["../../../src/components/FloatingPanel/FloatingPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type ReactNode } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport type FloatingPanelTrianglePosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right'\n  | 'left-top'\n  | 'left-center'\n  | 'left-bottom'\n  | 'right-top'\n  | 'right-center'\n  | 'right-bottom'\n\nexport interface FloatingPanelPosition {\n  x: number | null\n  y: number | null\n}\n\nexport interface FloatingPanelProps {\n  id?: string | null\n  className?: string\n  target?: HTMLElement | null\n  watchTarget?: boolean\n  trianglePosition?: FloatingPanelTrianglePosition\n  triangleShow?: boolean\n  windowCenterToPage?: boolean\n  closeButtonShow?: boolean\n  onClosed: () => void\n  onOutsideClick?: (event: MouseEvent) => void\n  closeOnScroll?: boolean\n  transition?: 'slide' | 'fade' | 'off'\n  draggable?: boolean\n  defaultPositionX?: number | null\n  defaultPositionY?: number | null\n  onPositionChange?: (position: FloatingPanelPosition) => void\n  render?: boolean\n  children?: ReactNode\n  portalTarget?: Element | null\n}\n\nconst TRIANGLE_OFFSET = 10\nconst VERTICAL_OFFSET = 5\n\nfunction isValidNumber(value: number | null | undefined): value is number {\n  return value !== null && value !== undefined && !Number.isNaN(value)\n}\n\nexport function FloatingPanel({\n  id = null,\n  className,\n  target = null,\n  watchTarget = true,\n  trianglePosition = 'top-left',\n  triangleShow = true,\n  windowCenterToPage = false,\n  closeButtonShow = true,\n  onClosed,\n  onOutsideClick,\n  closeOnScroll = false,\n  transition = 'slide',\n  draggable = false,\n  defaultPositionX = null,\n  defaultPositionY = null,\n  onPositionChange,\n  render = true,\n  children,\n  portalTarget,\n}: FloatingPanelProps) {\n  const [holding, setHolding] = useState(false)\n  const panelRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const referencePosition = useRef<{ x: number; y: number } | null>(null)\n  const lastDragPosition = useRef<FloatingPanelPosition>({ x: null, y: null })\n  const watchIntervalRef = useRef<ReturnType<typeof setInterval> | undefined>(\n    undefined,\n  )\n  const isDraggingRef = useRef(false)\n\n  const resolvedPortalTarget =\n    portalTarget ?? (typeof document !== 'undefined' ? document.body : null)\n  const show = render && resolvedPortalTarget !== null\n  const watchTargetActive = !draggable && watchTarget && show\n\n  const setCenter = useCallback(() => {\n    const panelElement = panelRef.current\n    if (!panelElement) return\n    const { width, height } = panelElement.getBoundingClientRect()\n    const halfBrowserWidth = window.innerWidth / 2\n    const halfBrowserHeight = window.innerHeight / 2\n    panelElement.style.transform = `translate(${halfBrowserWidth - width / 2}px, ${\n      halfBrowserHeight - height / 2\n    }px)`\n  }, [])\n\n  const setPosition = useCallback(() => {\n    const panelElement = panelRef.current\n    if (!panelElement || !target) return\n\n    const winWidth = window.innerWidth\n    const winHeight = window.innerHeight\n    const panelRect = panelElement.getBoundingClientRect()\n    const targetRect = target.getBoundingClientRect()\n    const horizontalOffset = TRIANGLE_OFFSET * 1.5\n\n    let posX = 0\n    let posY = 0\n\n    switch (trianglePosition) {\n      case 'top-left':\n        posX = targetRect.left + targetRect.width / 2 - horizontalOffset\n        posY = targetRect.top + targetRect.height + VERTICAL_OFFSET\n        break\n      case 'top-center':\n        posX = targetRect.left + targetRect.width / 2 - panelRect.width / 2\n        posY = targetRect.top + targetRect.height + VERTICAL_OFFSET\n        break\n      case 'top-right':\n        posX =\n          targetRect.left + targetRect.width / 2 - panelRect.width + horizontalOffset\n        posY = targetRect.top + targetRect.height + VERTICAL_OFFSET\n        break\n      case 'bottom-left':\n        posX = targetRect.left + targetRect.width / 2 - horizontalOffset\n        posY = targetRect.top - panelRect.height - VERTICAL_OFFSET\n        break\n      case 'bottom-center':\n        posX = targetRect.left + targetRect.width / 2 - panelRect.width / 2\n        posY = targetRect.top - panelRect.height - VERTICAL_OFFSET\n        break\n      case 'bottom-right':\n        posX =\n          targetRect.left + targetRect.width / 2 - panelRect.width + horizontalOffset\n        posY = targetRect.top - panelRect.height - VERTICAL_OFFSET\n        break\n      case 'left-top':\n        posX = targetRect.left + targetRect.width + VERTICAL_OFFSET\n        posY = targetRect.top + targetRect.height / 2 - horizontalOffset\n        break\n      case 'left-center':\n        posX = targetRect.left + targetRect.width + VERTICAL_OFFSET\n        posY = targetRect.top + targetRect.height / 2 - panelRect.height / 2\n        break\n      case 'left-bottom':\n        posX = targetRect.left + targetRect.width + VERTICAL_OFFSET\n        posY =\n          targetRect.top + targetRect.height / 2 - panelRect.height + horizontalOffset\n        break\n      case 'right-top':\n        posX = targetRect.left - panelRect.width - VERTICAL_OFFSET\n        posY = targetRect.top + targetRect.height / 2 - horizontalOffset\n        break\n      case 'right-center':\n        posX = targetRect.left - panelRect.width - VERTICAL_OFFSET\n        posY = targetRect.top + targetRect.height / 2 - panelRect.height / 2\n        break\n      case 'right-bottom':\n        posX = targetRect.left - panelRect.width - VERTICAL_OFFSET\n        posY =\n          targetRect.top + targetRect.height / 2 - panelRect.height + horizontalOffset\n        break\n      default:\n        break\n    }\n\n    posX = posX < TRIANGLE_OFFSET ? TRIANGLE_OFFSET : posX\n    posX =\n      posX + panelRect.width + TRIANGLE_OFFSET > winWidth\n        ? winWidth - (panelRect.width + TRIANGLE_OFFSET)\n        : posX\n\n    posY = posY < TRIANGLE_OFFSET ? TRIANGLE_OFFSET : posY\n    posY =\n      posY + panelRect.height + TRIANGLE_OFFSET > winHeight\n        ? winHeight - (panelRect.height + TRIANGLE_OFFSET)\n        : posY\n\n    panelElement.style.transform = `translate(${posX}px, ${posY}px)`\n  }, [target, trianglePosition])\n\n  const handleScroll = useCallback(\n    (event: Event) => {\n      const panelElement = panelRef.current\n      if (panelElement && !panelElement.contains(event.target as Node)) {\n        onClosed()\n      }\n    },\n    [onClosed],\n  )\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const panelElement = panelRef.current\n      if (panelElement && !panelElement.contains(event.target as Node)) {\n        onOutsideClick?.(event)\n      }\n    },\n    [onOutsideClick],\n  )\n\n  const watchComponent = useCallback(() => {\n    if (watchTargetActive) {\n      if (windowCenterToPage) setCenter()\n      else setPosition()\n    }\n\n    if (target && !document.body.contains(target)) {\n      clearInterval(watchIntervalRef.current)\n      onClosed()\n    }\n  }, [onClosed, setCenter, setPosition, target, watchTargetActive, windowCenterToPage])\n\n  const handleMouseMove = useCallback((event: MouseEvent) => {\n    event.preventDefault()\n    const reference = referencePosition.current\n    const panelElement = panelRef.current\n    if (!reference || !panelElement) return\n\n    const posX = event.pageX - reference.x\n    const posY = event.pageY - reference.y\n    lastDragPosition.current = { x: posX, y: posY }\n\n    if (isDraggingRef.current) {\n      requestAnimationFrame(() => {\n        panelElement.style.transform = `translate(${posX}px, ${posY}px)`\n      })\n    }\n    setHolding(true)\n  }, [])\n\n  const handleMouseUp = useCallback(() => {\n    document.removeEventListener('mouseup', handleMouseUp)\n    document.removeEventListener('mousemove', handleMouseMove)\n    isDraggingRef.current = false\n    onPositionChange?.({\n      x: lastDragPosition.current.x,\n      y: lastDragPosition.current.y,\n    })\n    setHolding(false)\n  }, [handleMouseMove, onPositionChange])\n\n  const handlePanelMouseDown = useCallback(\n    (event: MouseEvent) => {\n      event.preventDefault()\n      const panelElement = panelRef.current\n      if (!panelElement) return\n      const { left, top } = panelElement.getBoundingClientRect()\n      referencePosition.current = { x: event.clientX - left, y: event.clientY - top }\n      isDraggingRef.current = true\n      document.addEventListener('mouseup', handleMouseUp)\n      document.addEventListener('mousemove', handleMouseMove)\n    },\n    [handleMouseMove, handleMouseUp],\n  )\n\n  useEffect(() => {\n    document.removeEventListener('mousedown', handleOutsideClick)\n    clearInterval(watchIntervalRef.current)\n\n    if (!isValidNumber(defaultPositionX) && !isValidNumber(defaultPositionY)) {\n      if (windowCenterToPage) setCenter()\n      else setPosition()\n    }\n\n    if (show) {\n      document.addEventListener('mousedown', handleOutsideClick)\n    }\n\n    let watchedTimeout: ReturnType<typeof setTimeout> | undefined\n    if (target) {\n      watchIntervalRef.current = setInterval(watchComponent, 100)\n      watchedTimeout = setTimeout(() => {\n        panelRef.current?.classList.add('inconel-is-watched')\n      }, 500)\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick)\n      clearInterval(watchIntervalRef.current)\n      clearTimeout(watchedTimeout)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [render, target, handleOutsideClick, windowCenterToPage, draggable])\n\n  useEffect(() => {\n    if (!closeOnScroll) return undefined\n    window.addEventListener('scroll', handleScroll, true)\n    return () => window.removeEventListener('scroll', handleScroll, true)\n  }, [closeOnScroll, handleScroll])\n\n  useEffect(() => {\n    const contentElement = contentRef.current\n    if (!contentElement || !draggable) return undefined\n    contentElement.addEventListener('mousedown', handlePanelMouseDown)\n    return () =>\n      contentElement.removeEventListener('mousedown', handlePanelMouseDown)\n  }, [draggable, handlePanelMouseDown, render])\n\n  useEffect(() => {\n    if (isValidNumber(defaultPositionX) && isValidNumber(defaultPositionY)) {\n      panelRef.current?.style.setProperty(\n        'transform',\n        `translate(${defaultPositionX}px, ${defaultPositionY}px)`,\n      )\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  if (!show || !resolvedPortalTarget) return null\n\n  const triangleClass = triangleShow ? trianglePosition : 'inconel-triangle-off'\n  const transitionClass =\n    transition === 'slide'\n      ? `inconel-is-animated-${trianglePosition.split('-')[0]}`\n      : transition === 'fade'\n        ? 'inconel-is-animation-fade'\n        : undefined\n\n  return createPortal(\n    <div\n      id={id ?? undefined}\n      className={classNames(\n        'inconel-floating-panel',\n        triangleClass,\n        transitionClass,\n        holding && 'inconel-is-holding',\n        className,\n      )}\n      ref={panelRef}\n      style={{ transform: 'translate(-1000px, 0px)' }}\n    >\n      <div className=\"inconel-floating-panel__content\">\n        {draggable && (\n          <div className=\"inconel-floating-panel__drag-bg\" ref={contentRef} />\n        )}\n        {children}\n        {closeButtonShow && (\n          <div\n            className=\"inconel-floating-panel__close\"\n            role=\"button\"\n            tabIndex={0}\n            onClick={() => onClosed()}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter' || event.key === ' ') onClosed()\n            }}\n          >\n            ×\n          </div>\n        )}\n      </div>\n    </div>,\n    resolvedPortalTarget,\n  )\n}\n"],"names":["TRIANGLE_OFFSET","VERTICAL_OFFSET","isValidNumber","value","FloatingPanel","id","className","target","watchTarget","trianglePosition","triangleShow","windowCenterToPage","closeButtonShow","onClosed","onOutsideClick","closeOnScroll","transition","draggable","defaultPositionX","defaultPositionY","onPositionChange","render","children","portalTarget","holding","setHolding","useState","panelRef","useRef","contentRef","referencePosition","lastDragPosition","watchIntervalRef","isDraggingRef","resolvedPortalTarget","show","watchTargetActive","setCenter","useCallback","panelElement","width","height","halfBrowserWidth","halfBrowserHeight","setPosition","winWidth","winHeight","panelRect","targetRect","horizontalOffset","posX","posY","handleScroll","event","handleOutsideClick","watchComponent","handleMouseMove","reference","handleMouseUp","handlePanelMouseDown","left","top","useEffect","watchedTimeout","contentElement","triangleClass","transitionClass","createPortal","jsx","classNames","jsxs"],"mappings":"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"}

package/dist/components/FloatingPanel/index.d.ts

@@ -0,0 +1,3 @@
+export { FloatingPanel } from './FloatingPanel';
+export type { FloatingPanelProps, FloatingPanelPosition, FloatingPanelTrianglePosition, } from './FloatingPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FloatingPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,6BAA6B,GAC9B,MAAM,iBAAiB,CAAA"}

package/dist/components/MultiSelectCheckBox/MultiSelectCheckBox.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+export interface MultiSelectCheckBoxOption {
+    [key: string]: unknown;
+}
+export interface MultiSelectCheckBoxProps<T extends MultiSelectCheckBoxOption = MultiSelectCheckBoxOption> {
+    id?: string | null;
+    label?: ReactNode;
+    className?: string | null;
+    labelClassName?: string | null;
+    inputClassName?: string | null;
+    optionsClassName?: string | null;
+    optionItemClassName?: string | null;
+    searchableInputClassName?: string | null;
+    options?: T[];
+    defaultSelectedOptions?: T[];
+    optionLabel?: string;
+    optionValue?: string;
+    onChange?: (selected: T[]) => void;
+    placeholder?: string;
+    selectedInputMessage?: string;
+    itemSelectedText?: string;
+    selectAllText?: string;
+    searchPlaceholder?: string;
+    noDataMessage?: string;
+    errorMessage?: string;
+    errorPlace?: 'in' | 'out';
+    isSearchable?: boolean;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    reactPortal?: boolean;
+    windowPosition?: boolean;
+    windowHeight?: number;
+    windowClose?: (closed: boolean) => void;
+    isScrollEnd?: (end: boolean) => void;
+    getOptionTooltip?: (option: T) => string | undefined;
+    limit?: number | null;
+    selectionLimit?: number | null;
+}
+export declare function MultiSelectCheckBox<T extends MultiSelectCheckBoxOption = MultiSelectCheckBoxOption>({ id, label, className, labelClassName, inputClassName, optionsClassName, optionItemClassName, searchableInputClassName, options, defaultSelectedOptions, optionLabel, optionValue, onChange, placeholder, selectedInputMessage, itemSelectedText, selectAllText, searchPlaceholder, noDataMessage, errorMessage, errorPlace, isSearchable, isLoading, isDisabled, reactPortal, windowPosition, windowHeight, windowClose, isScrollEnd, getOptionTooltip, limit, selectionLimit, }: MultiSelectCheckBoxProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=MultiSelectCheckBox.d.ts.map

package/dist/components/MultiSelectCheckBox/MultiSelectCheckBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectCheckBox.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelectCheckBox/MultiSelectCheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AAKd,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,yBAAyB;IACxC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,wBAAwB,CACvC,CAAC,SAAS,yBAAyB,GAAG,yBAAyB;IAE/D,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAA;IACb,sBAAsB,CAAC,EAAE,CAAC,EAAE,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC/B;AAcD,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,yBAAyB,GAAG,yBAAyB,EAC/D,EACA,EAAS,EACT,KAAY,EACZ,SAAgB,EAChB,cAAqB,EACrB,cAAqB,EACrB,gBAAuB,EACvB,mBAA0B,EAC1B,wBAA+B,EAC/B,OAAuB,EACvB,sBAAsC,EACtC,WAAqB,EACrB,WAAqB,EACrB,QAAQ,EACR,WAAuB,EACvB,oBAAoB,EACpB,gBAA+B,EAC/B,aAA4B,EAC5B,iBAAyB,EACzB,aAAiC,EACjC,YAAiB,EACjB,UAAkB,EAClB,YAAoB,EACpB,SAAiB,EACjB,UAAkB,EAClB,WAAmB,EACnB,cAAsB,EACtB,YAAkB,EAClB,WAAW,EACX,WAAW,EACX,gBACkE,EAClE,KAAY,EACZ,cAAqB,GACtB,EAAE,wBAAwB,CAAC,CAAC,CAAC,+BAwX7B"}

package/dist/components/MultiSelectCheckBox/MultiSelectCheckBox.js

@@ -0,0 +1,315 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { useRef as F, useState as b, useCallback as v, useEffect as k, useLayoutEffect as Se, useMemo as I } from "react";
+import { createPortal as Ee } from "react-dom";
+import { classNames as u } from "../shared/classNames.js";
+/* empty css           */
+import { DotLoader as Le } from "../DotLoader/DotLoader.js";
+const te = [];
+function C(y, N, w) {
+  return y.some(
+    (T) => T?.[w] === N?.[w]
+  );
+}
+function Ae({
+  id: y = null,
+  label: N = null,
+  className: w = null,
+  labelClassName: T = null,
+  inputClassName: le = null,
+  optionsClassName: ce = null,
+  optionItemClassName: j = null,
+  searchableInputClassName: ie = null,
+  options: S = te,
+  defaultSelectedOptions: E = te,
+  optionLabel: _ = "label",
+  optionValue: c = "value",
+  onChange: B,
+  placeholder: K = "Seçiniz",
+  selectedInputMessage: q,
+  itemSelectedText: H = "öğe seçili",
+  selectAllText: oe = "Tümünü Seç",
+  searchPlaceholder: se = "Ara",
+  noDataMessage: re = "Veri bulunamadı",
+  errorMessage: L = "",
+  errorPlace: W = "out",
+  isSearchable: ue = !1,
+  isLoading: ae = !1,
+  isDisabled: m = !1,
+  reactPortal: i = !1,
+  windowPosition: Y = !1,
+  windowHeight: G = 800,
+  windowClose: J,
+  isScrollEnd: M,
+  getOptionTooltip: de = (x) => typeof x?.tooltip == "string" ? x.tooltip : void 0,
+  limit: he = null,
+  selectionLimit: me = null
+}) {
+  const x = F(null), $ = F(null), P = F(null), [o, Q] = b(!1), [n, U] = b(
+    E
+  ), [X, fe] = b(
+    null
+  ), [D, Z] = b(""), [pe, be] = b(null), [ve, V] = b(!1), s = Number(he ?? me), a = Number.isFinite(s) && s > 0, R = v(() => {
+    if (!i || !$.current) return;
+    const e = $.current.getBoundingClientRect();
+    be({
+      position: "fixed",
+      left: e.left,
+      top: e.bottom,
+      width: e.width,
+      zIndex: 9999
+    }), V(!0);
+  }, [i]);
+  k(() => {
+    const e = a ? E.slice(0, s) : E;
+    U(e);
+  }, [E, a, s]), k(() => {
+    o || (J?.(!0), Z(""));
+  }, [o, J]), k(() => {
+    if (!o) return;
+    const e = x.current, l = P.current, r = (h) => {
+      const g = h.target, O = e?.contains(g), we = l?.contains(g);
+      !O && !we && Q(!1);
+    };
+    return document.addEventListener("pointerdown", r, !0), () => document.removeEventListener("pointerdown", r, !0);
+  }, [o]), Se(() => {
+    if (!o) {
+      V(!1);
+      return;
+    }
+    i && R();
+  }, [o, i, R]), k(() => {
+    if (!o || !i) return;
+    const e = () => R();
+    return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [o, i, R]), k(() => {
+    Y && fe(Number(G) < 800 ? "top" : "bottom");
+  }, [G, Y]);
+  const f = v(
+    (e) => {
+      U(e), B?.(e);
+    },
+    [B]
+  ), _e = v(
+    (e) => {
+      const l = e.currentTarget;
+      l.scrollHeight - l.scrollTop <= l.clientHeight + 1 && M?.(!0);
+    },
+    [M]
+  ), xe = v(
+    (e) => {
+      if (C(n, e, c)) {
+        f(
+          n.filter(
+            (l) => l?.[c] !== e?.[c]
+          )
+        );
+        return;
+      }
+      a && n.length >= s || f([...n, e]);
+    },
+    [
+      a,
+      s,
+      c,
+      n,
+      f
+    ]
+  ), d = I(() => {
+    const e = D.trim().toLocaleLowerCase();
+    return e ? S.filter(
+      (l) => String(l?.[_] ?? "").toLocaleLowerCase().includes(e)
+    ) : S;
+  }, [S, _, D]), ge = I(() => n.length === 0 ? "" : n.length === 1 ? String(n[0]?.[_] ?? "") : `${n.length} ${q || H}`, [H, _, q, n]), ke = W === "in" && L || K, ee = v(() => {
+    m || Q((e) => !e);
+  }, [m]), ye = (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), ee());
+  }, z = I(
+    () => d.length > 0 && d.every(
+      (e) => C(n, e, c)
+    ),
+    [d, c, n]
+  ), Ne = v(() => {
+    if (z) {
+      f(
+        n.filter(
+          (r) => !d.some(
+            (h) => r?.[c] === h?.[c]
+          )
+        )
+      );
+      return;
+    }
+    const e = d.filter(
+      (r) => !C(n, r, c)
+    ), l = a ? e.slice(0, Math.max(s - n.length, 0)) : e;
+    f([...n, ...l]);
+  }, [
+    z,
+    d,
+    a,
+    s,
+    c,
+    n,
+    f
+  ]), A = y || "inconel-multi-select-checkbox", ne = /* @__PURE__ */ t(
+    "div",
+    {
+      ref: i ? P : void 0,
+      className: u(
+        "inconel-multi-select-checkbox__panel-wrap",
+        i && "inconel-multi-select-checkbox__panel-wrap--portal",
+        X === "top" && "inconel-is-open-top"
+      ),
+      style: i ? { ...pe ?? {}, visibility: ve ? "visible" : "hidden" } : void 0,
+      onPointerDown: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ p(
+        "div",
+        {
+          className: u(
+            "inconel-multi-select-checkbox__options",
+            i && "inconel-multi-select-checkbox__options--portal",
+            ce
+          ),
+          onScroll: _e,
+          children: [
+            ue && /* @__PURE__ */ t("div", { className: "inconel-multi-select-checkbox__search", children: /* @__PURE__ */ t(
+              "input",
+              {
+                type: "text",
+                placeholder: se,
+                className: u(
+                  "inconel-multi-select-checkbox__search-input",
+                  ie
+                ),
+                value: D,
+                onChange: (e) => Z(e.target.value),
+                disabled: m
+              }
+            ) }),
+            /* @__PURE__ */ p(
+              "div",
+              {
+                className: u(
+                  "inconel-multi-select-checkbox__option-item",
+                  j
+                ),
+                children: [
+                  /* @__PURE__ */ t(
+                    "input",
+                    {
+                      id: `${A}-select-all`,
+                      type: "checkbox",
+                      checked: z,
+                      onChange: Ne,
+                      disabled: m
+                    }
+                  ),
+                  /* @__PURE__ */ t("label", { htmlFor: `${A}-select-all`, children: oe })
+                ]
+              }
+            ),
+            d.map((e, l) => {
+              const r = e?.[c] ?? l, h = C(n, e, c), g = m || !h && a && n.length >= s, O = `${A}-${String(r)}`;
+              return /* @__PURE__ */ p(
+                "div",
+                {
+                  className: u(
+                    "inconel-multi-select-checkbox__option-item",
+                    h && "inconel-is-selected",
+                    g && "inconel-is-disabled",
+                    j
+                  ),
+                  title: de(e),
+                  children: [
+                    /* @__PURE__ */ t(
+                      "input",
+                      {
+                        id: O,
+                        type: "checkbox",
+                        checked: h,
+                        onChange: () => xe(e),
+                        disabled: g
+                      }
+                    ),
+                    /* @__PURE__ */ t("label", { htmlFor: O, children: String(e?.[_] ?? "") })
+                  ]
+                },
+                String(r)
+              );
+            })
+          ]
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      ref: x,
+      id: y ?? void 0,
+      className: u(
+        "inconel-multi-select-checkbox",
+        L && "inconel-is-error",
+        m && "inconel-is-disabled",
+        X === "top" && !i && "inconel-is-open-top",
+        w
+      ),
+      children: [
+        N && /* @__PURE__ */ t(
+          "span",
+          {
+            className: u(
+              "inconel-multi-select-checkbox__label",
+              T
+            ),
+            children: N
+          }
+        ),
+        /* @__PURE__ */ p("div", { className: "inconel-multi-select-checkbox__input-wrap", children: [
+          ae && /* @__PURE__ */ t("div", { className: "inconel-multi-select-checkbox__loader-cover", children: /* @__PURE__ */ t(Le, {}) }),
+          /* @__PURE__ */ p(
+            "div",
+            {
+              ref: $,
+              role: "button",
+              tabIndex: 0,
+              className: "inconel-multi-select-checkbox__input-container",
+              onClick: ee,
+              onKeyDown: ye,
+              children: [
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    type: "text",
+                    className: u(
+                      "inconel-multi-select-checkbox__input",
+                      le
+                    ),
+                    placeholder: ke,
+                    readOnly: !0,
+                    value: ge
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "span",
+                  {
+                    className: "inconel-multi-select-checkbox__indicator",
+                    "aria-hidden": "true"
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        o && (S.length > 0 ? i ? Ee(ne, document.body) : ne : /* @__PURE__ */ t("div", { className: "inconel-multi-select-checkbox__nodata", children: /* @__PURE__ */ t("span", { children: re }) })),
+        W !== "in" && L && /* @__PURE__ */ t("span", { className: "inconel-multi-select-checkbox__error", children: L })
+      ]
+    }
+  );
+}
+export {
+  Ae as MultiSelectCheckBox
+};
+//# sourceMappingURL=MultiSelectCheckBox.js.map

package/dist/components/MultiSelectCheckBox/MultiSelectCheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectCheckBox.js","sources":["../../../src/components/MultiSelectCheckBox/MultiSelectCheckBox.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type UIEvent,\n} from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { DotLoader } from '../DotLoader'\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface MultiSelectCheckBoxOption {\n  [key: string]: unknown\n}\n\nexport interface MultiSelectCheckBoxProps<\n  T extends MultiSelectCheckBoxOption = MultiSelectCheckBoxOption,\n> {\n  id?: string | null\n  label?: ReactNode\n  className?: string | null\n  labelClassName?: string | null\n  inputClassName?: string | null\n  optionsClassName?: string | null\n  optionItemClassName?: string | null\n  searchableInputClassName?: string | null\n  options?: T[]\n  defaultSelectedOptions?: T[]\n  optionLabel?: string\n  optionValue?: string\n  onChange?: (selected: T[]) => void\n  placeholder?: string\n  selectedInputMessage?: string\n  itemSelectedText?: string\n  selectAllText?: string\n  searchPlaceholder?: string\n  noDataMessage?: string\n  errorMessage?: string\n  errorPlace?: 'in' | 'out'\n  isSearchable?: boolean\n  isLoading?: boolean\n  isDisabled?: boolean\n  reactPortal?: boolean\n  windowPosition?: boolean\n  windowHeight?: number\n  windowClose?: (closed: boolean) => void\n  isScrollEnd?: (end: boolean) => void\n  getOptionTooltip?: (option: T) => string | undefined\n  limit?: number | null\n  selectionLimit?: number | null\n}\n\nconst EMPTY_OPTIONS: never[] = []\n\nfunction isOptionSelected<T extends MultiSelectCheckBoxOption>(\n  selected: T[],\n  option: T,\n  optionValue: string,\n) {\n  return selected.some(\n    (item) => item?.[optionValue] === option?.[optionValue],\n  )\n}\n\nexport function MultiSelectCheckBox<\n  T extends MultiSelectCheckBoxOption = MultiSelectCheckBoxOption,\n>({\n  id = null,\n  label = null,\n  className = null,\n  labelClassName = null,\n  inputClassName = null,\n  optionsClassName = null,\n  optionItemClassName = null,\n  searchableInputClassName = null,\n  options = EMPTY_OPTIONS,\n  defaultSelectedOptions = EMPTY_OPTIONS,\n  optionLabel = 'label',\n  optionValue = 'value',\n  onChange,\n  placeholder = 'Seçiniz',\n  selectedInputMessage,\n  itemSelectedText = 'öğe seçili',\n  selectAllText = 'Tümünü Seç',\n  searchPlaceholder = 'Ara',\n  noDataMessage = 'Veri bulunamadı',\n  errorMessage = '',\n  errorPlace = 'out',\n  isSearchable = false,\n  isLoading = false,\n  isDisabled = false,\n  reactPortal = false,\n  windowPosition = false,\n  windowHeight = 800,\n  windowClose,\n  isScrollEnd,\n  getOptionTooltip = (option: T) =>\n    typeof option?.tooltip === 'string' ? option.tooltip : undefined,\n  limit = null,\n  selectionLimit = null,\n}: MultiSelectCheckBoxProps<T>) {\n  const rootRef = useRef<HTMLDivElement>(null)\n  const anchorRef = useRef<HTMLDivElement>(null)\n  const portalWrapRef = useRef<HTMLDivElement>(null)\n\n  const [showOptions, setShowOptions] = useState(false)\n  const [selectedOptions, setSelectedOptions] = useState<T[]>(\n    defaultSelectedOptions,\n  )\n  const [openDirection, setOpenDirection] = useState<'top' | 'bottom' | null>(\n    null,\n  )\n  const [searchValue, setSearchValue] = useState('')\n  const [portalStyle, setPortalStyle] = useState<CSSProperties | null>(null)\n  const [portalReady, setPortalReady] = useState(false)\n\n  const selectionLimitValue = limit ?? selectionLimit\n  const maxSelectionCount = Number(selectionLimitValue)\n  const hasSelectionLimit =\n    Number.isFinite(maxSelectionCount) && maxSelectionCount > 0\n\n  const recomputePortalPosition = useCallback(() => {\n    if (!reactPortal || !anchorRef.current) return\n    const rect = anchorRef.current.getBoundingClientRect()\n    setPortalStyle({\n      position: 'fixed',\n      left: rect.left,\n      top: rect.bottom,\n      width: rect.width,\n      zIndex: 9999,\n    })\n    setPortalReady(true)\n  }, [reactPortal])\n\n  useEffect(() => {\n    const next = hasSelectionLimit\n      ? defaultSelectedOptions.slice(0, maxSelectionCount)\n      : defaultSelectedOptions\n    setSelectedOptions(next)\n  }, [defaultSelectedOptions, hasSelectionLimit, maxSelectionCount])\n\n  useEffect(() => {\n    if (!showOptions) {\n      windowClose?.(true)\n      setSearchValue('')\n    }\n  }, [showOptions, windowClose])\n\n  useEffect(() => {\n    if (!showOptions) return undefined\n\n    const rootEl = rootRef.current\n    const portalEl = portalWrapRef.current\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const target = event.target as Node\n      const inRoot = rootEl?.contains(target)\n      const inPortal = portalEl?.contains(target)\n      if (!inRoot && !inPortal) setShowOptions(false)\n    }\n\n    document.addEventListener('pointerdown', handlePointerDown, true)\n    return () =>\n      document.removeEventListener('pointerdown', handlePointerDown, true)\n  }, [showOptions])\n\n  useLayoutEffect(() => {\n    if (!showOptions) {\n      setPortalReady(false)\n      return\n    }\n    if (!reactPortal) return\n    recomputePortalPosition()\n  }, [showOptions, reactPortal, recomputePortalPosition])\n\n  useEffect(() => {\n    if (!showOptions || !reactPortal) return undefined\n\n    const handleReposition = () => recomputePortalPosition()\n    window.addEventListener('resize', handleReposition)\n    window.addEventListener('scroll', handleReposition, true)\n\n    return () => {\n      window.removeEventListener('resize', handleReposition)\n      window.removeEventListener('scroll', handleReposition, true)\n    }\n  }, [showOptions, reactPortal, recomputePortalPosition])\n\n  useEffect(() => {\n    if (!windowPosition) return\n    setOpenDirection(Number(windowHeight) < 800 ? 'top' : 'bottom')\n  }, [windowHeight, windowPosition])\n\n  const updateSelection = useCallback(\n    (next: T[]) => {\n      setSelectedOptions(next)\n      onChange?.(next)\n    },\n    [onChange],\n  )\n\n  const handleScroll = useCallback(\n    (event: UIEvent<HTMLDivElement>) => {\n      const target = event.currentTarget\n      if (target.scrollHeight - target.scrollTop <= target.clientHeight + 1) {\n        isScrollEnd?.(true)\n      }\n    },\n    [isScrollEnd],\n  )\n\n  const toggleOption = useCallback(\n    (option: T) => {\n      if (isOptionSelected(selectedOptions, option, optionValue)) {\n        updateSelection(\n          selectedOptions.filter(\n            (item) => item?.[optionValue] !== option?.[optionValue],\n          ),\n        )\n        return\n      }\n      if (hasSelectionLimit && selectedOptions.length >= maxSelectionCount) {\n        return\n      }\n      updateSelection([...selectedOptions, option])\n    },\n    [\n      hasSelectionLimit,\n      maxSelectionCount,\n      optionValue,\n      selectedOptions,\n      updateSelection,\n    ],\n  )\n\n  const filteredOptions = useMemo(() => {\n    const query = searchValue.trim().toLocaleLowerCase()\n    if (!query) return options\n    return options.filter((option) =>\n      String(option?.[optionLabel] ?? '')\n        .toLocaleLowerCase()\n        .includes(query),\n    )\n  }, [options, optionLabel, searchValue])\n\n  const inputValue = useMemo(() => {\n    if (selectedOptions.length === 0) return ''\n    if (selectedOptions.length === 1) {\n      return String(selectedOptions[0]?.[optionLabel] ?? '')\n    }\n    return `${selectedOptions.length} ${selectedInputMessage || itemSelectedText}`\n  }, [itemSelectedText, optionLabel, selectedInputMessage, selectedOptions])\n\n  const inputPlaceholder =\n    errorPlace === 'in' ? errorMessage || placeholder : placeholder\n\n  const toggleDropdown = useCallback(() => {\n    if (isDisabled) return\n    setShowOptions((prev) => !prev)\n  }, [isDisabled])\n\n  const handleTriggerKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      toggleDropdown()\n    }\n  }\n\n  const allFilteredSelected = useMemo(\n    () =>\n      filteredOptions.length > 0 &&\n      filteredOptions.every((option) =>\n        isOptionSelected(selectedOptions, option, optionValue),\n      ),\n    [filteredOptions, optionValue, selectedOptions],\n  )\n\n  const handleSelectAll = useCallback(() => {\n    if (allFilteredSelected) {\n      updateSelection(\n        selectedOptions.filter(\n          (selected) =>\n            !filteredOptions.some(\n              (option) => selected?.[optionValue] === option?.[optionValue],\n            ),\n        ),\n      )\n      return\n    }\n    const toAdd = filteredOptions.filter(\n      (option) => !isOptionSelected(selectedOptions, option, optionValue),\n    )\n    const limitedToAdd = hasSelectionLimit\n      ? toAdd.slice(0, Math.max(maxSelectionCount - selectedOptions.length, 0))\n      : toAdd\n    updateSelection([...selectedOptions, ...limitedToAdd])\n  }, [\n    allFilteredSelected,\n    filteredOptions,\n    hasSelectionLimit,\n    maxSelectionCount,\n    optionValue,\n    selectedOptions,\n    updateSelection,\n  ])\n\n  const baseId = id || 'inconel-multi-select-checkbox'\n\n  const optionsPanel = (\n    <div\n      ref={reactPortal ? portalWrapRef : undefined}\n      className={classNames(\n        'inconel-multi-select-checkbox__panel-wrap',\n        reactPortal && 'inconel-multi-select-checkbox__panel-wrap--portal',\n        openDirection === 'top' && 'inconel-is-open-top',\n      )}\n      style={\n        reactPortal\n          ? { ...(portalStyle ?? {}), visibility: portalReady ? 'visible' : 'hidden' }\n          : undefined\n      }\n      onPointerDown={(event) => event.stopPropagation()}\n    >\n      <div\n        className={classNames(\n          'inconel-multi-select-checkbox__options',\n          reactPortal && 'inconel-multi-select-checkbox__options--portal',\n          optionsClassName,\n        )}\n        onScroll={handleScroll}\n      >\n        {isSearchable && (\n          <div className=\"inconel-multi-select-checkbox__search\">\n            <input\n              type=\"text\"\n              placeholder={searchPlaceholder}\n              className={classNames(\n                'inconel-multi-select-checkbox__search-input',\n                searchableInputClassName,\n              )}\n              value={searchValue}\n              onChange={(event: ChangeEvent<HTMLInputElement>) =>\n                setSearchValue(event.target.value)\n              }\n              disabled={isDisabled}\n            />\n          </div>\n        )}\n\n        <div\n          className={classNames(\n            'inconel-multi-select-checkbox__option-item',\n            optionItemClassName,\n          )}\n        >\n          <input\n            id={`${baseId}-select-all`}\n            type=\"checkbox\"\n            checked={allFilteredSelected}\n            onChange={handleSelectAll}\n            disabled={isDisabled}\n          />\n          <label htmlFor={`${baseId}-select-all`}>{selectAllText}</label>\n        </div>\n\n        {filteredOptions.map((option, index) => {\n          const value = option?.[optionValue] ?? index\n          const checked = isOptionSelected(selectedOptions, option, optionValue)\n          const optionDisabled =\n            isDisabled ||\n            (!checked && hasSelectionLimit && selectedOptions.length >= maxSelectionCount)\n          const inputId = `${baseId}-${String(value)}`\n\n          return (\n            <div\n              key={String(value)}\n              className={classNames(\n                'inconel-multi-select-checkbox__option-item',\n                checked && 'inconel-is-selected',\n                optionDisabled && 'inconel-is-disabled',\n                optionItemClassName,\n              )}\n              title={getOptionTooltip(option)}\n            >\n              <input\n                id={inputId}\n                type=\"checkbox\"\n                checked={checked}\n                onChange={() => toggleOption(option)}\n                disabled={optionDisabled}\n              />\n              <label htmlFor={inputId}>\n                {String(option?.[optionLabel] ?? '')}\n              </label>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n\n  return (\n    <div\n      ref={rootRef}\n      id={id ?? undefined}\n      className={classNames(\n        'inconel-multi-select-checkbox',\n        errorMessage && 'inconel-is-error',\n        isDisabled && 'inconel-is-disabled',\n        openDirection === 'top' && !reactPortal && 'inconel-is-open-top',\n        className,\n      )}\n    >\n      {label && (\n        <span\n          className={classNames(\n            'inconel-multi-select-checkbox__label',\n            labelClassName,\n          )}\n        >\n          {label}\n        </span>\n      )}\n\n      <div className=\"inconel-multi-select-checkbox__input-wrap\">\n        {isLoading && (\n          <div className=\"inconel-multi-select-checkbox__loader-cover\">\n            <DotLoader />\n          </div>\n        )}\n\n        <div\n          ref={anchorRef}\n          role=\"button\"\n          tabIndex={0}\n          className=\"inconel-multi-select-checkbox__input-container\"\n          onClick={toggleDropdown}\n          onKeyDown={handleTriggerKeyDown}\n        >\n          <input\n            type=\"text\"\n            className={classNames(\n              'inconel-multi-select-checkbox__input',\n              inputClassName,\n            )}\n            placeholder={inputPlaceholder}\n            readOnly\n            value={inputValue}\n          />\n          <span\n            className=\"inconel-multi-select-checkbox__indicator\"\n            aria-hidden=\"true\"\n          />\n        </div>\n      </div>\n\n      {showOptions &&\n        (options.length > 0 ? (\n          reactPortal ? (\n            createPortal(optionsPanel, document.body)\n          ) : (\n            optionsPanel\n          )\n        ) : (\n          <div className=\"inconel-multi-select-checkbox__nodata\">\n            <span>{noDataMessage}</span>\n          </div>\n        ))}\n\n      {errorPlace !== 'in' && errorMessage && (\n        <span className=\"inconel-multi-select-checkbox__error\">\n          {errorMessage}\n        </span>\n      )}\n    </div>\n  )\n}\n"],"names":["EMPTY_OPTIONS","isOptionSelected","selected","option","optionValue","item","MultiSelectCheckBox","id","label","className","labelClassName","inputClassName","optionsClassName","optionItemClassName","searchableInputClassName","options","defaultSelectedOptions","optionLabel","onChange","placeholder","selectedInputMessage","itemSelectedText","selectAllText","searchPlaceholder","noDataMessage","errorMessage","errorPlace","isSearchable","isLoading","isDisabled","reactPortal","windowPosition","windowHeight","windowClose","isScrollEnd","getOptionTooltip","limit","selectionLimit","rootRef","useRef","anchorRef","portalWrapRef","showOptions","setShowOptions","useState","selectedOptions","setSelectedOptions","openDirection","setOpenDirection","searchValue","setSearchValue","portalStyle","setPortalStyle","portalReady","setPortalReady","maxSelectionCount","hasSelectionLimit","recomputePortalPosition","useCallback","rect","useEffect","next","rootEl","portalEl","handlePointerDown","event","target","inRoot","inPortal","useLayoutEffect","handleReposition","updateSelection","handleScroll","toggleOption","filteredOptions","useMemo","query","inputValue","inputPlaceholder","toggleDropdown","prev","handleTriggerKeyDown","allFilteredSelected","handleSelectAll","toAdd","limitedToAdd","baseId","optionsPanel","jsx","classNames","jsxs","index","value","checked","optionDisabled","inputId","DotLoader","createPortal"],"mappings":"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"}

package/dist/components/MultiSelectCheckBox/index.d.ts

@@ -0,0 +1,3 @@
+export { MultiSelectCheckBox } from './MultiSelectCheckBox';
+export type { MultiSelectCheckBoxProps, MultiSelectCheckBoxOption, } from './MultiSelectCheckBox';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MultiSelectCheckBox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelectCheckBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,YAAY,EACV,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAA"}