@progress/kendo-react-editor/tools/insertTable/popup.js

React Editor enables users to create rich text content through a WYSIWYG interface. KendoReact Editor 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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),o=require("prop-types"),w=require("@progress/kendo-react-popup"),h=require("./popupGrid.js");function m(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const p=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,p.get?p:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const i=m(d);exports.InsertTablePopupNS=void 0;(t=>{const e=class e extends i.Component{constructor(){super(...arguments),this.pointerdown=!1,this.onWindowDown=r=>{const{anchor:s}=this.props;s&&(s===r.target||s.firstElementChild===r.target)||(this.props.show&&!this.pointerdown&&this.props.onClose(),this.pointerdown=!1)},this.onPointerDown=()=>this.pointerdown=!0}componentDidUpdate(r){r.show&&this.props.show&&this.props.onClose()}componentDidMount(){window.addEventListener("mousedown",this.onWindowDown),window.addEventListener("pointerdown",this.onWindowDown)}componentWillUnmount(){window.removeEventListener("mousedown",this.onWindowDown),window.removeEventListener("pointerdown",this.onWindowDown)}render(){const{show:r,anchor:s,dir:a,rows:l=e.defaultProps.rows,columns:u=e.defaultProps.columns}=this.props,c=a==="rtl"?"right":"left";return i.createElement(w.Popup,{anchor:s,anchorAlign:{horizontal:c,vertical:"bottom"},popupAlign:{horizontal:c,vertical:"top"},popupClass:"k-ct-popup k-group k-reset k-state-border-up",show:r,style:a==="rtl"?{direction:"rtl"}:void 0},i.createElement(h,{rows:l,columns:u,createTableMessage:this.props.createTableMessage,createTableHintMessage:this.props.createTableHintMessage,onCellClick:this.props.onTableInsert,onDown:this.onPointerDown}))}};e.propTypes={show:o.bool.isRequired,createTableMessage:o.string.isRequired,createTableHintMessage:o.string.isRequired,onClose:o.func.isRequired,onTableInsert:o.func.isRequired,anchor:o.any,rows:o.number,columns:o.number,dir:o.string},e.defaultProps={rows:6,columns:8};let n=e;t.InsertTablePopup=n})(exports.InsertTablePopupNS||(exports.InsertTablePopupNS={}));