@storybook/addon-controls 7.1.0-alpha.9 → 7.1.0-beta.1
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/chunk-I36WBKUI.mjs +3 -1
- package/dist/index.mjs +1 -1
- package/dist/manager.js +1 -1
- package/dist/manager.mjs +7 -1
- package/package.json +19 -19
package/dist/chunk-I36WBKUI.mjs
CHANGED
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export { PARAM_KEY } from './chunk-I36WBKUI.mjs';
|
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)(),isArgsStory=(0,import_manager_api.useParameter)("__isArgsStory",!1),{expanded,sort,presetColors,hideNoControlsWarning=!1}=(0,import_manager_api.useParameter)(PARAM_KEY,{}),{path}=(0,import_manager_api.useStorybookState)(),hasControls=Object.values(rows).some(arg=>arg==null?void 0:arg.control),showWarning=!(hasControls&&isArgsStory)&&!hideNoControlsWarning,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_react.default.Fragment,null,showWarning&&import_react.default.createElement(import_blocks.NoControlsWarning,null),import_react.default.createElement(import_blocks.PureArgsTable,{key:path,compact:!expanded&&hasControls,rows:withPresetColors,args,globals,updateArgs,resetArgs,inAddonPanel:!0,sort}))};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,suffix=controlsCount===0?"":` (${controlsCount})`;return import_react2.default.createElement(import_react2.default.Fragment,null,"Controls",suffix)}import_manager_api2.addons.register(ADDON_ID,api=>{import_manager_api2.addons.
|
|
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)(),isArgsStory=(0,import_manager_api.useParameter)("__isArgsStory",!1),{expanded,sort,presetColors,hideNoControlsWarning=!1}=(0,import_manager_api.useParameter)(PARAM_KEY,{}),{path}=(0,import_manager_api.useStorybookState)(),hasControls=Object.values(rows).some(arg=>arg==null?void 0:arg.control),showWarning=!(hasControls&&isArgsStory)&&!hideNoControlsWarning,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_react.default.Fragment,null,showWarning&&import_react.default.createElement(import_blocks.NoControlsWarning,null),import_react.default.createElement(import_blocks.PureArgsTable,{key:path,compact:!expanded&&hasControls,rows:withPresetColors,args,globals,updateArgs,resetArgs,inAddonPanel:!0,sort}))};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,suffix=controlsCount===0?"":` (${controlsCount})`;return import_react2.default.createElement(import_react2.default.Fragment,null,"Controls",suffix)}import_manager_api2.addons.register(ADDON_ID,api=>{import_manager_api2.addons.add(ADDON_ID,{title:import_react2.default.createElement(Title,null),id:"controls",type:import_manager_api2.types.PANEL,paramKey:PARAM_KEY,render:({key,active})=>!active||!api.getCurrentStoryData()?null:import_react2.default.createElement(import_components.AddonPanel,{key,active},import_react2.default.createElement(ControlsPanel,null))})});
|
package/dist/manager.mjs
CHANGED
|
@@ -1 +1,7 @@
|
|
|
1
|
-
import{ADDON_ID,PARAM_KEY}from
|
|
1
|
+
import { ADDON_ID, PARAM_KEY } from './chunk-I36WBKUI.mjs';
|
|
2
|
+
import React2 from 'react';
|
|
3
|
+
import { addons, types, useArgs, useGlobals, useArgTypes, useParameter, useStorybookState } from '@storybook/manager-api';
|
|
4
|
+
import { AddonPanel } from '@storybook/components';
|
|
5
|
+
import { NoControlsWarning, PureArgsTable } from '@storybook/blocks';
|
|
6
|
+
|
|
7
|
+
var ControlsPanel=()=>{let[args,updateArgs,resetArgs]=useArgs(),[globals]=useGlobals(),rows=useArgTypes(),isArgsStory=useParameter("__isArgsStory",!1),{expanded,sort,presetColors,hideNoControlsWarning=!1}=useParameter(PARAM_KEY,{}),{path}=useStorybookState(),hasControls=Object.values(rows).some(arg=>arg?.control),showWarning=!(hasControls&&isArgsStory)&&!hideNoControlsWarning,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(React2.Fragment,null,showWarning&&React2.createElement(NoControlsWarning,null),React2.createElement(PureArgsTable,{key:path,compact:!expanded&&hasControls,rows:withPresetColors,args,globals,updateArgs,resetArgs,inAddonPanel:!0,sort}))};function Title(){let rows=useArgTypes(),controlsCount=Object.values(rows).filter(argType=>argType?.control&&!argType?.table?.disable).length,suffix=controlsCount===0?"":` (${controlsCount})`;return React2.createElement(React2.Fragment,null,"Controls",suffix)}addons.register(ADDON_ID,api=>{addons.add(ADDON_ID,{title:React2.createElement(Title,null),id:"controls",type:types.PANEL,paramKey:PARAM_KEY,render:({key,active})=>!active||!api.getCurrentStoryData()?null:React2.createElement(AddonPanel,{key,active},React2.createElement(ControlsPanel,null))});});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/addon-controls",
|
|
3
|
-
"version": "7.1.0-
|
|
3
|
+
"version": "7.1.0-beta.1",
|
|
4
4
|
"description": "Interact with component inputs dynamically in the Storybook UI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"addon",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"repository": {
|
|
19
19
|
"type": "git",
|
|
20
20
|
"url": "https://github.com/storybookjs/storybook.git",
|
|
21
|
-
"directory": "addons/controls"
|
|
21
|
+
"directory": "code/addons/controls"
|
|
22
22
|
},
|
|
23
23
|
"funding": {
|
|
24
24
|
"type": "opencollective",
|
|
@@ -27,20 +27,20 @@
|
|
|
27
27
|
"license": "MIT",
|
|
28
28
|
"exports": {
|
|
29
29
|
".": {
|
|
30
|
+
"types": "./dist/index.d.ts",
|
|
30
31
|
"node": "./dist/index.js",
|
|
31
32
|
"require": "./dist/index.js",
|
|
32
|
-
"import": "./dist/index.mjs"
|
|
33
|
-
"types": "./dist/index.d.ts"
|
|
33
|
+
"import": "./dist/index.mjs"
|
|
34
34
|
},
|
|
35
35
|
"./manager": {
|
|
36
|
+
"types": "./dist/manager.d.ts",
|
|
36
37
|
"require": "./dist/manager.js",
|
|
37
|
-
"import": "./dist/manager.mjs"
|
|
38
|
-
"types": "./dist/manager.d.ts"
|
|
38
|
+
"import": "./dist/manager.mjs"
|
|
39
39
|
},
|
|
40
40
|
"./register": {
|
|
41
|
+
"types": "./dist/manager.d.ts",
|
|
41
42
|
"require": "./dist/manager.js",
|
|
42
|
-
"import": "./dist/manager.mjs"
|
|
43
|
-
"types": "./dist/manager.d.ts"
|
|
43
|
+
"import": "./dist/manager.mjs"
|
|
44
44
|
},
|
|
45
45
|
"./package.json": "./package.json"
|
|
46
46
|
},
|
|
@@ -68,15 +68,15 @@
|
|
|
68
68
|
"prep": "../../../scripts/prepare/bundle.ts"
|
|
69
69
|
},
|
|
70
70
|
"dependencies": {
|
|
71
|
-
"@storybook/blocks": "7.1.0-
|
|
72
|
-
"@storybook/client-logger": "7.1.0-
|
|
73
|
-
"@storybook/components": "7.1.0-
|
|
74
|
-
"@storybook/core-common": "7.1.0-
|
|
75
|
-
"@storybook/manager-api": "7.1.0-
|
|
76
|
-
"@storybook/node-logger": "7.1.0-
|
|
77
|
-
"@storybook/preview-api": "7.1.0-
|
|
78
|
-
"@storybook/theming": "7.1.0-
|
|
79
|
-
"@storybook/types": "7.1.0-
|
|
71
|
+
"@storybook/blocks": "7.1.0-beta.1",
|
|
72
|
+
"@storybook/client-logger": "7.1.0-beta.1",
|
|
73
|
+
"@storybook/components": "7.1.0-beta.1",
|
|
74
|
+
"@storybook/core-common": "7.1.0-beta.1",
|
|
75
|
+
"@storybook/manager-api": "7.1.0-beta.1",
|
|
76
|
+
"@storybook/node-logger": "7.1.0-beta.1",
|
|
77
|
+
"@storybook/preview-api": "7.1.0-beta.1",
|
|
78
|
+
"@storybook/theming": "7.1.0-beta.1",
|
|
79
|
+
"@storybook/types": "7.1.0-beta.1",
|
|
80
80
|
"lodash": "^4.17.21",
|
|
81
81
|
"ts-dedent": "^2.0.0"
|
|
82
82
|
},
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
],
|
|
103
103
|
"platform": "browser"
|
|
104
104
|
},
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae17",
|
|
106
106
|
"storybook": {
|
|
107
107
|
"displayName": "Controls",
|
|
108
108
|
"icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
|
|
@@ -114,4 +114,4 @@
|
|
|
114
114
|
"ember"
|
|
115
115
|
]
|
|
116
116
|
}
|
|
117
|
-
}
|
|
117
|
+
}
|