Socket
Socket
Sign inDemoInstall

@storybook/addon-measure

Package Overview
Dependencies
Maintainers
0
Versions
1046
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@storybook/addon-measure - npm Package Compare versions

Comparing version 0.0.0-pr-28288-sha-f4b255c5 to 0.0.0-pr-28310-sha-4e2aa1c7

4

dist/manager.js
import React, { useCallback, useEffect } from 'react';
import { addons, types, useGlobals, useStorybookApi } from '@storybook/core/manager-api';
import { IconButton } from '@storybook/core/components';
import { addons, types, useGlobals, useStorybookApi } from 'storybook/manager-api';
import { IconButton } from 'storybook/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/core/types';
import { Addon_DecoratorFunction } from 'storybook/types';

@@ -3,0 +3,0 @@ declare const decorators: Addon_DecoratorFunction[];

'use strict';
var previewApi = require('@storybook/core/preview-api');
var previewApi = require('storybook/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-28288-sha-f4b255c5",
"version": "0.0.0-pr-28310-sha-4e2aa1c7",
"description": "Inspect layouts by visualizing the box model",

@@ -81,3 +81,3 @@ "keywords": [

"peerDependencies": {
"@storybook/core": "^0.0.0-pr-28288-sha-f4b255c5"
"storybook": "^0.0.0-pr-28310-sha-4e2aa1c7"
},

@@ -84,0 +84,0 @@ "publishConfig": {

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc