@storybook/addon-controls 7.6.0-alpha.6 → 7.6.0-alpha.7

package/dist/index.js

@@ -1 +1,5 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__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 __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{PARAM_KEY:()=>PARAM_KEY});module.exports=__toCommonJS(src_exports);var PARAM_KEY="controls";0&&(module.exports={PARAM_KEY});
+'use strict';
+
+var PARAM_KEY="controls";
+
+exports.PARAM_KEY = PARAM_KEY;

package/dist/index.mjs

@@ -1 +1,3 @@
-export { PARAM_KEY } from './chunk-I36WBKUI.mjs';
+var PARAM_KEY="controls";
+
+export { PARAM_KEY };

package/dist/manager.js

@@ -1 +1,6 @@
-"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))})});
+import React2, { useState, useEffect } from 'react';
+import { addons, types, useArgs, useGlobals, useArgTypes, useParameter, useStorybookState } from '@storybook/manager-api';
+import { AddonPanel, Spaced, Badge } from '@storybook/components';
+import { PureArgsTable } from '@storybook/blocks';
+
+var ADDON_ID="addon-controls",PARAM_KEY="controls";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

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.6.0-alpha.6",
+  "version": "7.6.0-alpha.7",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -32,31 +32,13 @@
       "require": "./dist/index.js",
       "import": "./dist/index.mjs"
     },
-    "./manager": {
-      "types": "./dist/manager.d.ts",
-      "require": "./dist/manager.js",
-      "import": "./dist/manager.mjs"
-    },
-    "./register": {
-      "types": "./dist/manager.d.ts",
-      "require": "./dist/manager.js",
-      "import": "./dist/manager.mjs"
-    },
+    "./manager": "./dist/manager.js",
+    "./register": "./dist/manager.js",
     "./package.json": "./package.json"
   },
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": [
-        "dist/index.d.ts"
-      ],
-      "manager": [
-        "dist/manager.d.ts"
-      ]
-    }
-  },
   "files": [
     "dist/**/*",
     "README.md",
@@ -65,44 +47,36 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "../../../scripts/prepare/check.ts",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
+    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
-    "@storybook/blocks": "7.6.0-alpha.6",
-    "@storybook/client-logger": "7.6.0-alpha.6",
-    "@storybook/components": "7.6.0-alpha.6",
-    "@storybook/core-common": "7.6.0-alpha.6",
-    "@storybook/core-events": "7.6.0-alpha.6",
-    "@storybook/manager-api": "7.6.0-alpha.6",
-    "@storybook/node-logger": "7.6.0-alpha.6",
-    "@storybook/preview-api": "7.6.0-alpha.6",
-    "@storybook/theming": "7.6.0-alpha.6",
-    "@storybook/types": "7.6.0-alpha.6",
+    "@storybook/blocks": "7.6.0-alpha.7",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
   },
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    }
+  "devDependencies": {
+    "@storybook/client-logger": "7.6.0-alpha.7",
+    "@storybook/components": "7.6.0-alpha.7",
+    "@storybook/core-common": "7.6.0-alpha.7",
+    "@storybook/manager-api": "7.6.0-alpha.7",
+    "@storybook/node-logger": "7.6.0-alpha.7",
+    "@storybook/preview-api": "7.6.0-alpha.7",
+    "@storybook/theming": "7.6.0-alpha.7",
+    "@storybook/types": "7.6.0-alpha.7",
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "bundler": {
-    "entries": [
-      "./src/index.ts",
-      "./src/manager.tsx"
+    "exportEntries": [
+      "./src/index.ts"
     ],
-    "platform": "browser"
+    "managerEntries": [
+      "./src/manager.tsx"
+    ]
   },
   "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae17",
   "storybook": {

package/dist/chunk-I36WBKUI.mjs

@@ -1,3 +0,0 @@
-var ADDON_ID="addon-controls",PARAM_KEY="controls";
-
-export { ADDON_ID, PARAM_KEY };

package/dist/manager.d.ts

@@ -1,2 +0,0 @@
-
-export { }

package/dist/manager.mjs

@@ -1,7 +0,0 @@
-import { ADDON_ID, PARAM_KEY } from './chunk-I36WBKUI.mjs';
-import React2, { useState, useEffect } from 'react';
-import { addons, types, useArgs, useGlobals, useArgTypes, useParameter, useStorybookState } from '@storybook/manager-api';
-import { AddonPanel, Spaced, Badge } from '@storybook/components';
-import { PureArgsTable } from '@storybook/blocks';
-
-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))});});