@progress/kendo-react-data-tools/drag/DragClue.js

Includes React Pager & React Filter component, an intuitive interface to create complex filter descriptions. KendoReact Data Tools package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use client";
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),l=require("react-dom"),c=require("@progress/kendo-react-common"),a=require("@progress/kendo-svg-icons");function i(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:()=>r[n]})}}return e.default=r,Object.freeze(e)}const t=i(o);class u extends t.PureComponent{constructor(e){super(e),this.elementRef=t.createRef(),this.state={visible:!1,top:0,left:0,innerText:"",status:"k-i-cancel"},this.hiddenElementRef=t.createRef()}get element(){return this.elementRef.current||this.hiddenElementRef.current}render(){const e=this.hiddenElementRef.current,{status:n}=this.state,s=this.state.visible&&c.canUseDOM&&l.createPortal(t.createElement("div",{ref:this.elementRef,className:"k-header k-drag-clue",style:{display:"block",position:"absolute",zIndex:2e4,padding:"8px 12px",top:this.state.top+"px",left:this.state.left+"px"}},t.createElement(c.IconWrap,{className:"k-drag-status",name:n,icon:n==="k-i-cancel"?a.cancelIcon:a.plusIcon}),this.state.innerText),e&&e.ownerDocument?e.ownerDocument.body:document.body);return t.createElement(t.Fragment,null,s,t.createElement("div",{ref:this.hiddenElementRef,style:{display:"none"}}))}}exports.DragClue=u;