@storybook/addon-controls 7.2.0 → 7.2.2-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/manager.js +1 -1
- package/dist/manager.mjs +3 -3
- package/package.json +11 -10
package/dist/manager.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));var import_react2=__toESM(require("react")),import_manager_api2=require("@storybook/manager-api"),import_components=require("@storybook/components");var import_react=__toESM(require("react")),import_manager_api=require("@storybook/manager-api"),import_blocks=require("@storybook/blocks");var ADDON_ID="addon-controls",PARAM_KEY="controls";var ControlsPanel=()=>{let[args,updateArgs,resetArgs]=(0,import_manager_api.useArgs)(),[globals]=(0,import_manager_api.useGlobals)(),rows=(0,import_manager_api.useArgTypes)(),
|
|
1
|
+
"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));var import_react2=__toESM(require("react")),import_manager_api2=require("@storybook/manager-api"),import_components=require("@storybook/components");var import_react=__toESM(require("react")),import_manager_api=require("@storybook/manager-api"),import_blocks=require("@storybook/blocks");var ADDON_ID="addon-controls",PARAM_KEY="controls";var ControlsPanel=()=>{let[isLoading,setIsLoading]=(0,import_react.useState)(!0),[args,updateArgs,resetArgs]=(0,import_manager_api.useArgs)(),[globals]=(0,import_manager_api.useGlobals)(),rows=(0,import_manager_api.useArgTypes)(),{expanded,sort,presetColors}=(0,import_manager_api.useParameter)(PARAM_KEY,{}),{path,previewInitialized}=(0,import_manager_api.useStorybookState)();(0,import_react.useEffect)(()=>{previewInitialized&&setIsLoading(!1)},[previewInitialized]);let hasControls=Object.values(rows).some(arg=>arg==null?void 0:arg.control),withPresetColors=Object.entries(rows).reduce((acc,[key,arg])=>{var _a,_b;return((_a=arg==null?void 0:arg.control)==null?void 0:_a.type)!=="color"||(_b=arg==null?void 0:arg.control)!=null&&_b.presetColors?acc[key]=arg:acc[key]={...arg,control:{...arg.control,presetColors}},acc},{});return import_react.default.createElement(import_blocks.PureArgsTable,{key:path,compact:!expanded&&hasControls,rows:withPresetColors,args,globals,updateArgs,resetArgs,inAddonPanel:!0,sort,isLoading})};function Title(){let rows=(0,import_manager_api2.useArgTypes)(),controlsCount=Object.values(rows).filter(argType=>{var _a;return(argType==null?void 0:argType.control)&&!((_a=argType==null?void 0:argType.table)!=null&&_a.disable)}).length;return import_react2.default.createElement("div",null,import_react2.default.createElement(import_components.Spaced,{col:1},import_react2.default.createElement("span",{style:{display:"inline-block",verticalAlign:"middle"}},"Controls"),controlsCount===0?"":import_react2.default.createElement(import_components.Badge,{status:"neutral"},controlsCount)))}import_manager_api2.addons.register(ADDON_ID,api=>{import_manager_api2.addons.add(ADDON_ID,{title:Title,type:import_manager_api2.types.PANEL,paramKey:PARAM_KEY,render:({active})=>!active||!api.getCurrentStoryData()?null:import_react2.default.createElement(import_components.AddonPanel,{active},import_react2.default.createElement(ControlsPanel,null))})});
|
package/dist/manager.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ADDON_ID, PARAM_KEY } from './chunk-I36WBKUI.mjs';
|
|
2
|
-
import React2 from 'react';
|
|
2
|
+
import React2, { useState, useEffect } from 'react';
|
|
3
3
|
import { addons, types, useArgs, useGlobals, useArgTypes, useParameter, useStorybookState } from '@storybook/manager-api';
|
|
4
4
|
import { AddonPanel, Spaced, Badge } from '@storybook/components';
|
|
5
|
-
import {
|
|
5
|
+
import { PureArgsTable } from '@storybook/blocks';
|
|
6
6
|
|
|
7
|
-
var ControlsPanel=()=>{let[args,updateArgs,resetArgs]=useArgs(),[globals]=useGlobals(),rows=useArgTypes(),
|
|
7
|
+
var ControlsPanel=()=>{let[isLoading,setIsLoading]=useState(!0),[args,updateArgs,resetArgs]=useArgs(),[globals]=useGlobals(),rows=useArgTypes(),{expanded,sort,presetColors}=useParameter(PARAM_KEY,{}),{path,previewInitialized}=useStorybookState();useEffect(()=>{previewInitialized&&setIsLoading(!1);},[previewInitialized]);let hasControls=Object.values(rows).some(arg=>arg?.control),withPresetColors=Object.entries(rows).reduce((acc,[key,arg])=>(arg?.control?.type!=="color"||arg?.control?.presetColors?acc[key]=arg:acc[key]={...arg,control:{...arg.control,presetColors}},acc),{});return React2.createElement(PureArgsTable,{key:path,compact:!expanded&&hasControls,rows:withPresetColors,args,globals,updateArgs,resetArgs,inAddonPanel:!0,sort,isLoading})};function Title(){let rows=useArgTypes(),controlsCount=Object.values(rows).filter(argType=>argType?.control&&!argType?.table?.disable).length;return React2.createElement("div",null,React2.createElement(Spaced,{col:1},React2.createElement("span",{style:{display:"inline-block",verticalAlign:"middle"}},"Controls"),controlsCount===0?"":React2.createElement(Badge,{status:"neutral"},controlsCount)))}addons.register(ADDON_ID,api=>{addons.add(ADDON_ID,{title:Title,type:types.PANEL,paramKey:PARAM_KEY,render:({active})=>!active||!api.getCurrentStoryData()?null:React2.createElement(AddonPanel,{active},React2.createElement(ControlsPanel,null))});});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/addon-controls",
|
|
3
|
-
"version": "7.2.0",
|
|
3
|
+
"version": "7.2.2-alpha.0",
|
|
4
4
|
"description": "Interact with component inputs dynamically in the Storybook UI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"addon",
|
|
@@ -68,15 +68,16 @@
|
|
|
68
68
|
"prep": "../../../scripts/prepare/bundle.ts"
|
|
69
69
|
},
|
|
70
70
|
"dependencies": {
|
|
71
|
-
"@storybook/blocks": "7.2.0",
|
|
72
|
-
"@storybook/client-logger": "7.2.0",
|
|
73
|
-
"@storybook/components": "7.2.0",
|
|
74
|
-
"@storybook/core-common": "7.2.0",
|
|
75
|
-
"@storybook/
|
|
76
|
-
"@storybook/
|
|
77
|
-
"@storybook/
|
|
78
|
-
"@storybook/
|
|
79
|
-
"@storybook/
|
|
71
|
+
"@storybook/blocks": "7.2.2-alpha.0",
|
|
72
|
+
"@storybook/client-logger": "7.2.2-alpha.0",
|
|
73
|
+
"@storybook/components": "7.2.2-alpha.0",
|
|
74
|
+
"@storybook/core-common": "7.2.2-alpha.0",
|
|
75
|
+
"@storybook/core-events": "7.2.2-alpha.0",
|
|
76
|
+
"@storybook/manager-api": "7.2.2-alpha.0",
|
|
77
|
+
"@storybook/node-logger": "7.2.2-alpha.0",
|
|
78
|
+
"@storybook/preview-api": "7.2.2-alpha.0",
|
|
79
|
+
"@storybook/theming": "7.2.2-alpha.0",
|
|
80
|
+
"@storybook/types": "7.2.2-alpha.0",
|
|
80
81
|
"lodash": "^4.17.21",
|
|
81
82
|
"ts-dedent": "^2.0.0"
|
|
82
83
|
},
|