@storybook/manager 7.1.0-alpha.4 → 7.1.0-alpha.40

package/dist/syntaxhighlighter-ZJKYQP3U-66A7VLTK.js

@@ -0,0 +1 @@
+import{SyntaxHighlighter2,createCopyToClipboardFunction,syntaxhighlighter_default}from"./chunk-HI4V7MJT.js";import"./chunk-QPL63VNK.js";import"./chunk-RFVOD5PD.js";import"./chunk-3FAXWWKG.js";import"./chunk-R5BIZIS3.js";import"./chunk-AS2AMEUR.js";export{SyntaxHighlighter2 as SyntaxHighlighter,createCopyToClipboardFunction,syntaxhighlighter_default as default};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@storybook/manager",
-  "version": "7.1.0-alpha.4",
+  "version": "7.1.0-alpha.40",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
   ],
-  "homepage": "https://github.com/storybookjs/storybook/tree/main/code/ui/manager",
+  "homepage": "https://github.com/storybookjs/storybook/tree/next/code/ui/manager",
   "bugs": {
     "url": "https://github.com/storybookjs/storybook/issues"
   },
@@ -21,26 +21,22 @@
   "license": "MIT",
   "exports": {
     ".": {
-      "node": "./dist/index.js",
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
     "./dist/runtime": {
-      "require": "./dist/runtime.js",
-      "import": "./dist/runtime.mjs",
-      "types": "./dist/runtime.d.ts"
+      "types": "./dist/runtime.d.ts",
+      "import": "./dist/runtime.js"
     },
     "./dist/globals": {
-      "require": "./dist/globals.js",
-      "import": "./dist/globals.mjs",
-      "types": "./dist/globals.d.ts"
+      "types": "./dist/globals.d.ts",
+      "require": "./dist/globals.js"
     },
     "./paths": "./paths.js",
     "./package.json": "./package.json"
   },
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
@@ -51,23 +47,22 @@
   ],
   "scripts": {
     "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
-    "prep": "../../../scripts/prepare/bundle.ts"
+    "prep": "../../../scripts/prepare/esm-bundle.ts"
   },
   "devDependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addons": "7.1.0-alpha.4",
-    "@storybook/api": "7.1.0-alpha.4",
-    "@storybook/channel-postmessage": "7.1.0-alpha.4",
-    "@storybook/channel-websocket": "7.1.0-alpha.4",
-    "@storybook/channels": "7.1.0-alpha.4",
-    "@storybook/client-logger": "7.1.0-alpha.4",
-    "@storybook/components": "7.1.0-alpha.4",
-    "@storybook/core-events": "7.1.0-alpha.4",
+    "@storybook/addons": "7.1.0-alpha.40",
+    "@storybook/api": "7.1.0-alpha.40",
+    "@storybook/channel-postmessage": "7.1.0-alpha.40",
+    "@storybook/channels": "7.1.0-alpha.40",
+    "@storybook/client-logger": "7.1.0-alpha.40",
+    "@storybook/components": "7.1.0-alpha.40",
+    "@storybook/core-events": "7.1.0-alpha.40",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-alpha.4",
-    "@storybook/router": "7.1.0-alpha.4",
-    "@storybook/theming": "7.1.0-alpha.4",
-    "@storybook/types": "7.1.0-alpha.4",
+    "@storybook/manager-api": "7.1.0-alpha.40",
+    "@storybook/router": "7.1.0-alpha.40",
+    "@storybook/theming": "7.1.0-alpha.40",
+    "@storybook/types": "7.1.0-alpha.40",
     "@testing-library/react": "^11.2.2",
     "@types/semver": "^7.3.4",
     "copy-to-clipboard": "^3.3.1",
@@ -95,11 +90,13 @@
   },
   "bundler": {
     "pre": "./scripts/generate-exports-file.ts",
-    "entries": [
+    "browserEntries": [
       "./src/index.tsx",
-      "./src/globals.ts",
       "./src/runtime.ts"
+    ],
+    "nodeEntries": [
+      "./src/globals.ts"
     ]
   },
-  "gitHead": "18dcfa6073157150da60c328f6f64abd477ddcad"
-}
+  "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae17"
+}

package/src/components/sidebar/utils.test.js

