inconel 0.1.17 → 0.1.18

package/dist/cjs/components/FloatingPanel/FloatingPanel.cjs

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

package/dist/cjs/components/FloatingPanel/FloatingPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPanel.cjs","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/cjs/components/MultiSelectCheckBox/MultiSelectCheckBox.cjs

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

package/dist/cjs/components/MultiSelectCheckBox/MultiSelectCheckBox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectCheckBox.cjs","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/cjs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                   */const e=require("./components/FieldFeedback/FieldFeedback.cjs"),t=require("./components/Input/Input.cjs"),o=require("./components/Select/Select.cjs"),r=require("./components/Svg/Svg.cjs"),i=require("./components/Textarea/Textarea.cjs"),n=require("./components/Badge/Badge.cjs"),c=require("./components/Button/Button.cjs"),u=require("./components/CheckBoxList/CheckBoxList.cjs"),a=require("./components/Checkbox/Checkbox.cjs"),l=require("./components/CheckboxGroup/CheckboxGroup.cjs"),s=require("./components/CurrencyInput/CurrencyInput.cjs"),d=require("./components/CustomizableSwitch/CustomizableSwitch.cjs"),p=require("./components/DataGrid/DataGrid.cjs"),q=require("./components/DatePicker/DatePicker.cjs"),T=require("./components/DndFileUpload/DndFileUpload.cjs"),b=require("./components/DotLoader/DotLoader.cjs"),x=require("./components/DragDropUpload/DragDropUpload.cjs"),S=require("./components/DropDownBox/DropDownBox.cjs"),h=require("./components/ExcelTable/ExcelTable.cjs"),D=require("./components/FileUpload/FileUpload.cjs"),I=require("./components/FileUploadText/FileUploadText.cjs"),k=require("./components/Filter/Filter.cjs"),C=require("./components/HTMLTable/HTMLTable.cjs"),F=require("./adapters/InconelProvider.cjs"),M=require("./components/InputRadio/InputRadio.cjs"),L=require("./components/InputText/InputText.cjs"),B=require("./components/Loader/Loader.cjs"),U=require("./components/LoaderMini/LoaderMini.cjs"),g=require("./components/Modal/Modal.cjs"),O=require("./components/MultiSelect/MultiSelect.cjs"),w=require("./components/MultiSelectWithCheckbox/MultiSelectWithCheckbox.cjs"),G=require("./components/Option/Option.cjs"),R=require("./components/OptionWithIcon/OptionWithIcon.cjs"),y=require("./components/RadioGroup/RadioGroup.cjs"),P=require("./components/ReadOnly/ReadOnly.cjs"),f=require("./components/SlideTabs/SlideTabs.cjs"),v=require("./components/SocketStatus/SocketStatus.cjs"),W=require("./components/Switch/Switch.cjs"),m=require("./components/Table/Table.cjs"),z=require("./components/Tabs/Tabs.cjs"),E=require("./components/TextInput/TextInput.cjs"),H=require("./components/Tooltip/Tooltip.cjs"),A=require("./adapters/context.cjs");exports.FieldFeedback=e.default;exports.Input=t.default;exports.Select=o.default;exports.Svg=r.default;exports.Textarea=i.default;exports.Badge=n.Badge;exports.Button=c.Button;exports.CheckBoxList=u.CheckBoxList;exports.Checkbox=a.Checkbox;exports.CheckboxGroup=l.CheckboxGroup;exports.CurrencyInput=s.CurrencyInput;exports.CustomizableSwitch=d.CustomizableSwitch;exports.DataGrid=p.DataGrid;exports.DatePicker=q.DatePicker;exports.DndFileUpload=T.DndFileUpload;exports.DotLoader=b.DotLoader;exports.DragDropUpload=x.DragDropUpload;exports.DropDownBox=S.DropDownBox;exports.ExcelTable=h.ExcelTable;exports.FileUpload=D.FileUpload;exports.FileUploadText=I.FileUploadText;exports.Filter=k.Filter;exports.HTMLTable=C.HTMLTable;exports.InconelProvider=F.InconelProvider;exports.InputRadio=M.InputRadio;exports.InputText=L.InputText;exports.Loader=B.Loader;exports.LoaderMini=U.LoaderMini;exports.Modal=g.Modal;exports.MultiSelect=O.MultiSelect;exports.MultiSelectWithCheckbox=w.MultiSelectWithCheckbox;exports.Option=G.Option;exports.OptionWithIcon=R.OptionWithIcon;exports.RadioGroup=y.RadioGroup;exports.ReadOnly=P.ReadOnly;exports.SlideTabs=f.SlideTabs;exports.SocketStatus=v.SocketStatus;exports.Switch=W.Switch;exports.Table=m.Table;exports.Tabs=z.Tabs;exports.TextInput=E.TextInput;exports.Tooltip=H.Tooltip;exports.useInconelAdapters=A.useInconelAdapters;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                   */const e=require("./components/FieldFeedback/FieldFeedback.cjs"),t=require("./components/Input/Input.cjs"),o=require("./components/Select/Select.cjs"),r=require("./components/Svg/Svg.cjs"),i=require("./components/Textarea/Textarea.cjs"),n=require("./components/Badge/Badge.cjs"),c=require("./components/Button/Button.cjs"),u=require("./components/CheckBoxList/CheckBoxList.cjs"),l=require("./components/Checkbox/Checkbox.cjs"),a=require("./components/CheckboxGroup/CheckboxGroup.cjs"),s=require("./components/CurrencyInput/CurrencyInput.cjs"),d=require("./components/CustomizableSwitch/CustomizableSwitch.cjs"),p=require("./components/DataGrid/DataGrid.cjs"),q=require("./components/DatePicker/DatePicker.cjs"),x=require("./components/DndFileUpload/DndFileUpload.cjs"),T=require("./components/DotLoader/DotLoader.cjs"),b=require("./components/DragDropUpload/DragDropUpload.cjs"),S=require("./components/DropDownBox/DropDownBox.cjs"),h=require("./components/ExcelTable/ExcelTable.cjs"),D=require("./components/FileUpload/FileUpload.cjs"),k=require("./components/FileUploadText/FileUploadText.cjs"),I=require("./components/Filter/Filter.cjs"),C=require("./components/FloatingPanel/FloatingPanel.cjs"),F=require("./components/HTMLTable/HTMLTable.cjs"),M=require("./adapters/InconelProvider.cjs"),B=require("./components/InputRadio/InputRadio.cjs"),L=require("./components/InputText/InputText.cjs"),g=require("./components/Loader/Loader.cjs"),U=require("./components/LoaderMini/LoaderMini.cjs"),O=require("./components/Modal/Modal.cjs"),P=require("./components/MultiSelect/MultiSelect.cjs"),w=require("./components/MultiSelectCheckBox/MultiSelectCheckBox.cjs"),G=require("./components/MultiSelectWithCheckbox/MultiSelectWithCheckbox.cjs"),R=require("./components/Option/Option.cjs"),y=require("./components/OptionWithIcon/OptionWithIcon.cjs"),f=require("./components/RadioGroup/RadioGroup.cjs"),v=require("./components/ReadOnly/ReadOnly.cjs"),W=require("./components/SlideTabs/SlideTabs.cjs"),m=require("./components/SocketStatus/SocketStatus.cjs"),z=require("./components/Switch/Switch.cjs"),E=require("./components/Table/Table.cjs"),H=require("./components/Tabs/Tabs.cjs"),A=require("./components/TextInput/TextInput.cjs"),j=require("./components/Tooltip/Tooltip.cjs"),J=require("./adapters/context.cjs");exports.FieldFeedback=e.default;exports.Input=t.default;exports.Select=o.default;exports.Svg=r.default;exports.Textarea=i.default;exports.Badge=n.Badge;exports.Button=c.Button;exports.CheckBoxList=u.CheckBoxList;exports.Checkbox=l.Checkbox;exports.CheckboxGroup=a.CheckboxGroup;exports.CurrencyInput=s.CurrencyInput;exports.CustomizableSwitch=d.CustomizableSwitch;exports.DataGrid=p.DataGrid;exports.DatePicker=q.DatePicker;exports.DndFileUpload=x.DndFileUpload;exports.DotLoader=T.DotLoader;exports.DragDropUpload=b.DragDropUpload;exports.DropDownBox=S.DropDownBox;exports.ExcelTable=h.ExcelTable;exports.FileUpload=D.FileUpload;exports.FileUploadText=k.FileUploadText;exports.Filter=I.Filter;exports.FloatingPanel=C.FloatingPanel;exports.HTMLTable=F.HTMLTable;exports.InconelProvider=M.InconelProvider;exports.InputRadio=B.InputRadio;exports.InputText=L.InputText;exports.Loader=g.Loader;exports.LoaderMini=U.LoaderMini;exports.Modal=O.Modal;exports.MultiSelect=P.MultiSelect;exports.MultiSelectCheckBox=w.MultiSelectCheckBox;exports.MultiSelectWithCheckbox=G.MultiSelectWithCheckbox;exports.Option=R.Option;exports.OptionWithIcon=y.OptionWithIcon;exports.RadioGroup=f.RadioGroup;exports.ReadOnly=v.ReadOnly;exports.SlideTabs=W.SlideTabs;exports.SocketStatus=m.SocketStatus;exports.Switch=z.Switch;exports.Table=E.Table;exports.Tabs=H.Tabs;exports.TextInput=A.TextInput;exports.Tooltip=j.Tooltip;exports.useInconelAdapters=J.useInconelAdapters;
 //# sourceMappingURL=index.cjs.map