@gsretail.com/gui-core/build/core/Table/GuiTable/GuiTable.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__rest as e,__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import r,{useState as n,useEffect as l,useRef as o}from"react";import{ClickAwayListener as i,Tooltip as a,Box as c,TableContainer as m,Table as u}from"@mui/material";import d from"../../Section/GridHScroll/index.js";import s from"./styled.js";var p=s((function(s){var p=s.children,f=s.tableProps;s.minWidth,s.maxHeight;var g=s.scrollButton,h=void 0===g||g,E=s.tableRef,b=s.dragProps,v=s.elementView,x=s.stickyHeader,w=s.verticalBorder,P=e(s,["children","tableProps","minWidth","maxHeight","scrollButton","tableRef","dragProps","elementView","stickyHeader","verticalBorder"]),k=n(!1),y=k[0],H=k[1],L=n(!0),W=L[0],B=L[1],C=function(){!0===h&&R&&null!==R&&null!==R.current&&(R.current.scrollWidth>R.current.clientWidth?H(!0):H(!1))};l((function(){return C(),document.addEventListener("mousemove",C),function(){document.removeEventListener("mousemove",C)}}),[y]);var R=o(null);l((function(){"undefined"!=typeof window&&window.addEventListener("resize",C)}),[]);return r.createElement(r.Fragment,null,y&&r.createElement(r.Fragment,null,r.createElement(d,null,r.createElement(d.Left,{onClick:function(){R&&(R.current.scrollLeft-=300)}}),r.createElement(d.Right,{onClick:function(){R&&(R.current.scrollLeft+=300)}}),r.createElement(i,{onClickAway:function(){B(!1)}},r.createElement(a,{className:"tooltipWrap",arrow:!0,placement:"top",PopperProps:{sx:{".MuiTooltip-tooltip":{backgroundColor:"rgba(0, 0, 0, 0.62)",padding:"8px 12px",borderRadius:"12px",fontWeight:500,".MuiTooltip-arrow":{left:"unset !important",right:"123px",color:"rgba(0, 0, 0, 0.62)"}}},disablePortal:!0},open:W,title:r.createElement(r.Fragment,null,"좌우 버튼을 클릭 하시거나",r.createElement("br",null),"목록에 마우스커서를 올린 후",r.createElement("br",null),"Shift + 마우스휠 하시면 가로스크롤 됩니다.")},r.createElement(c,{sx:{width:"1px",height:"10px",position:"absolute",top:"10px",right:"105px"}}))))),r.createElement(m,t({},P,{ref:R}),r.createElement(u,t({className:v&&"elementView",ref:E},b,f,{stickyHeader:x,verticalborder:w.toString()}),p)))}));p.defaultProps={verticalBorder:!0};export{p as default};