@@ -0,0 +1,93 @@
+import { mockDataset, mockExpanded, mockSelected } from './mockdata';
+
+import * as utils from './utils';
+
+const noRoot = {
+  dataset: mockDataset.noRoot,
+  selected: mockSelected.noRoot,
+  expanded: mockExpanded.noRoot,
+};
+
+describe('sanity', () => {
+  test('all exports should be functions', () => {
+    Object.values(utils).forEach((i) => {
+      expect(typeof i).toBe('function');
+    });
+  });
+});
+
+describe('createId', () => {
+  test('creates an id', () => {
+    const inputs = ['testpath', 'testref'];
+    const output = utils.createId(...inputs);
+
+    expect(output).toEqual('testref_testpath');
+  });
+});
+
+describe('get', () => {
+  test('retrieved by key', () => {
+    const value = {};
+    const inputs = ['testkey', { testkey: value, x: 'incorrect' }];
+    const output = utils.get(inputs[0], inputs[1]);
+
+    expect(output).toBe(value);
+  });
+  test('retrieve non-existent returns undefined', () => {
+    const value = {};
+    const inputs = ['NONEXISTENT', { testkey: value, x: 'incorrect' }];
+    const output = utils.get(inputs[0], inputs[1]);
+
+    expect(output).toBe(undefined);
+  });
+});
+
+describe('getParent', () => {
+  test('retrieved by id (level 0) returns undefined', () => {
+    const output = utils.getParent('group-1', noRoot.dataset);
+    expect(output).toBe(undefined);
+  });
+  test('retrieved by id (level 1) returns correctly', () => {
+    const output = utils.getParent('group-1--child-b1', noRoot.dataset);
+    expect(output).toBe(noRoot.dataset['group-1']);
+  });
+  test('retrieved by id (level 2) returns correctly', () => {
+    const output = utils.getParent('root-1-child-a2--grandchild-a1-1', noRoot.dataset);
+    expect(output).toBe(noRoot.dataset['root-1-child-a2']);
+  });
+  test('retrieve non-existent returns undefined', () => {
+    const output = utils.getParent('NONEXISTENT', noRoot.dataset);
+    expect(output).toBe(undefined);
+  });
+});
+
+describe('getParents', () => {
+  test('retrieved by id (level 0) returns correctly', () => {
+    const output = utils.getParents('group-1', noRoot.dataset);
+    expect(output).toEqual([]);
+  });
+  test('retrieved by id (level 1) returns correctly', () => {
+    const output = utils.getParents('group-1--child-b1', noRoot.dataset);
+    expect(output).toEqual([noRoot.dataset['group-1']]);
+  });
+  test('retrieved by id (level 2) returns correctly', () => {
+    const output = utils.getParents('root-1-child-a2--grandchild-a1-1', noRoot.dataset);
+    expect(output).toEqual([noRoot.dataset['root-1-child-a2'], noRoot.dataset['root-1']]);
+  });
+  test('retrieve non-existent returns empty array', () => {
+    const output = utils.getParents('NONEXISTENT', noRoot.dataset);
+    expect(output).toEqual([]);
+  });
+});
+
+describe('isStoryHoistable', () => {
+  test('return true for matching Story and Component name', () => {
+    const output = utils.isStoryHoistable('Very_Long-Button Story Name', 'VeryLongButtonStoryName');
+    expect(output).toEqual(true);
+  });
+
+  test('return false for non-matching names', () => {
+    const output = utils.isStoryHoistable('Butto Story', 'ButtonStory');
+    expect(output).toEqual(false);
+  });
+});

package/src/settings/typings.d.ts

@@ -0,0 +1,21 @@
+/* eslint-disable no-underscore-dangle */
+/* eslint-disable @typescript-eslint/naming-convention */
+declare module '@storybook/components/src/treeview/utils';
+
+declare var FEATURES:
+  | {
+      storyStoreV7?: boolean;
+      argTypeTargetsV7?: boolean;
+    }
+  | undefined;
+
+declare var __REACT__: any;
+declare var __REACTDOM__: any;
+declare var __STORYBOOKCOMPONENTS__: any;
+declare var __STORYBOOKCHANNELS__: any;
+declare var __STORYBOOKCOREEVENTS__: any;
+declare var __STORYBOOKROUTER__: any;
+declare var __STORYBOOKTHEMING__: any;
+declare var __STORYBOOKAPI__: any;
+declare var __STORYBOOKADDONS__: any;
+declare var __STORYBOOKCLIENTLOGGER__: any;

package/src/typings.d.ts

@@ -0,0 +1,20 @@
+/* eslint-disable no-underscore-dangle,  @typescript-eslint/naming-convention */
+declare module 'chromatic/isChromatic';
+
+declare var DOCS_OPTIONS: any;
+declare var CONFIG_TYPE: 'DEVELOPMENT' | 'PRODUCTION';
+declare var PREVIEW_URL: any;
+
+declare var __STORYBOOK_ADDONS_MANAGER: any;
+declare var RELEASE_NOTES_DATA: any;
+
+declare var FEATURES:
+  | {
+      storyStoreV7?: boolean;
+      argTypeTargetsV7?: boolean;
+    }
+  | undefined;
+
+declare var REFS: any;
+declare var VERSIONCHECK: any;
+declare var LOGLEVEL: 'trace' | 'debug' | 'info' | 'warn' | 'error' | 'silent' | undefined;

