@storybook/addon-measure
Advanced tools
Comparing version 0.0.0-pr-28247-sha-834d31db to 0.0.0-pr-28288-sha-0190663b
import React, { useCallback, useEffect } from 'react'; | ||
import { addons, types, useGlobals, useStorybookApi } from '@storybook/manager-api'; | ||
import { IconButton } from '@storybook/components'; | ||
import { addons, types, useGlobals, useStorybookApi } from '@storybook/core/manager-api'; | ||
import { IconButton } from '@storybook/core/components'; | ||
import { RulerIcon } from '@storybook/icons'; | ||
var ADDON_ID="storybook/measure-addon",TOOL_ID=`${ADDON_ID}/tool`;var Tool=()=>{let[globals,updateGlobals]=useGlobals(),{measureEnabled}=globals,api=useStorybookApi(),toggleMeasure=useCallback(()=>updateGlobals({measureEnabled:!measureEnabled}),[updateGlobals,measureEnabled]);return useEffect(()=>{api.setAddonShortcut(ADDON_ID,{label:"Toggle Measure [M]",defaultShortcut:["M"],actionName:"measure",showInMenu:!1,action:toggleMeasure});},[toggleMeasure,api]),React.createElement(IconButton,{key:TOOL_ID,active:measureEnabled,title:"Enable measure",onClick:toggleMeasure},React.createElement(RulerIcon,null))};addons.register(ADDON_ID,()=>{addons.add(TOOL_ID,{type:types.TOOL,title:"Measure",match:({viewMode,tabId})=>viewMode==="story"&&!tabId,render:()=>React.createElement(Tool,null)});}); |
@@ -1,2 +0,2 @@ | ||
import { Addon_DecoratorFunction } from '@storybook/types'; | ||
import { Addon_DecoratorFunction } from '@storybook/core/types'; | ||
@@ -3,0 +3,0 @@ declare const decorators: Addon_DecoratorFunction[]; |
'use strict'; | ||
var previewApi = require('@storybook/preview-api'); | ||
var previewApi = require('@storybook/core/preview-api'); | ||
var global = require('@storybook/global'); | ||
@@ -5,0 +5,0 @@ var invariant = require('tiny-invariant'); |
{ | ||
"name": "@storybook/addon-measure", | ||
"version": "0.0.0-pr-28247-sha-834d31db", | ||
"version": "0.0.0-pr-28288-sha-0190663b", | ||
"description": "Inspect layouts by visualizing the box model", | ||
@@ -75,9 +75,3 @@ "keywords": [ | ||
"devDependencies": { | ||
"@storybook/client-logger": "0.0.0-pr-28247-sha-834d31db", | ||
"@storybook/components": "0.0.0-pr-28247-sha-834d31db", | ||
"@storybook/core-events": "0.0.0-pr-28247-sha-834d31db", | ||
"@storybook/icons": "^1.2.5", | ||
"@storybook/manager-api": "0.0.0-pr-28247-sha-834d31db", | ||
"@storybook/preview-api": "0.0.0-pr-28247-sha-834d31db", | ||
"@storybook/types": "0.0.0-pr-28247-sha-834d31db", | ||
"react": "^18.2.0", | ||
@@ -87,2 +81,5 @@ "react-dom": "^18.2.0", | ||
}, | ||
"peerDependencies": { | ||
"@storybook/core": "^0.0.0-pr-28288-sha-0190663b" | ||
}, | ||
"publishConfig": { | ||
@@ -89,0 +86,0 @@ "access": "public" |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
4
32305
3