UNPKG

tsm-ui

Version:

### Welcome to TSM-UI: Your Design System for Modern Web Development

62 lines (61 loc) • 34.5 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
import{r as fe}from"./index.d591fb27.js";import{s as we}from"./index.f31275f4.js";import{T as ht}from"./index.655ecc4d.js";import{a as Xe,j as S}from"./jsx-runtime.e41c3930.js";import{B as ee}from"./index.9d7ba1c1.js";import{p as ke}from"./index.2a842a34.js";import{r as Ye}from"./index.237cf077.js";import{a as vt}from"./_commonjsHelpers.712cc82f.js";import"./index.8dde8ec8.js";const J="8px",ae="$4",Q="$colorSecondary010",yt=we("div",{display:"inline-block",position:"relative"}),mt=we("div",{position:"absolute",borderRadius:"$sm",left:"50%",transform:"translateX(-50%)",padding:"$2 $4",backgroundColor:Q,whiteSpace:"nowrap",filter:"drop-shadow(4px 16px 24px rgba(0, 0, 0, 0.25))","&:before":{content:"",left:"50%",border:"solid $transparent",height:0,width:0,position:"absolute",pointerEvents:"none",borderWidth:J,marginLeft:`calc(${J} * -1)`},variants:{direction:{top:{top:`calc(-100% - ${ae} + ${J})`,"&:before":{top:"100%",borderTopColor:Q}},right:{left:`calc(100% + ${ae})`,top:"50%",transform:"translateX(0) translateY(-50%)","&:before":{left:`calc(${J} * -1)`,top:"50%",transform:"translateX(0) translateY(-50%)",borderRightColor:Q}},bottom:{marginTop:ae,"&:before":{bottom:"100%",borderBottomColor:Q}},left:{left:"auto",right:`calc(100% + ${ae})`,top:"50%",transform:"translateX(0) translateY(-50%)","&:before":{left:"auto",right:`calc(${J} * -2)`,top:"50%",transform:"translateX(0) translateY(-50%)",borderLeftColor:Q}}}}}),bt=we(ht,{color:"$colorPrimary070"});function Y({text:e,children:t,direction:n="top",delay:r=400}){let i;const[f,p]=fe.exports.useState(!1);function c(){i=setTimeout(()=>p(!0),r)}function h(){clearInterval(i),p(!1)}return Xe(yt,{onMouseEnter:c,onMouseLeave:h,children:[t,f&&S(mt,{direction:n,children:S(bt,{as:"span",size:"sm",children:e})})]})}Y.displayName="Tooltip";try{Y.displayName="Tooltip",Y.__docgenInfo={description:"",displayName:"Tooltip",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},delay:{defaultValue:{value:"400"},description:"",name:"delay",required:!1,type:{name:"number"}},direction:{defaultValue:{value:"top"},description:"",name:"direction",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"right"'},{value:'"bottom"'},{value:'"left"'}]}}}}}catch{}var F={exports:{}},Ue={};function Fe(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=Fe(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function Ne(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=Fe(e))&&(r&&(r+=" "),r+=t);return r}const Dt=Object.freeze(Object.defineProperty({__proto__:null,clsx:Ne,default:Ne},Symbol.toStringTag,{value:"Module"})),St=vt(Dt);var m={},A={};Object.defineProperty(A,"__esModule",{value:!0});A.dontSetMe=Pt;A.findInArray=wt;A.int=Tt;A.isFunction=_t;A.isNum=Ot;function wt(e,t){for(var n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]}function _t(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function Ot(e){return typeof e=="number"&&!isNaN(e)}function Tt(e){return parseInt(e,10)}function Pt(e,t,n){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(n," - do not set this, set it on the child."))}var H={};Object.defineProperty(H,"__esModule",{value:!0});H.browserPrefixToKey=Ve;H.browserPrefixToStyle=xt;H.default=void 0;H.getPrefix=He;var ye=["Moz","Webkit","O","ms"];function He(){var e,t,n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";var r=(e=window.document)===null||e===void 0||(t=e.documentElement)===null||t===void 0?void 0:t.style;if(!r||n in r)return"";for(var i=0;i<ye.length;i++)if(Ve(n,ye[i])in r)return ye[i];return""}function Ve(e,t){return t?"".concat(t).concat(Mt(e)):e}function xt(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Mt(e){for(var t="",n=!0,r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):e[r]==="-"?n=!0:t+=e[r];return t}var Ct=He();H.default=Ct;function De(e){return De=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},De(e)}Object.defineProperty(m,"__esModule",{value:!0});m.addClassName=Je;m.addEvent=Rt;m.addUserSelectStyles=Ut;m.createCSSTransform=It;m.createSVGTransform=Xt;m.getTouch=kt;m.getTouchIdentifier=Yt;m.getTranslation=_e;m.innerHeight=jt;m.innerWidth=Lt;m.matchesSelector=Ke;m.matchesSelectorAndParentsTo=Nt;m.offsetXYFromParent=Bt;m.outerHeight=At;m.outerWidth=Wt;m.removeClassName=Qe;m.removeEvent=$t;m.removeUserSelectStyles=Ft;var M=A,Re=Et(H);function qe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(qe=function(i){return i?n:t})(e)}function Et(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||De(e)!=="object"&&typeof e!="function")return{default:e};var n=qe(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in e)if(f!=="default"&&Object.prototype.hasOwnProperty.call(e,f)){var p=i?Object.getOwnPropertyDescriptor(e,f):null;p&&(p.get||p.set)?Object.defineProperty(r,f,p):r[f]=e[f]}return r.default=e,n&&n.set(e,r),r}function $e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),n.push.apply(n,r)}return n}function Ge(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?$e(Object(n),!0).forEach(function(r){ze(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$e(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function ze(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ie="";function Ke(e,t){return ie||(ie=(0,M.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(n){return(0,M.isFunction)(e[n])})),(0,M.isFunction)(e[ie])?e[ie](t):!1}function Nt(e,t,n){var r=e;do{if(Ke(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function Rt(e,t,n,r){if(!!e){var i=Ge({capture:!0},r);e.addEventListener?e.addEventListener(t,n,i):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n}}function $t(e,t,n,r){if(!!e){var i=Ge({capture:!0},r);e.removeEventListener?e.removeEventListener(t,n,i):e.detachEvent?e.detachEvent("on"+t,n):e["on"+t]=null}}function At(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,M.int)(n.borderTopWidth),t+=(0,M.int)(n.borderBottomWidth),t}function Wt(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,M.int)(n.borderLeftWidth),t+=(0,M.int)(n.borderRightWidth),t}function jt(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,M.int)(n.paddingTop),t-=(0,M.int)(n.paddingBottom),t}function Lt(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,M.int)(n.paddingLeft),t-=(0,M.int)(n.paddingRight),t}function Bt(e,t,n){var r=t===t.ownerDocument.body,i=r?{left:0,top:0}:t.getBoundingClientRect(),f=(e.clientX+t.scrollLeft-i.left)/n,p=(e.clientY+t.scrollTop-i.top)/n;return{x:f,y:p}}function It(e,t){var n=_e(e,t,"px");return ze({},(0,Re.browserPrefixToKey)("transform",Re.default),n)}function Xt(e,t){var n=_e(e,t,"");return n}function _e(e,t,n){var r=e.x,i=e.y,f="translate(".concat(r).concat(n,",").concat(i).concat(n,")");if(t){var p="".concat(typeof t.x=="string"?t.x:t.x+n),c="".concat(typeof t.y=="string"?t.y:t.y+n);f="translate(".concat(p,", ").concat(c,")")+f}return f}function kt(e,t){return e.targetTouches&&(0,M.findInArray)(e.targetTouches,function(n){return t===n.identifier})||e.changedTouches&&(0,M.findInArray)(e.changedTouches,function(n){return t===n.identifier})}function Yt(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function Ut(e){if(!!e){var t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;} `,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;} `,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&Je(e.body,"react-draggable-transparent-selection")}}function Ft(e){if(!!e)try{if(e.body&&Qe(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{var t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function Je(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Qe(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var W={};Object.defineProperty(W,"__esModule",{value:!0});W.canDragX=qt;W.canDragY=Gt;W.createCoreData=Kt;W.createDraggableData=Jt;W.getBoundPosition=Ht;W.getControlPosition=zt;W.snapToGrid=Vt;var x=A,G=m;function Ht(e,t,n){if(!e.props.bounds)return[t,n];var r=e.props.bounds;r=typeof r=="string"?r:Qt(r);var i=Oe(e);if(typeof r=="string"){var f=i.ownerDocument,p=f.defaultView,c;if(r==="parent"?c=i.parentNode:c=f.querySelector(r),!(c instanceof p.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');var h=c,y=p.getComputedStyle(i),b=p.getComputedStyle(h);r={left:-i.offsetLeft+(0,x.int)(b.paddingLeft)+(0,x.int)(y.marginLeft),top:-i.offsetTop+(0,x.int)(b.paddingTop)+(0,x.int)(y.marginTop),right:(0,G.innerWidth)(h)-(0,G.outerWidth)(i)-i.offsetLeft+(0,x.int)(b.paddingRight)-(0,x.int)(y.marginRight),bottom:(0,G.innerHeight)(h)-(0,G.outerHeight)(i)-i.offsetTop+(0,x.int)(b.paddingBottom)-(0,x.int)(y.marginBottom)}}return(0,x.isNum)(r.right)&&(t=Math.min(t,r.right)),(0,x.isNum)(r.bottom)&&(n=Math.min(n,r.bottom)),(0,x.isNum)(r.left)&&(t=Math.max(t,r.left)),(0,x.isNum)(r.top)&&(n=Math.max(n,r.top)),[t,n]}function Vt(e,t,n){var r=Math.round(t/e[0])*e[0],i=Math.round(n/e[1])*e[1];return[r,i]}function qt(e){return e.props.axis==="both"||e.props.axis==="x"}function Gt(e){return e.props.axis==="both"||e.props.axis==="y"}function zt(e,t,n){var r=typeof t=="number"?(0,G.getTouch)(e,t):null;if(typeof t=="number"&&!r)return null;var i=Oe(n),f=n.props.offsetParent||i.offsetParent||i.ownerDocument.body;return(0,G.offsetXYFromParent)(r||e,f,n.props.scale)}function Kt(e,t,n){var r=e.state,i=!(0,x.isNum)(r.lastX),f=Oe(e);return i?{node:f,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:f,deltaX:t-r.lastX,deltaY:n-r.lastY,lastX:r.lastX,lastY:r.lastY,x:t,y:n}}function Jt(e,t){var n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function Qt(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Oe(e){var t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var ce={},de={};Object.defineProperty(de,"__esModule",{value:!0});de.default=Zt;function Zt(){}function se(e){return se=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},se(e)}Object.defineProperty(ce,"__esModule",{value:!0});ce.default=void 0;var me=tr(fe.exports),P=Te(ke.exports),er=Te(Ye.exports),_=m,X=W,be=A,Z=Te(de);function Te(e){return e&&e.__esModule?e:{default:e}}function Ze(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Ze=function(i){return i?n:t})(e)}function tr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||se(e)!=="object"&&typeof e!="function")return{default:e};var n=Ze(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in e)if(f!=="default"&&Object.prototype.hasOwnProperty.call(e,f)){var p=i?Object.getOwnPropertyDescriptor(e,f):null;p&&(p.get||p.set)?Object.defineProperty(r,f,p):r[f]=e[f]}return r.default=e,n&&n.set(e,r),r}function Ae(e,t){return ar(e)||or(e,t)||nr(e,t)||rr()}function rr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function nr(e,t){if(!!e){if(typeof e=="string")return We(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return We(e,t)}}function We(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function or(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var r=[],i=!0,f=!1,p,c;try{for(n=n.call(e);!(i=(p=n.next()).done)&&(r.push(p.value),!(t&&r.length===t));i=!0);}catch(h){f=!0,c=h}finally{try{!i&&n.return!=null&&n.return()}finally{if(f)throw c}}return r}}function ar(e){if(Array.isArray(e))return e}function ir(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function je(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function lr(e,t,n){return t&&je(e.prototype,t),n&&je(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function sr(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Se(e,t)}function Se(e,t){return Se=Object.setPrototypeOf||function(r,i){return r.__proto__=i,r},Se(e,t)}function ur(e){var t=cr();return function(){var r=ue(e),i;if(t){var f=ue(this).constructor;i=Reflect.construct(r,arguments,f)}else i=r.apply(this,arguments);return fr(this,i)}}function fr(e,t){if(t&&(se(t)==="object"||typeof t=="function"))return t;if(t!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return O(e)}function O(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function cr(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function ue(e){return ue=Object.setPrototypeOf?Object.getPrototypeOf:function(n){return n.__proto__||Object.getPrototypeOf(n)},ue(e)}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var N={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}},k=N.mouse,pe=function(e){sr(n,e);var t=ur(n);function n(){var r;ir(this,n);for(var i=arguments.length,f=new Array(i),p=0;p<i;p++)f[p]=arguments[p];return r=t.call.apply(t,[this].concat(f)),C(O(r),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),C(O(r),"mounted",!1),C(O(r),"handleDragStart",function(c){if(r.props.onMouseDown(c),!r.props.allowAnyClick&&typeof c.button=="number"&&c.button!==0)return!1;var h=r.findDOMNode();if(!h||!h.ownerDocument||!h.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var y=h.ownerDocument;if(!(r.props.disabled||!(c.target instanceof y.defaultView.Node)||r.props.handle&&!(0,_.matchesSelectorAndParentsTo)(c.target,r.props.handle,h)||r.props.cancel&&(0,_.matchesSelectorAndParentsTo)(c.target,r.props.cancel,h))){c.type==="touchstart"&&c.preventDefault();var b=(0,_.getTouchIdentifier)(c);r.setState({touchIdentifier:b});var T=(0,X.getControlPosition)(c,b,O(r));if(T!=null){var w=T.x,j=T.y,R=(0,X.createCoreData)(O(r),w,j);(0,Z.default)("DraggableCore: handleDragStart: %j",R),(0,Z.default)("calling",r.props.onStart);var E=r.props.onStart(c,R);E===!1||r.mounted===!1||(r.props.enableUserSelectHack&&(0,_.addUserSelectStyles)(y),r.setState({dragging:!0,lastX:w,lastY:j}),(0,_.addEvent)(y,k.move,r.handleDrag),(0,_.addEvent)(y,k.stop,r.handleDragStop))}}}),C(O(r),"handleDrag",function(c){var h=(0,X.getControlPosition)(c,r.state.touchIdentifier,O(r));if(h!=null){var y=h.x,b=h.y;if(Array.isArray(r.props.grid)){var T=y-r.state.lastX,w=b-r.state.lastY,j=(0,X.snapToGrid)(r.props.grid,T,w),R=Ae(j,2);if(T=R[0],w=R[1],!T&&!w)return;y=r.state.lastX+T,b=r.state.lastY+w}var E=(0,X.createCoreData)(O(r),y,b);(0,Z.default)("DraggableCore: handleDrag: %j",E);var z=r.props.onDrag(c,E);if(z===!1||r.mounted===!1){try{r.handleDragStop(new MouseEvent("mouseup"))}catch{var $=document.createEvent("MouseEvents");$.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),r.handleDragStop($)}return}r.setState({lastX:y,lastY:b})}}),C(O(r),"handleDragStop",function(c){if(!!r.state.dragging){var h=(0,X.getControlPosition)(c,r.state.touchIdentifier,O(r));if(h!=null){var y=h.x,b=h.y;if(Array.isArray(r.props.grid)){var T=y-r.state.lastX||0,w=b-r.state.lastY||0,j=(0,X.snapToGrid)(r.props.grid,T,w),R=Ae(j,2);T=R[0],w=R[1],y=r.state.lastX+T,b=r.state.lastY+w}var E=(0,X.createCoreData)(O(r),y,b),z=r.props.onStop(c,E);if(z===!1||r.mounted===!1)return!1;var $=r.findDOMNode();$&&r.props.enableUserSelectHack&&(0,_.removeUserSelectStyles)($.ownerDocument),(0,Z.default)("DraggableCore: handleDragStop: %j",E),r.setState({dragging:!1,lastX:NaN,lastY:NaN}),$&&((0,Z.default)("DraggableCore: Removing handlers"),(0,_.removeEvent)($.ownerDocument,k.move,r.handleDrag),(0,_.removeEvent)($.ownerDocument,k.stop,r.handleDragStop))}}}),C(O(r),"onMouseDown",function(c){return k=N.mouse,r.handleDragStart(c)}),C(O(r),"onMouseUp",function(c){return k=N.mouse,r.handleDragStop(c)}),C(O(r),"onTouchStart",function(c){return k=N.touch,r.handleDragStart(c)}),C(O(r),"onTouchEnd",function(c){return k=N.touch,r.handleDragStop(c)}),r}return lr(n,[{key:"componentDidMount",value:function(){this.mounted=!0;var i=this.findDOMNode();i&&(0,_.addEvent)(i,N.touch.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var i=this.findDOMNode();if(i){var f=i.ownerDocument;(0,_.removeEvent)(f,N.mouse.move,this.handleDrag),(0,_.removeEvent)(f,N.touch.move,this.handleDrag),(0,_.removeEvent)(f,N.mouse.stop,this.handleDragStop),(0,_.removeEvent)(f,N.touch.stop,this.handleDragStop),(0,_.removeEvent)(i,N.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,_.removeUserSelectStyles)(f)}}},{key:"findDOMNode",value:function(){var i,f,p;return(i=this.props)!==null&&i!==void 0&&i.nodeRef?(f=this.props)===null||f===void 0||(p=f.nodeRef)===null||p===void 0?void 0:p.current:er.default.findDOMNode(this)}},{key:"render",value:function(){return me.cloneElement(me.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}]),n}(me.Component);ce.default=pe;C(pe,"displayName","DraggableCore");C(pe,"propTypes",{allowAnyClick:P.default.bool,disabled:P.default.bool,enableUserSelectHack:P.default.bool,offsetParent:function(t,n){if(t[n]&&t[n].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:P.default.arrayOf(P.default.number),handle:P.default.string,cancel:P.default.string,nodeRef:P.default.object,onStart:P.default.func,onDrag:P.default.func,onStop:P.default.func,onMouseDown:P.default.func,scale:P.default.number,className:be.dontSetMe,style:be.dontSetMe,transform:be.dontSetMe});C(pe,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1});(function(e){function t(o){return t=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(a){return typeof a}:function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},t(o)}Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return y.default}}),e.default=void 0;var n=R(fe.exports),r=w(ke.exports),i=w(Ye.exports),f=w(St),p=m,c=W,h=A,y=w(ce),b=w(de),T=["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"];function w(o){return o&&o.__esModule?o:{default:o}}function j(o){if(typeof WeakMap!="function")return null;var a=new WeakMap,l=new WeakMap;return(j=function(u){return u?l:a})(o)}function R(o,a){if(!a&&o&&o.__esModule)return o;if(o===null||t(o)!=="object"&&typeof o!="function")return{default:o};var l=j(a);if(l&&l.has(o))return l.get(o);var s={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in o)if(d!=="default"&&Object.prototype.hasOwnProperty.call(o,d)){var g=u?Object.getOwnPropertyDescriptor(o,d):null;g&&(g.get||g.set)?Object.defineProperty(s,d,g):s[d]=o[d]}return s.default=o,l&&l.set(o,s),s}function E(){return E=Object.assign||function(o){for(var a=1;a<arguments.length;a++){var l=arguments[a];for(var s in l)Object.prototype.hasOwnProperty.call(l,s)&&(o[s]=l[s])}return o},E.apply(this,arguments)}function z(o,a){if(o==null)return{};var l=$(o,a),s,u;if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(o);for(u=0;u<d.length;u++)s=d[u],!(a.indexOf(s)>=0)&&(!Object.prototype.propertyIsEnumerable.call(o,s)||(l[s]=o[s]))}return l}function $(o,a){if(o==null)return{};var l={},s=Object.keys(o),u,d;for(d=0;d<s.length;d++)u=s[d],!(a.indexOf(u)>=0)&&(l[u]=o[u]);return l}function ge(o,a){var l=Object.keys(o);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(o);a&&(s=s.filter(function(u){return Object.getOwnPropertyDescriptor(o,u).enumerable})),l.push.apply(l,s)}return l}function B(o){for(var a=1;a<arguments.length;a++){var l=arguments[a]!=null?arguments[a]:{};a%2?ge(Object(l),!0).forEach(function(s){L(o,s,l[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(l)):ge(Object(l)).forEach(function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(l,s))})}return o}function rt(o,a){return it(o)||at(o,a)||ot(o,a)||nt()}function nt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ot(o,a){if(!!o){if(typeof o=="string")return Pe(o,a);var l=Object.prototype.toString.call(o).slice(8,-1);if(l==="Object"&&o.constructor&&(l=o.constructor.name),l==="Map"||l==="Set")return Array.from(o);if(l==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l))return Pe(o,a)}}function Pe(o,a){(a==null||a>o.length)&&(a=o.length);for(var l=0,s=new Array(a);l<a;l++)s[l]=o[l];return s}function at(o,a){var l=o==null?null:typeof Symbol<"u"&&o[Symbol.iterator]||o["@@iterator"];if(l!=null){var s=[],u=!0,d=!1,g,D;try{for(l=l.call(o);!(u=(g=l.next()).done)&&(s.push(g.value),!(a&&s.length===a));u=!0);}catch(v){d=!0,D=v}finally{try{!u&&l.return!=null&&l.return()}finally{if(d)throw D}}return s}}function it(o){if(Array.isArray(o))return o}function lt(o,a){if(!(o instanceof a))throw new TypeError("Cannot call a class as a function")}function xe(o,a){for(var l=0;l<a.length;l++){var s=a[l];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(o,s.key,s)}}function st(o,a,l){return a&&xe(o.prototype,a),l&&xe(o,l),Object.defineProperty(o,"prototype",{writable:!1}),o}function ut(o,a){if(typeof a!="function"&&a!==null)throw new TypeError("Super expression must either be null or a function");o.prototype=Object.create(a&&a.prototype,{constructor:{value:o,writable:!0,configurable:!0}}),Object.defineProperty(o,"prototype",{writable:!1}),a&&he(o,a)}function he(o,a){return he=Object.setPrototypeOf||function(s,u){return s.__proto__=u,s},he(o,a)}function ft(o){var a=dt();return function(){var s=te(o),u;if(a){var d=te(this).constructor;u=Reflect.construct(s,arguments,d)}else u=s.apply(this,arguments);return ct(this,u)}}function ct(o,a){if(a&&(t(a)==="object"||typeof a=="function"))return a;if(a!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return I(o)}function I(o){if(o===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return o}function dt(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function te(o){return te=Object.setPrototypeOf?Object.getPrototypeOf:function(l){return l.__proto__||Object.getPrototypeOf(l)},te(o)}function L(o,a,l){return a in o?Object.defineProperty(o,a,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[a]=l,o}var re=function(o){ut(l,o);var a=ft(l);function l(s){var u;return lt(this,l),u=a.call(this,s),L(I(u),"onDragStart",function(d,g){(0,b.default)("Draggable: onDragStart: %j",g);var D=u.props.onStart(d,(0,c.createDraggableData)(I(u),g));if(D===!1)return!1;u.setState({dragging:!0,dragged:!0})}),L(I(u),"onDrag",function(d,g){if(!u.state.dragging)return!1;(0,b.default)("Draggable: onDrag: %j",g);var D=(0,c.createDraggableData)(I(u),g),v={x:D.x,y:D.y};if(u.props.bounds){var K=v.x,V=v.y;v.x+=u.state.slackX,v.y+=u.state.slackY;var q=(0,c.getBoundPosition)(I(u),v.x,v.y),U=rt(q,2),ve=U[0],ne=U[1];v.x=ve,v.y=ne,v.slackX=u.state.slackX+(K-v.x),v.slackY=u.state.slackY+(V-v.y),D.x=v.x,D.y=v.y,D.deltaX=v.x-u.state.x,D.deltaY=v.y-u.state.y}var oe=u.props.onDrag(d,D);if(oe===!1)return!1;u.setState(v)}),L(I(u),"onDragStop",function(d,g){if(!u.state.dragging)return!1;var D=u.props.onStop(d,(0,c.createDraggableData)(I(u),g));if(D===!1)return!1;(0,b.default)("Draggable: onDragStop: %j",g);var v={dragging:!1,slackX:0,slackY:0},K=Boolean(u.props.position);if(K){var V=u.props.position,q=V.x,U=V.y;v.x=q,v.y=U}u.setState(v)}),u.state={dragging:!1,dragged:!1,x:s.position?s.position.x:s.defaultPosition.x,y:s.position?s.position.y:s.defaultPosition.y,prevPropsPosition:B({},s.position),slackX:0,slackY:0,isElementSVG:!1},s.position&&!(s.onDrag||s.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element."),u}return st(l,[{key:"componentDidMount",value:function(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var u,d,g;return(u=(d=this.props)===null||d===void 0||(g=d.nodeRef)===null||g===void 0?void 0:g.current)!==null&&u!==void 0?u:i.default.findDOMNode(this)}},{key:"render",value:function(){var u,d=this.props;d.axis,d.bounds;var g=d.children,D=d.defaultPosition,v=d.defaultClassName,K=d.defaultClassNameDragging,V=d.defaultClassNameDragged,q=d.position,U=d.positionOffset;d.scale;var ve=z(d,T),ne={},oe=null,pt=Boolean(q),Me=!pt||this.state.dragging,Ce=q||D,Ee={x:(0,c.canDragX)(this)&&Me?this.state.x:Ce.x,y:(0,c.canDragY)(this)&&Me?this.state.y:Ce.y};this.state.isElementSVG?oe=(0,p.createSVGTransform)(Ee,U):ne=(0,p.createCSSTransform)(Ee,U);var gt=(0,f.default)(g.props.className||"",v,(u={},L(u,K,this.state.dragging),L(u,V,this.state.dragged),u));return n.createElement(y.default,E({},ve,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),n.cloneElement(n.Children.only(g),{className:gt,style:B(B({},g.props.style),ne),transform:oe}))}}],[{key:"getDerivedStateFromProps",value:function(u,d){var g=u.position,D=d.prevPropsPosition;return g&&(!D||g.x!==D.x||g.y!==D.y)?((0,b.default)("Draggable: getDerivedStateFromProps %j",{position:g,prevPropsPosition:D}),{x:g.x,y:g.y,prevPropsPosition:B({},g)}):null}}]),l}(n.Component);e.default=re,L(re,"displayName","Draggable"),L(re,"propTypes",B(B({},y.default.propTypes),{},{axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:h.dontSetMe,style:h.dontSetMe,transform:h.dontSetMe})),L(re,"defaultProps",B(B({},y.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))})(Ue);var et=Ue,tt=et.default,dr=et.DraggableCore;F.exports=tt;F.exports.default=tt;F.exports.DraggableCore=dr;const wr={title:"Components/Tooltip",component:Y,args:{text:"Hover over me to see the tooltip!",direction:"bottom",delay:400,trigger:"hover",disabled:!1,offset:8,children:S(ee,{children:"Hover over me to see a tooltip!"})},argTypes:{children:{table:{disable:!0}},delay:{control:{type:"number",min:100,max:1e3,step:100}},trigger:{options:["hover","click","focus"],control:"inline-radio"},offset:{control:"number"}},parameters:{layout:"centered",docs:{description:{story:"Click and drag the buttons to position the tooltip appropriately. If you feel that the tooltip is blocking content or positioned undesirably, simply click and drag the button to move it across the screen.This way, you can view the tooltip in different positions and find the one that best suits your needs. Give it a try! Hover over a button, click and hold the mouse button, and drag the button across the screen.Notice how the tooltip adjusts in real- time.It`s a simple and intuitive way to ensure you can see all the important details provided by the tooltip."}}}},le=()=>{const[e,t]=fe.exports.useState(!1),n=()=>{t(i=>!i)},r=(i,{deltaX:f,deltaY:p})=>{i.preventDefault();const c=i.target.closest(".drag-container");c.style.left=`${c.offsetLeft+f}px`,c.style.top=`${c.offsetTop+p}px`};return Xe("div",{style:{display:"flex",flexWrap:"wrap",gap:"10rem"},children:[S(F.exports,{onDrag:r,children:S("div",{className:"drag-container",children:S(Y,{text:"Top position",direction:"top",delay:400,trigger:"hover",disabled:!1,offset:8,children:S(ee,{onMouseEnter:n,onMouseLeave:n,children:"Top"})})})}),S(F.exports,{onDrag:r,children:S("div",{className:"drag-container",children:S(Y,{text:"Right position",direction:"right",delay:400,trigger:"hover",disabled:!1,offset:8,children:S(ee,{onMouseEnter:n,onMouseLeave:n,children:"Right"})})})}),S(F.exports,{onDrag:r,children:S("div",{className:"drag-container",children:S(Y,{text:"Bottom position",direction:"bottom",delay:400,trigger:"hover",disabled:!1,offset:8,children:S(ee,{onMouseEnter:n,onMouseLeave:n,children:"Bottom"})})})}),S(F.exports,{onDrag:r,children:S("div",{className:"drag-container",children:S(Y,{text:"Left position",direction:"left",delay:400,trigger:"hover",disabled:!1,offset:8,children:S(ee,{onMouseEnter:n,onMouseLeave:n,children:"Left"})})})})]})};var Le,Be,Ie;le.parameters={...le.parameters,docs:{...(Le=le.parameters)==null?void 0:Le.docs,source:{originalSource:`() => { const [showTooltip, setShowTooltip] = useState(false); const handleToggleTooltip = () => { setShowTooltip(prevState => !prevState); }; const handleDrag = (e, { deltaX, deltaY }) => { e.preventDefault(); const container = e.target.closest('.drag-container'); container.style.left = \`\${container.offsetLeft + deltaX}px\`; container.style.top = \`\${container.offsetTop + deltaY}px\`; }; return <div style={{ display: 'flex', flexWrap: 'wrap', gap: '10rem' }}> <Draggable onDrag={handleDrag}> <div className="drag-container"> <Tooltip text="Top position" direction="top" delay={400} trigger="hover" disabled={false} offset={8}> <Button onMouseEnter={handleToggleTooltip} onMouseLeave={handleToggleTooltip}> Top </Button> </Tooltip> </div> </Draggable> <Draggable onDrag={handleDrag}> <div className="drag-container"> <Tooltip text="Right position" direction="right" delay={400} trigger="hover" disabled={false} offset={8}> <Button onMouseEnter={handleToggleTooltip} onMouseLeave={handleToggleTooltip}> Right </Button> </Tooltip> </div> </Draggable> <Draggable onDrag={handleDrag}> <div className="drag-container"> <Tooltip text="Bottom position" direction="bottom" delay={400} trigger="hover" disabled={false} offset={8}> <Button onMouseEnter={handleToggleTooltip} onMouseLeave={handleToggleTooltip}> Bottom </Button> </Tooltip> </div> </Draggable> <Draggable onDrag={handleDrag}> <div className="drag-container"> <Tooltip text="Left position" direction="left" delay={400} trigger="hover" disabled={false} offset={8}> <Button onMouseEnter={handleToggleTooltip} onMouseLeave={handleToggleTooltip}> Left </Button> </Tooltip> </div> </Draggable> </div>; }`,...(Ie=(Be=le.parameters)==null?void 0:Be.docs)==null?void 0:Ie.source}}};const _r=["Primary"];export{le as Primary,_r as __namedExportsOrder,wr as default};