@storybook/manager 7.0.0-beta.8 → 7.0.0-rc.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +7 -7
- package/dist/{GlobalScrollAreaStyles-XIHNDKUY-666AWKJA.mjs → GlobalScrollAreaStyles-XIHNDKUY-JX4URXPQ.mjs} +1 -1
- package/dist/{OverlayScrollbars-VWTZRU7C-XURMPDFM.mjs → OverlayScrollbars-VAV6LJAB-ZCK6WCDR.mjs} +2 -2
- package/dist/WithTooltip-5WWCYCAA-6V3B4CBO.mjs +1 -0
- package/dist/chunk-7WUZ4646.mjs +140 -0
- package/dist/chunk-GK6JJZAM.mjs +406 -0
- package/dist/{chunk-VLRTDEXS.mjs → chunk-NL2M4DFK.mjs} +3 -3
- package/dist/{chunk-IFMYLCIQ.mjs → chunk-VJ4YIE5J.mjs} +5 -5
- package/dist/chunk-WCYDYUGX.mjs +1 -0
- package/dist/formatter-MGIGMU7Y-BT45LDVJ.mjs +156 -0
- package/dist/globals.js +1 -1
- package/dist/globals.mjs +1 -1
- package/dist/index.js +359 -347
- package/dist/index.mjs +1 -1
- package/dist/runtime.d.ts +1 -0
- package/dist/runtime.js +433 -421
- package/dist/runtime.mjs +1 -1
- package/dist/{syntaxhighlighter-3EX6JOZ7-ZNLBDJLL.mjs → syntaxhighlighter-QTQ2UBB4-B2QKJRXI.mjs} +1 -1
- package/package.json +20 -19
- package/static/fonts.css +31 -0
- package/static/nunito-sans-bold-italic.woff2 +0 -0
- package/static/nunito-sans-bold.woff2 +0 -0
- package/static/nunito-sans-italic.woff2 +0 -0
- package/static/nunito-sans-regular.woff2 +0 -0
- package/dist/WithTooltip-52JYBAXX-3H3M54T5.mjs +0 -9
- package/dist/chunk-QFIGSMSK.mjs +0 -1
- package/dist/chunk-XWKHDWQO.mjs +0 -132
- package/dist/chunk-ZHNYMNBM.mjs +0 -394
- package/dist/formatter-KS326MQU-AA2BA3X2.mjs +0 -156
package/dist/runtime.mjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
import{Addon_TypesEnum,CHANNEL_CREATED,Channel,Provider,addons,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports7,isJSON,mockChannel,parse,renderStorybookUI,require_lib,stringify}from"./chunk-
|
1
|
+
import{Addon_TypesEnum,CHANNEL_CREATED,Channel,Provider,addons,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports7,isJSON,mockChannel,parse,renderStorybookUI,require_lib,stringify}from"./chunk-GK6JJZAM.mjs";import{Keys}from"./chunk-GPWZILNL.mjs";import"./chunk-NL2M4DFK.mjs";import{require_react_dom}from"./chunk-7WUZ4646.mjs";import"./chunk-WCYDYUGX.mjs";import{dist_exports,dist_exports2 as dist_exports6,logger,pretty,scope}from"./chunk-VJ4YIE5J.mjs";import{require_react}from"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import{__toESM}from"./chunk-JCTATS4D.mjs";var import_qs=__toESM(require_lib(),1),{document,location}=scope,KEY="storybook-channel",defaultEventOptions={allowFunction:!0,maxDepth:25},PostmsgTransport=class{constructor(config){if(this.config=config,this.buffer=[],this.handler=null,typeof scope?.addEventListener=="function"&&scope.addEventListener("message",this.handleEvent.bind(this),!1),config.page!=="manager"&&config.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${config.page}"`)}setHandler(handler){this.handler=(...args)=>{handler.apply(this,args),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(event,options){let{target,allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}=options||{},eventOptions=Object.fromEntries(Object.entries({allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}).filter(([k,v])=>typeof v<"u")),stringifyOptions={...defaultEventOptions,...scope.CHANNEL_OPTIONS||{},...eventOptions},frames=this.getFrames(target),query=import_qs.default.parse(location.search,{ignoreQueryPrefix:!0}),data=stringify({key:KEY,event,refId:query.refId},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach(f=>{try{f.postMessage(data,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((resolve,reject)=>{this.buffer.push({event,resolve,reject})})}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(item=>{this.send(item.event).then(item.resolve).catch(item.reject)})}getFrames(target){if(this.config.page==="manager"){let list=Array.from(document.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")).filter(e=>{try{return!!e.contentWindow&&e.dataset.isStorybook!==void 0&&e.id===target}catch{return!1}}).map(e=>e.contentWindow);return list.length?list:this.getCurrentFrames()}return scope&&scope.parent&&scope.parent!==scope.self?[scope.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?Array.from(document.querySelectorAll('[data-is-storybook="true"]')).map(e=>e.contentWindow):scope&&scope.parent?[scope.parent]:[]}getLocalFrame(){return this.config.page==="manager"?Array.from(document.querySelectorAll("#storybook-preview-iframe")).map(e=>e.contentWindow):scope&&scope.parent?[scope.parent]:[]}handleEvent(rawEvent){try{let{data}=rawEvent,{key,event,refId}=typeof data=="string"&&isJSON(data)?parse(data,scope.CHANNEL_OPTIONS||{}):data;if(key===KEY){let pageString=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(dist_exports3).includes(event.type)?`<span style="color: #FF4785">${event.type}</span>`:`<span style="color: #FFAE00">${event.type}</span>`;if(refId&&(event.refId=refId),event.source=this.config.page==="preview"?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source){pretty.error(`${pageString} received ${eventString} but was unable to determine the source of the event`);return}let message=`${pageString} received ${eventString} (${data.length})`;pretty.debug(location.origin!==event.source?message:`${message} <span style="color: gray">(on ${location.origin} from ${event.source})</span>`,...event.args),this.handler(event)}}catch(error){logger.error(error)}}},getEventSourceUrl=event=>{let frames=Array.from(document.querySelectorAll("iframe[data-is-storybook]")),[frame,...remainder]=frames.filter(element=>{try{return element.contentWindow===event.source}catch{}let src=element.getAttribute("src"),origin;try{({origin}=new URL(src,document.location.toString()))}catch{return!1}return origin===event.origin});if(frame&&remainder.length===0){let src=frame.getAttribute("src"),{protocol,host,pathname}=new URL(src,document.location.toString());return`${protocol}//${host}${pathname}`}return remainder.length>0&&logger.error("found multiple candidates for event source"),null};function createChannel({page}){let transport=new PostmsgTransport({page});return new Channel({transport})}var{WebSocket}=scope,WebsocketTransport=class{constructor({url,onError}){this.buffer=[],this.isReady=!1,this.connect(url,onError)}setHandler(handler){this.handler=handler}send(event){this.isReady?this.sendNow(event):this.sendLater(event)}sendLater(event){this.buffer.push(event)}sendNow(event){let data=stringify(event,{maxDepth:15,allowFunction:!0});this.socket.send(data)}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(event=>this.send(event))}connect(url,onError){this.socket=new WebSocket(url),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data})=>{let event=typeof data=="string"&&isJSON(data)?parse(data):data;this.handler(event)},this.socket.onerror=e=>{onError&&onError(e)}}};function createChannel2({url,async=!1,onError=err=>logger.warn(err)}){let transport=new WebsocketTransport({url,onError});return new Channel({transport,async})}var REACT=__toESM(require_react()),REACTDOM=__toESM(require_react_dom());var values={react:REACT,"react-dom":REACTDOM,"@storybook/components":dist_exports7,"@storybook/channels":dist_exports4,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports6,"@storybook/api":dist_exports5,"@storybook/manager-api":dist_exports5,"@storybook/addons":{addons,types:Addon_TypesEnum,mockChannel},"@storybook/client-logger":dist_exports};var{FEATURES,SERVER_CHANNEL_URL}=scope,ReactProvider=class extends Provider{constructor(){super();let postMessageChannel=createChannel({page:"manager"});if(addons.setChannel(postMessageChannel),postMessageChannel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=postMessageChannel,FEATURES?.storyStoreV7&&SERVER_CHANNEL_URL){let serverChannel=createChannel2({url:SERVER_CHANNEL_URL});this.serverChannel=serverChannel,addons.setServerChannel(this.serverChannel)}}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}},{document:document2}=scope,rootEl=document2.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);Object.keys(Keys).forEach(key=>{scope[Keys[key]]=values[key]});
|
package/dist/{syntaxhighlighter-3EX6JOZ7-ZNLBDJLL.mjs → syntaxhighlighter-QTQ2UBB4-B2QKJRXI.mjs}
RENAMED
@@ -1 +1 @@
|
|
1
|
-
import{SyntaxHighlighter2,createCopyToClipboardFunction,syntaxhighlighter_default}from"./chunk-
|
1
|
+
import{SyntaxHighlighter2,createCopyToClipboardFunction,syntaxhighlighter_default}from"./chunk-NL2M4DFK.mjs";import"./chunk-WCYDYUGX.mjs";import"./chunk-VJ4YIE5J.mjs";import"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import"./chunk-JCTATS4D.mjs";export{SyntaxHighlighter2 as SyntaxHighlighter,createCopyToClipboardFunction,syntaxhighlighter_default as default};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@storybook/manager",
|
3
|
-
"version": "7.0.0-
|
3
|
+
"version": "7.0.0-rc.0",
|
4
4
|
"description": "Core Storybook UI",
|
5
5
|
"keywords": [
|
6
6
|
"storybook"
|
@@ -21,6 +21,7 @@
|
|
21
21
|
"license": "MIT",
|
22
22
|
"exports": {
|
23
23
|
".": {
|
24
|
+
"node": "./dist/index.js",
|
24
25
|
"require": "./dist/index.js",
|
25
26
|
"import": "./dist/index.mjs",
|
26
27
|
"types": "./dist/index.d.ts"
|
@@ -43,6 +44,7 @@
|
|
43
44
|
"types": "dist/index.d.ts",
|
44
45
|
"files": [
|
45
46
|
"dist/**/*",
|
47
|
+
"static/**/*",
|
46
48
|
"README.md",
|
47
49
|
"*.js",
|
48
50
|
"*.d.ts"
|
@@ -53,28 +55,27 @@
|
|
53
55
|
},
|
54
56
|
"devDependencies": {
|
55
57
|
"@fal-works/esbuild-plugin-global-externals": "^2.1.2",
|
56
|
-
"@storybook/addons": "7.0.0-
|
57
|
-
"@storybook/api": "7.0.0-
|
58
|
-
"@storybook/channel-postmessage": "7.0.0-
|
59
|
-
"@storybook/channel-websocket": "7.0.0-
|
60
|
-
"@storybook/channels": "7.0.0-
|
61
|
-
"@storybook/client-logger": "7.0.0-
|
62
|
-
"@storybook/components": "7.0.0-
|
63
|
-
"@storybook/core-events": "7.0.0-
|
64
|
-
"@storybook/
|
65
|
-
"@storybook/
|
66
|
-
"@storybook/
|
67
|
-
"@storybook/
|
58
|
+
"@storybook/addons": "7.0.0-rc.0",
|
59
|
+
"@storybook/api": "7.0.0-rc.0",
|
60
|
+
"@storybook/channel-postmessage": "7.0.0-rc.0",
|
61
|
+
"@storybook/channel-websocket": "7.0.0-rc.0",
|
62
|
+
"@storybook/channels": "7.0.0-rc.0",
|
63
|
+
"@storybook/client-logger": "7.0.0-rc.0",
|
64
|
+
"@storybook/components": "7.0.0-rc.0",
|
65
|
+
"@storybook/core-events": "7.0.0-rc.0",
|
66
|
+
"@storybook/global": "^5.0.0",
|
67
|
+
"@storybook/manager-api": "7.0.0-rc.0",
|
68
|
+
"@storybook/router": "7.0.0-rc.0",
|
69
|
+
"@storybook/theming": "7.0.0-rc.0",
|
70
|
+
"@storybook/types": "7.0.0-rc.0",
|
68
71
|
"@testing-library/react": "^11.2.2",
|
69
72
|
"@types/semver": "^7.3.4",
|
70
73
|
"copy-to-clipboard": "^3.3.1",
|
71
74
|
"downshift": "^6.0.15",
|
72
|
-
"
|
73
|
-
"fs-extra": "^9.0.1",
|
75
|
+
"fs-extra": "^11.1.0",
|
74
76
|
"fuse.js": "^3.6.1",
|
75
|
-
"global": "^4.4.0",
|
76
77
|
"lodash": "^4.17.21",
|
77
|
-
"markdown-to-jsx": "^7.1.
|
78
|
+
"markdown-to-jsx": "^7.1.8",
|
78
79
|
"memoizerific": "^1.11.3",
|
79
80
|
"polished": "^4.2.2",
|
80
81
|
"qs": "^6.10.0",
|
@@ -82,7 +83,7 @@
|
|
82
83
|
"react-dom": "^16.8.0",
|
83
84
|
"react-draggable": "^4.4.3",
|
84
85
|
"react-helmet-async": "^1.0.7",
|
85
|
-
"react-
|
86
|
+
"react-resize-detector": "^7.1.2",
|
86
87
|
"resolve-from": "^5.0.0",
|
87
88
|
"semver": "^7.3.7",
|
88
89
|
"store2": "^2.14.2",
|
@@ -100,5 +101,5 @@
|
|
100
101
|
"./src/runtime.ts"
|
101
102
|
]
|
102
103
|
},
|
103
|
-
"gitHead": "
|
104
|
+
"gitHead": "6d1bcb2579203a3075467a2ba83738d854545053"
|
104
105
|
}
|
package/static/fonts.css
ADDED
@@ -0,0 +1,31 @@
|
|
1
|
+
@font-face {
|
2
|
+
font-family: 'Nunito Sans';
|
3
|
+
font-style: normal;
|
4
|
+
font-weight: 400;
|
5
|
+
font-display: swap;
|
6
|
+
src: url('./nunito-sans-regular.woff2') format('woff2');
|
7
|
+
}
|
8
|
+
|
9
|
+
@font-face {
|
10
|
+
font-family: 'Nunito Sans';
|
11
|
+
font-style: italic;
|
12
|
+
font-weight: 400;
|
13
|
+
font-display: swap;
|
14
|
+
src: url('./nunito-sans-italic.woff2') format('woff2');
|
15
|
+
}
|
16
|
+
|
17
|
+
@font-face {
|
18
|
+
font-family: 'Nunito Sans';
|
19
|
+
font-style: normal;
|
20
|
+
font-weight: 700;
|
21
|
+
font-display: swap;
|
22
|
+
src: url('./nunito-sans-bold.woff2') format('woff2');
|
23
|
+
}
|
24
|
+
|
25
|
+
@font-face {
|
26
|
+
font-family: 'Nunito Sans';
|
27
|
+
font-style: italic;
|
28
|
+
font-weight: 700;
|
29
|
+
font-display: swap;
|
30
|
+
src: url('./nunito-sans-bold-italic.woff2') format('woff2');
|
31
|
+
}
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import{_inheritsLoose,createPopper,require_react_dom}from"./chunk-XWKHDWQO.mjs";import{_extends,_objectWithoutPropertiesLoose,require_window}from"./chunk-QFIGSMSK.mjs";import{emotion_styled_browser_esm_default,lightenColor}from"./chunk-IFMYLCIQ.mjs";import{require_react}from"./chunk-CGGDZUA2.mjs";import{require_memoizerific}from"./chunk-7NJ6NIF4.mjs";import{__commonJS,__toESM as __toESM2}from"./chunk-KQFPYAFV.mjs";import{__toESM}from"./chunk-JCTATS4D.mjs";var import_react=__toESM(require_react(),1);var import_react2=__toESM(require_react(),1),import_react_dom=__toESM(require_react_dom(),1),React4=__toESM(require_react(),1),React=__toESM(require_react(),1),React2=__toESM(require_react(),1),React3=__toESM(require_react(),1),ReactDOM=__toESM(require_react_dom(),1),React5=__toESM(require_react(),1),import_react3=__toESM(require_react(),1),import_memoizerific=__toESM(require_memoizerific(),1);var require_react_fast_compare=__commonJS({"../../node_modules/react-fast-compare/index.js"(exports,module){var hasElementType=typeof Element<"u",hasMap=typeof Map=="function",hasSet=typeof Set=="function",hasArrayBuffer=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function equal(a,b){if(a===b)return!0;if(a&&b&&typeof a=="object"&&typeof b=="object"){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if(length=a.length,length!=b.length)return!1;for(i=length;i--!==0;)if(!equal(a[i],b[i]))return!1;return!0}var it;if(hasMap&&a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return!1;for(it=a.entries();!(i=it.next()).done;)if(!equal(i.value[1],b.get(i.value[0])))return!1;return!0}if(hasSet&&a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return!1;return!0}if(hasArrayBuffer&&ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if(length=a.length,length!=b.length)return!1;for(i=length;i--!==0;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if(keys=Object.keys(a),length=keys.length,length!==Object.keys(b).length)return!1;for(i=length;i--!==0;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;if(hasElementType&&a instanceof Element)return!1;for(i=length;i--!==0;)if(!((keys[i]==="_owner"||keys[i]==="__v"||keys[i]==="__o")&&a.$$typeof)&&!equal(a[keys[i]],b[keys[i]]))return!1;return!0}return a!==a&&b!==b}module.exports=function(a,b){try{return equal(a,b)}catch(error){if((error.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw error}}}}),require_warning=__commonJS({"../../node_modules/warning/warning.js"(exports,module){"use strict";var __DEV__=!0,warning2=function(){};__DEV__&&(printWarning=function(format,args){var len=arguments.length;args=new Array(len>1?len-1:0);for(var key=1;key<len;key++)args[key-1]=arguments[key];var argIndex=0,message="Warning: "+format.replace(/%s/g,function(){return args[argIndex++]});typeof console<"u"&&console.error(message);try{throw new Error(message)}catch{}},warning2=function(condition,format,args){var len=arguments.length;args=new Array(len>2?len-2:0);for(var key=2;key<len;key++)args[key-2]=arguments[key];if(format===void 0)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");condition||printWarning.apply(null,[format].concat(args))});var printWarning;module.exports=warning2}}),import_global=__toESM2(require_window()),ManagerReferenceNodeContext=React.createContext(),ManagerReferenceNodeSetterContext=React.createContext();function Manager(_ref){var children=_ref.children,_React$useState=React.useState(null),referenceNode=_React$useState[0],setReferenceNode=_React$useState[1],hasUnmounted=React.useRef(!1);React.useEffect(function(){return function(){hasUnmounted.current=!0}},[]);var handleSetReferenceNode=React.useCallback(function(node){hasUnmounted.current||setReferenceNode(node)},[]);return React.createElement(ManagerReferenceNodeContext.Provider,{value:referenceNode},React.createElement(ManagerReferenceNodeSetterContext.Provider,{value:handleSetReferenceNode},children))}var unwrapArray=function(arg){return Array.isArray(arg)?arg[0]:arg},safeInvoke=function(fn){if(typeof fn=="function"){for(var _len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];return fn.apply(void 0,args)}},setRef=function(ref,node){if(typeof ref=="function")return safeInvoke(ref,node);ref!=null&&(ref.current=node)},fromEntries=function(entries){return entries.reduce(function(acc,_ref){var key=_ref[0],value=_ref[1];return acc[key]=value,acc},{})},useIsomorphicLayoutEffect=typeof window<"u"&&window.document&&window.document.createElement?React2.useLayoutEffect:React2.useEffect,import_react_fast_compare=__toESM2(require_react_fast_compare()),EMPTY_MODIFIERS=[],usePopper=function(referenceElement,popperElement,options){options===void 0&&(options={});var prevOptions=React3.useRef(null),optionsWithDefaults={onFirstUpdate:options.onFirstUpdate,placement:options.placement||"bottom",strategy:options.strategy||"absolute",modifiers:options.modifiers||EMPTY_MODIFIERS},_React$useState=React3.useState({styles:{popper:{position:optionsWithDefaults.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),state=_React$useState[0],setState=_React$useState[1],updateStateModifier=React3.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(_ref){var state2=_ref.state,elements=Object.keys(state2.elements);ReactDOM.flushSync(function(){setState({styles:fromEntries(elements.map(function(element){return[element,state2.styles[element]||{}]})),attributes:fromEntries(elements.map(function(element){return[element,state2.attributes[element]]}))})})},requires:["computeStyles"]}},[]),popperOptions=React3.useMemo(function(){var newOptions={onFirstUpdate:optionsWithDefaults.onFirstUpdate,placement:optionsWithDefaults.placement,strategy:optionsWithDefaults.strategy,modifiers:[].concat(optionsWithDefaults.modifiers,[updateStateModifier,{name:"applyStyles",enabled:!1}])};return(0,import_react_fast_compare.default)(prevOptions.current,newOptions)?prevOptions.current||newOptions:(prevOptions.current=newOptions,newOptions)},[optionsWithDefaults.onFirstUpdate,optionsWithDefaults.placement,optionsWithDefaults.strategy,optionsWithDefaults.modifiers,updateStateModifier]),popperInstanceRef=React3.useRef();return useIsomorphicLayoutEffect(function(){popperInstanceRef.current&&popperInstanceRef.current.setOptions(popperOptions)},[popperOptions]),useIsomorphicLayoutEffect(function(){if(!(referenceElement==null||popperElement==null)){var createPopper2=options.createPopper||createPopper,popperInstance=createPopper2(referenceElement,popperElement,popperOptions);return popperInstanceRef.current=popperInstance,function(){popperInstance.destroy(),popperInstanceRef.current=null}}},[referenceElement,popperElement,options.createPopper]),{state:popperInstanceRef.current?popperInstanceRef.current.state:null,styles:state.styles,attributes:state.attributes,update:popperInstanceRef.current?popperInstanceRef.current.update:null,forceUpdate:popperInstanceRef.current?popperInstanceRef.current.forceUpdate:null}},NOOP=function(){},NOOP_PROMISE=function(){return Promise.resolve(null)},EMPTY_MODIFIERS2=[];function Popper(_ref){var _ref$placement=_ref.placement,placement=_ref$placement===void 0?"bottom":_ref$placement,_ref$strategy=_ref.strategy,strategy=_ref$strategy===void 0?"absolute":_ref$strategy,_ref$modifiers=_ref.modifiers,modifiers=_ref$modifiers===void 0?EMPTY_MODIFIERS2:_ref$modifiers,referenceElement=_ref.referenceElement,onFirstUpdate=_ref.onFirstUpdate,innerRef=_ref.innerRef,children=_ref.children,referenceNode=React4.useContext(ManagerReferenceNodeContext),_React$useState=React4.useState(null),popperElement=_React$useState[0],setPopperElement=_React$useState[1],_React$useState2=React4.useState(null),arrowElement=_React$useState2[0],setArrowElement=_React$useState2[1];React4.useEffect(function(){setRef(innerRef,popperElement)},[innerRef,popperElement]);var options=React4.useMemo(function(){return{placement,strategy,onFirstUpdate,modifiers:[].concat(modifiers,[{name:"arrow",enabled:arrowElement!=null,options:{element:arrowElement}}])}},[placement,strategy,onFirstUpdate,modifiers,arrowElement]),_usePopper=usePopper(referenceElement||referenceNode,popperElement,options),state=_usePopper.state,styles=_usePopper.styles,forceUpdate=_usePopper.forceUpdate,update=_usePopper.update,childrenProps=React4.useMemo(function(){return{ref:setPopperElement,style:styles.popper,placement:state?state.placement:placement,hasPopperEscaped:state&&state.modifiersData.hide?state.modifiersData.hide.hasPopperEscaped:null,isReferenceHidden:state&&state.modifiersData.hide?state.modifiersData.hide.isReferenceHidden:null,arrowProps:{style:styles.arrow,ref:setArrowElement},forceUpdate:forceUpdate||NOOP,update:update||NOOP_PROMISE}},[setPopperElement,setArrowElement,placement,state,styles,update,forceUpdate]);return unwrapArray(children)(childrenProps)}var import_warning=__toESM2(require_warning());function Reference(_ref){var children=_ref.children,innerRef=_ref.innerRef,setReferenceNode=React5.useContext(ManagerReferenceNodeSetterContext),refHandler=React5.useCallback(function(node){setRef(innerRef,node),safeInvoke(setReferenceNode,node)},[innerRef,setReferenceNode]);return React5.useEffect(function(){return function(){return setRef(innerRef,null)}},[]),React5.useEffect(function(){(0,import_warning.default)(Boolean(setReferenceNode),"`Reference` should not be used outside of a `Manager` component.")},[setReferenceNode]),unwrapArray(children)({ref:refHandler})}var TooltipContext=import_react2.default.createContext({}),callAll=function(){for(var _len=arguments.length,fns=new Array(_len),_key=0;_key<_len;_key++)fns[_key]=arguments[_key];return function(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return fns.forEach(function(fn){return fn&&fn.apply(void 0,args)})}},noop=function(){},canUseDOM=function(){return!!(typeof window<"u"&&window.document&&window.document.createElement)},setRef3=function(ref,node){if(typeof ref=="function")return ref(node);ref!=null&&(ref.current=node)},Tooltip=function(_Component){_inheritsLoose(Tooltip3,_Component);function Tooltip3(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_Component.call.apply(_Component,[this].concat(args))||this,_this.observer=void 0,_this.tooltipRef=void 0,_this.handleOutsideClick=function(event){if(_this.tooltipRef&&!_this.tooltipRef.contains(event.target)){var parentOutsideClickHandler=_this.context.parentOutsideClickHandler,_this$props=_this.props,hideTooltip=_this$props.hideTooltip,clearScheduled=_this$props.clearScheduled;clearScheduled(),hideTooltip(),parentOutsideClickHandler&&parentOutsideClickHandler(event)}},_this.handleOutsideRightClick=function(event){if(_this.tooltipRef&&!_this.tooltipRef.contains(event.target)){var parentOutsideRightClickHandler=_this.context.parentOutsideRightClickHandler,_this$props2=_this.props,hideTooltip=_this$props2.hideTooltip,clearScheduled=_this$props2.clearScheduled;clearScheduled(),hideTooltip(),parentOutsideRightClickHandler&&parentOutsideRightClickHandler(event)}},_this.addOutsideClickHandler=function(){document.body.addEventListener("touchend",_this.handleOutsideClick),document.body.addEventListener("click",_this.handleOutsideClick)},_this.removeOutsideClickHandler=function(){document.body.removeEventListener("touchend",_this.handleOutsideClick),document.body.removeEventListener("click",_this.handleOutsideClick)},_this.addOutsideRightClickHandler=function(){return document.body.addEventListener("contextmenu",_this.handleOutsideRightClick)},_this.removeOutsideRightClickHandler=function(){return document.body.removeEventListener("contextmenu",_this.handleOutsideRightClick)},_this.getTooltipRef=function(node){_this.tooltipRef=node,setRef3(_this.props.innerRef,node)},_this.getArrowProps=function(props){return props===void 0&&(props={}),_extends({},props,{style:_extends({},props.style,_this.props.arrowProps.style)})},_this.getTooltipProps=function(props){return props===void 0&&(props={}),_extends({},props,_this.isTriggeredBy("hover")&&{onMouseEnter:callAll(_this.props.clearScheduled,props.onMouseEnter),onMouseLeave:callAll(_this.props.hideTooltip,props.onMouseLeave)},{style:_extends({},props.style,_this.props.style)})},_this.contextValue={isParentNoneTriggered:_this.props.trigger==="none",addParentOutsideClickHandler:_this.addOutsideClickHandler,addParentOutsideRightClickHandler:_this.addOutsideRightClickHandler,parentOutsideClickHandler:_this.handleOutsideClick,parentOutsideRightClickHandler:_this.handleOutsideRightClick,removeParentOutsideClickHandler:_this.removeOutsideClickHandler,removeParentOutsideRightClickHandler:_this.removeOutsideRightClickHandler},_this}var _proto=Tooltip3.prototype;return _proto.componentDidMount=function(){var _this2=this,observer=this.observer=new MutationObserver(function(){_this2.props.update()});if(observer.observe(this.tooltipRef,this.props.mutationObserverOptions),this.isTriggeredBy("hover")||this.isTriggeredBy("click")||this.isTriggeredBy("right-click")){var _this$context=this.context,removeParentOutsideClickHandler=_this$context.removeParentOutsideClickHandler,removeParentOutsideRightClickHandler=_this$context.removeParentOutsideRightClickHandler;this.addOutsideClickHandler(),this.addOutsideRightClickHandler(),removeParentOutsideClickHandler&&removeParentOutsideClickHandler(),removeParentOutsideRightClickHandler&&removeParentOutsideRightClickHandler()}},_proto.componentDidUpdate=function(){this.props.closeOnReferenceHidden&&this.props.isReferenceHidden&&this.props.hideTooltip()},_proto.componentWillUnmount=function(){if(this.observer&&this.observer.disconnect(),this.isTriggeredBy("hover")||this.isTriggeredBy("click")||this.isTriggeredBy("right-click")){var _this$context2=this.context,isParentNoneTriggered=_this$context2.isParentNoneTriggered,addParentOutsideClickHandler=_this$context2.addParentOutsideClickHandler,addParentOutsideRightClickHandler=_this$context2.addParentOutsideRightClickHandler;this.removeOutsideClickHandler(),this.removeOutsideRightClickHandler(),this.handleOutsideClick=void 0,this.handleOutsideRightClick=void 0,!isParentNoneTriggered&&addParentOutsideClickHandler&&addParentOutsideClickHandler(),!isParentNoneTriggered&&addParentOutsideRightClickHandler&&addParentOutsideRightClickHandler()}},_proto.render=function(){var _this$props3=this.props,arrowProps=_this$props3.arrowProps,placement=_this$props3.placement,tooltip=_this$props3.tooltip;return import_react2.default.createElement(TooltipContext.Provider,{value:this.contextValue},tooltip({arrowRef:arrowProps.ref,getArrowProps:this.getArrowProps,getTooltipProps:this.getTooltipProps,placement,tooltipRef:this.getTooltipRef}))},_proto.isTriggeredBy=function(event){var trigger=this.props.trigger;return trigger===event||Array.isArray(trigger)&&trigger.includes(event)},Tooltip3}(import_react2.Component);Tooltip.contextType=TooltipContext;var DEFAULT_MUTATION_OBSERVER_CONFIG={childList:!0,subtree:!0},TooltipTrigger=function(_Component){_inheritsLoose(TooltipTrigger2,_Component);function TooltipTrigger2(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_Component.call.apply(_Component,[this].concat(args))||this,_this.state={tooltipShown:_this.props.defaultTooltipShown},_this.hideTimeout=void 0,_this.showTimeout=void 0,_this.popperOffset=void 0,_this.setTooltipState=function(state){var cb=function(){return _this.props.onVisibilityChange(state.tooltipShown)};_this.isControlled()?cb():_this.setState(state,cb)},_this.clearScheduled=function(){clearTimeout(_this.hideTimeout),clearTimeout(_this.showTimeout)},_this.showTooltip=function(_ref){var pageX=_ref.pageX,pageY=_ref.pageY;_this.clearScheduled();var state={tooltipShown:!0};_this.props.followCursor&&(state=_extends({},state,{pageX,pageY})),_this.showTimeout=window.setTimeout(function(){return _this.setTooltipState(state)},_this.props.delayShow)},_this.hideTooltip=function(){_this.clearScheduled(),_this.hideTimeout=window.setTimeout(function(){return _this.setTooltipState({tooltipShown:!1})},_this.props.delayHide)},_this.toggleTooltip=function(_ref2){var pageX=_ref2.pageX,pageY=_ref2.pageY,action=_this.getState()?"hideTooltip":"showTooltip";_this[action]({pageX,pageY})},_this.clickToggle=function(event){event.preventDefault();var pageX=event.pageX,pageY=event.pageY,action=_this.props.followCursor?"showTooltip":"toggleTooltip";_this[action]({pageX,pageY})},_this.contextMenuToggle=function(event){event.preventDefault();var pageX=event.pageX,pageY=event.pageY,action=_this.props.followCursor?"showTooltip":"toggleTooltip";_this[action]({pageX,pageY})},_this.getTriggerProps=function(props){return props===void 0&&(props={}),_extends({},props,_this.isTriggeredBy("click")&&{onClick:callAll(_this.clickToggle,props.onClick),onTouchEnd:callAll(_this.clickToggle,props.onTouchEnd)},_this.isTriggeredBy("right-click")&&{onContextMenu:callAll(_this.contextMenuToggle,props.onContextMenu)},_this.isTriggeredBy("hover")&&_extends({onMouseEnter:callAll(_this.showTooltip,props.onMouseEnter),onMouseLeave:callAll(_this.hideTooltip,props.onMouseLeave)},_this.props.followCursor&&{onMouseMove:callAll(_this.showTooltip,props.onMouseMove)}),_this.isTriggeredBy("focus")&&{onFocus:callAll(_this.showTooltip,props.onFocus),onBlur:callAll(_this.hideTooltip,props.onBlur)})},_this}var _proto=TooltipTrigger2.prototype;return _proto.componentWillUnmount=function(){this.clearScheduled()},_proto.render=function(){var _this2=this,_this$props=this.props,children=_this$props.children,tooltip=_this$props.tooltip,placement=_this$props.placement,trigger=_this$props.trigger,getTriggerRef=_this$props.getTriggerRef,modifiers=_this$props.modifiers,closeOnReferenceHidden=_this$props.closeOnReferenceHidden,usePortal=_this$props.usePortal,portalContainer=_this$props.portalContainer,followCursor=_this$props.followCursor,getTooltipRef=_this$props.getTooltipRef,mutationObserverOptions=_this$props.mutationObserverOptions,restProps=_objectWithoutPropertiesLoose(_this$props,["children","tooltip","placement","trigger","getTriggerRef","modifiers","closeOnReferenceHidden","usePortal","portalContainer","followCursor","getTooltipRef","mutationObserverOptions"]),popper=import_react2.default.createElement(Popper,_extends({innerRef:getTooltipRef,placement,modifiers:[{name:"followCursor",enabled:followCursor,phase:"main",fn:function(data){_this2.popperOffset=data.state.rects.popper}}].concat(modifiers)},restProps),function(_ref3){var ref=_ref3.ref,style=_ref3.style,placement2=_ref3.placement,arrowProps=_ref3.arrowProps,isReferenceHidden=_ref3.isReferenceHidden,update=_ref3.update;if(followCursor&&_this2.popperOffset){var _this2$state=_this2.state,pageX=_this2$state.pageX,pageY=_this2$state.pageY,_this2$popperOffset=_this2.popperOffset,width=_this2$popperOffset.width,height=_this2$popperOffset.height,x=pageX+width>window.pageXOffset+document.body.offsetWidth?pageX-width:pageX,y=pageY+height>window.pageYOffset+document.body.offsetHeight?pageY-height:pageY;style.transform="translate3d("+x+"px, "+y+"px, 0"}return import_react2.default.createElement(Tooltip,_extends({arrowProps,closeOnReferenceHidden,isReferenceHidden,placement:placement2,update,style,tooltip,trigger,mutationObserverOptions},{clearScheduled:_this2.clearScheduled,hideTooltip:_this2.hideTooltip,innerRef:ref}))});return import_react2.default.createElement(Manager,null,import_react2.default.createElement(Reference,{innerRef:getTriggerRef},function(_ref4){var ref=_ref4.ref;return children({getTriggerProps:_this2.getTriggerProps,triggerRef:ref})}),this.getState()&&(usePortal?(0,import_react_dom.createPortal)(popper,portalContainer):popper))},_proto.isControlled=function(){return this.props.tooltipShown!==void 0},_proto.getState=function(){return this.isControlled()?this.props.tooltipShown:this.state.tooltipShown},_proto.isTriggeredBy=function(event){var trigger=this.props.trigger;return trigger===event||Array.isArray(trigger)&&trigger.includes(event)},TooltipTrigger2}(import_react2.Component);TooltipTrigger.defaultProps={closeOnReferenceHidden:!0,defaultTooltipShown:!1,delayHide:0,delayShow:0,followCursor:!1,onVisibilityChange:noop,placement:"right",portalContainer:canUseDOM()?document.body:null,trigger:"hover",usePortal:canUseDOM(),mutationObserverOptions:DEFAULT_MUTATION_OBSERVER_CONFIG,modifiers:[]};var react_popper_tooltip_default=TooltipTrigger,match=(0,import_memoizerific.default)(1e3)((requests,actual,value,fallback=0)=>actual.split("-")[0]===requests?value:fallback),ArrowSpacing=8,Arrow=emotion_styled_browser_esm_default.div({position:"absolute",borderStyle:"solid"},({placement})=>{let x=0,y=0;switch(!0){case(placement.startsWith("left")||placement.startsWith("right")):{y=8;break}case(placement.startsWith("top")||placement.startsWith("bottom")):{x=8;break}default:}return{transform:`translate3d(${x}px, ${y}px, 0px)`}},({theme,color,placement})=>({bottom:`${match("top",placement,ArrowSpacing*-1,"auto")}px`,top:`${match("bottom",placement,ArrowSpacing*-1,"auto")}px`,right:`${match("left",placement,ArrowSpacing*-1,"auto")}px`,left:`${match("right",placement,ArrowSpacing*-1,"auto")}px`,borderBottomWidth:`${match("top",placement,"0",ArrowSpacing)}px`,borderTopWidth:`${match("bottom",placement,"0",ArrowSpacing)}px`,borderRightWidth:`${match("left",placement,"0",ArrowSpacing)}px`,borderLeftWidth:`${match("right",placement,"0",ArrowSpacing)}px`,borderTopColor:match("top",placement,theme.color[color]||color||theme.base==="light"?lightenColor(theme.background.app):theme.background.app,"transparent"),borderBottomColor:match("bottom",placement,theme.color[color]||color||theme.base==="light"?lightenColor(theme.background.app):theme.background.app,"transparent"),borderLeftColor:match("left",placement,theme.color[color]||color||theme.base==="light"?lightenColor(theme.background.app):theme.background.app,"transparent"),borderRightColor:match("right",placement,theme.color[color]||color||theme.base==="light"?lightenColor(theme.background.app):theme.background.app,"transparent")})),Wrapper=emotion_styled_browser_esm_default.div(({hidden})=>({display:hidden?"none":"inline-block",zIndex:2147483647}),({theme,color,hasChrome})=>hasChrome?{background:theme.color[color]||color||theme.base==="light"?lightenColor(theme.background.app):theme.background.app,filter:`
|
2
|
-
drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
|
3
|
-
drop-shadow(0 1px 3px rgba(0,0,0,0.1))
|
4
|
-
`,borderRadius:theme.appBorderRadius*2,fontSize:theme.typography.size.s1}:{}),Tooltip2=({placement,hasChrome,children,arrowProps,tooltipRef,arrowRef,color,...props})=>import_react3.default.createElement(Wrapper,{hasChrome,placement,ref:tooltipRef,...props,color},hasChrome&&import_react3.default.createElement(Arrow,{placement,ref:arrowRef,...arrowProps,color}),children);Tooltip2.defaultProps={color:void 0,arrowRef:void 0,tooltipRef:void 0,hasChrome:!0,placement:"top",arrowProps:{}};var{document:document2}=import_global.default,TargetContainer=emotion_styled_browser_esm_default.div`
|
5
|
-
display: inline-block;
|
6
|
-
cursor: ${props=>props.mode==="hover"?"default":"pointer"};
|
7
|
-
`,TargetSvgContainer=emotion_styled_browser_esm_default.g`
|
8
|
-
cursor: ${props=>props.mode==="hover"?"default":"pointer"};
|
9
|
-
`,WithTooltipPure=({svg,trigger,closeOnClick,placement,modifiers,hasChrome,tooltip,children,tooltipShown,onVisibilityChange,...props})=>{let Container=svg?TargetSvgContainer:TargetContainer;return import_react.default.createElement(react_popper_tooltip_default,{placement,trigger,modifiers,tooltipShown,onVisibilityChange,tooltip:({getTooltipProps,getArrowProps,tooltipRef,arrowRef,placement:tooltipPlacement})=>import_react.default.createElement(Tooltip2,{hasChrome,placement:tooltipPlacement,tooltipRef,arrowRef,arrowProps:getArrowProps(),...getTooltipProps()},typeof tooltip=="function"?tooltip({onHide:()=>onVisibilityChange(!1)}):tooltip)},({getTriggerProps,triggerRef})=>import_react.default.createElement(Container,{ref:triggerRef,...getTriggerProps(),...props},children))};WithTooltipPure.defaultProps={svg:!1,trigger:"hover",closeOnClick:!1,placement:"top",modifiers:[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:!0,tooltipShown:!1};var WithToolTipState=({startOpen=!1,onVisibilityChange:onChange,...rest})=>{let[tooltipShown,setTooltipShown]=(0,import_react.useState)(startOpen),onVisibilityChange=(0,import_react.useCallback)(visibility=>{onChange&&onChange(visibility)===!1||setTooltipShown(visibility)},[onChange]);return(0,import_react.useEffect)(()=>{let hide=()=>onVisibilityChange(!1);document2.addEventListener("keydown",hide,!1);let iframes=Array.from(document2.getElementsByTagName("iframe")),unbinders=[];return iframes.forEach(iframe=>{let bind=()=>{try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener("click",hide),unbinders.push(()=>{try{iframe.contentWindow.document.removeEventListener("click",hide)}catch{}}))}catch{}};bind(),iframe.addEventListener("load",bind),unbinders.push(()=>{iframe.removeEventListener("load",bind)})}),()=>{document2.removeEventListener("keydown",hide),unbinders.forEach(unbind=>{unbind()})}}),import_react.default.createElement(WithTooltipPure,{...rest,tooltipShown,onVisibilityChange})};export{WithToolTipState,WithToolTipState as WithTooltip,WithTooltipPure};
|
package/dist/chunk-QFIGSMSK.mjs
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
import{__commonJS}from"./chunk-KQFPYAFV.mjs";var require_window=__commonJS({"../../node_modules/global/window.js"(exports,module){var win;typeof window<"u"?win=window:typeof global<"u"?win=global:typeof self<"u"?win=self:win={},module.exports=win}});function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}export{require_window,_extends,_objectWithoutPropertiesLoose};
|