package/dist/GlobalScrollAreaStyles-XIHNDKUY-IPHQ3X5E.mjs

@@ -1 +0,0 @@
-import{Global,keyframes}from"./chunk-2HSPAR27.mjs";import{require_react}from"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import{__toESM}from"./chunk-JCTATS4D.mjs";var import_react=__toESM(require_react(),1);var hsResizeObserverDummyAnimation=keyframes`0%{z-index:0}to{z-index:-1}`,getScrollAreaStyles=theme=>({"html.os-html, html.os-html>.os-host":{display:"block",overflow:"hidden",boxSizing:"border-box",height:"100%!important",width:"100%!important",minWidth:"100%!important",minHeight:"100%!important",margin:"0!important",position:"absolute!important"},"html.os-html>.os-host>.os-padding":{position:"absolute"},"body.os-dragging, body.os-dragging *":{cursor:"default"},".os-host, .os-host-textarea":{position:"relative",overflow:"visible!important",flexDirection:"column",flexWrap:"nowrap",justifyContent:"flex-start",alignContent:"flex-start",alignItems:"flex-start"},".os-host-flexbox":{overflow:"hidden!important",display:"flex"},".os-host-flexbox>.os-size-auto-observer":{height:"inherit!important"},".os-host-flexbox>.os-content-glue":{flexGrow:1,flexShrink:0},".os-host-flexbox>.os-size-auto-observer, .os-host-flexbox>.os-content-glue":{minHeight:0,minWidth:0,flexGrow:0,flexShrink:1,flexBasis:"auto"},"#os-dummy-scrollbar-size":{position:"fixed",opacity:0,visibility:"hidden",overflow:"scroll",height:500,width:500},"#os-dummy-scrollbar-size>div":{width:"200%",height:"200%",margin:10},"#os-dummy-scrollbar-size, .os-viewport":{},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport":{scrollbarWidth:"none!important"},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner":{display:"none!important",width:"0!important",height:"0!important",visibility:"hidden!important",background:"0 0!important"},".os-content-glue":{boxSizing:"inherit",maxHeight:"100%",maxWidth:"100%",width:"100%",pointerEvents:"none"},".os-padding":{boxSizing:"inherit",direction:"inherit",position:"absolute",overflow:"visible",padding:0,margin:0,left:0,top:0,bottom:0,right:0,width:"auto!important",height:"auto!important",zIndex:1},".os-host-overflow>.os-padding":{overflow:"hidden"},".os-viewport":{direction:"inherit!important",boxSizing:"inherit!important",resize:"none!important",outline:"0!important",position:"absolute",overflow:"hidden",top:0,left:0,bottom:0,right:0,padding:0,margin:0},".os-content-arrange":{position:"absolute",zIndex:-1,minHeight:1,minWidth:1,pointerEvents:"none"},".os-content":{direction:"inherit",boxSizing:"border-box!important",position:"relative",display:"block",height:"100%",width:"100%",visibility:"visible"},".os-content:before, .os-content:after":{content:"''",display:"table",width:0,height:0,lineHeight:0,fontSize:0},".os-content>.os-textarea":{boxSizing:"border-box!important",direction:"inherit!important",background:"0 0!important",outline:"0 transparent!important",overflow:"hidden!important",position:"absolute!important",display:"block!important",top:"0!important",left:"0!important",margin:"0!important",borderRadius:"0!important",float:"none!important",filter:"none!important",border:"0!important",resize:"none!important",transform:"none!important",maxWidth:"none!important",maxHeight:"none!important",boxShadow:"none!important",perspective:"none!important",opacity:"1!important",zIndex:"1!important",clip:"auto!important",verticalAlign:"baseline!important",padding:0},".os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea":{right:"0!important"},".os-content>.os-textarea-cover":{zIndex:-1,pointerEvents:"none"},".os-content>.os-textarea[wrap=off]":{whiteSpace:"pre!important",margin:"0!important"},".os-text-inherit":{fontFamily:"inherit",fontSize:"inherit",fontWeight:"inherit",fontStyle:"inherit",fontVariant:"inherit",textTransform:"inherit",textDecoration:"inherit",textIndent:"inherit",textAlign:"inherit",textShadow:"inherit",textOverflow:"inherit",letterSpacing:"inherit",wordSpacing:"inherit",lineHeight:"inherit",unicodeBidi:"inherit",direction:"inherit",color:"inherit",cursor:"text"},".os-resize-observer, .os-resize-observer-host":{boxSizing:"inherit",display:"block",opacity:0,position:"absolute",top:0,left:0,height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",zIndex:-1},".os-resize-observer-host":{padding:"inherit",border:"inherit",borderColor:"transparent",borderStyle:"solid",boxSizing:"border-box"},".os-resize-observer-host:after":{content:"''"},".os-resize-observer-host>.os-resize-observer, .os-resize-observer-host:after":{height:"200%",width:"200%",padding:"inherit",border:"inherit",margin:0,display:"block",boxSizing:"content-box"},".os-resize-observer.observed, object.os-resize-observer":{boxSizing:"border-box!important"},".os-size-auto-observer":{boxSizing:"inherit!important",height:"100%",width:"inherit",maxWidth:1,position:"relative",float:"left",maxHeight:1,overflow:"hidden",zIndex:-1,padding:0,margin:0,pointerEvents:"none",flexGrow:"inherit",flexShrink:0,flexBasis:0},".os-size-auto-observer>.os-resize-observer":{width:"1000%",height:"1000%",minHeight:1,minWidth:1},".os-resize-observer-item":{position:"absolute",top:0,right:0,bottom:0,left:0,overflow:"hidden",zIndex:-1,opacity:0,direction:"ltr!important",flex:"none!important"},".os-resize-observer-item-final":{position:"absolute",left:0,top:0,transition:"none!important",flex:"none!important"},".os-resize-observer":{animationDuration:".001s",animationName:`${hsResizeObserverDummyAnimation}`},".os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner":{transition:"opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s"},"html.os-html>.os-host>.os-scrollbar":{position:"absolute",zIndex:999999},".os-scrollbar, .os-scrollbar-corner":{position:"absolute",opacity:1,zIndex:1},".os-scrollbar-corner":{bottom:0,right:0,height:10,width:10,backgroundColor:"transparent"},".os-scrollbar":{pointerEvents:"none",padding:2,boxSizing:"border-box",background:0},".os-scrollbar-track":{pointerEvents:"auto",position:"relative",height:"100%",width:"100%",padding:"0!important",border:"0!important"},".os-scrollbar-handle":{pointerEvents:"auto",position:"absolute",width:"100%",height:"100%"},".os-scrollbar-handle-off, .os-scrollbar-track-off":{pointerEvents:"none"},".os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable *":{pointerEvents:"none!important"},".os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle":{opacity:"0!important"},".os-scrollbar-horizontal":{bottom:0,left:0,right:10,height:10},".os-scrollbar-vertical":{top:0,right:0,bottom:10,width:10},".os-host-rtl>.os-scrollbar-horizontal":{right:0},".os-host-rtl>.os-scrollbar-vertical":{right:"auto",left:0},".os-host-rtl>.os-scrollbar-corner":{right:"auto",left:0},".os-scrollbar-auto-hidden, .os-padding+.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner":{opacity:0,visibility:"hidden",pointerEvents:"none"},".os-scrollbar-corner-resize-both":{cursor:"nwse-resize"},".os-host-rtl>.os-scrollbar-corner-resize-both":{cursor:"nesw-resize"},".os-scrollbar-corner-resize-horizontal":{cursor:"ew-resize"},".os-scrollbar-corner-resize-vertical":{cursor:"ns-resize"},".os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize":{cursor:"default"},".os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical":{top:0,bottom:0},".os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal":{right:0,left:0},".os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize":{opacity:"1!important",visibility:"visible!important"},".os-scrollbar-corner.os-scrollbar-corner-resize":{backgroundImage:"linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0)  50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 100%)",backgroundRepeat:"no-repeat",backgroundPosition:"100% 100%",pointerEvents:"auto!important"},".os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize":{transform:"scale(-1,1)"},".os-host-overflow":{overflow:"hidden!important"},".os-theme-dark.os-host-rtl>.os-scrollbar-horizontal":{left:10,right:0},".os-scrollbar.os-scrollbar-unusable":{background:0},".os-scrollbar>.os-scrollbar-track":{background:0},".os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle":{minWidth:30},".os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle":{minHeight:30},".os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{transition:"background-color .3s"},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-scrollbar>.os-scrollbar-track":{borderRadius:10},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{background:theme.textMutedColor,opacity:.5},".os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle":{opacity:.6},".os-scrollbar-horizontal .os-scrollbar-handle:before, .os-scrollbar-vertical .os-scrollbar-handle:before":{content:"''",position:"absolute",left:0,right:0,top:0,bottom:0,display:"block"},".os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before":{display:"none"},".os-scrollbar-horizontal .os-scrollbar-handle:before":{top:-6,bottom:-2},".os-scrollbar-vertical .os-scrollbar-handle:before":{left:-6,right:-2},".os-host-rtl.os-scrollbar-vertical .os-scrollbar-handle:before":{right:-6,left:-2}}),GlobalScrollAreaStyles=()=>import_react.default.createElement(Global,{styles:getScrollAreaStyles}),GlobalScrollAreaStyles_default=GlobalScrollAreaStyles;export{GlobalScrollAreaStyles_default as default,getScrollAreaStyles};