@storybook/manager 0.0.0-pr-23609-sha-f47ef339

package/dist/globals.d.ts

@@ -0,0 +1,36 @@
+declare type ModuleType = "esm" | "cjs";
+
+/**
+ * Information that discribes a module to be imported.
+ */
+declare type ModuleInfo = {
+  /**
+   * Global variable name with which the import statements of the module
+   * should be replaced.
+   */
+  varName: string;
+
+  /**
+   * Type (either `"esm"` or `"cjs"`) that determines the internal behavior of
+   * this plugin. Defaults to `"esm"`.
+   */
+  type?: ModuleType;
+
+  /**
+   * Names of variables that are exported from the module and may be imported
+   * from another module.
+   * No effect if `type` is `"cjs"`.
+   */
+  namedExports?: readonly string[];
+
+  /**
+   * Set to `false` to prevent emitting code for default import/export
+   * (which you won't need to unless you are finicky).
+   * Defaults to `true`. No effect if `type` is `"cjs"`.
+   */
+  defaultExport?: boolean;
+};
+
+declare const definitions: Required<Record<"react" | "react-dom" | "@storybook/components" | "@storybook/components/experimental" | "@storybook/channels" | "@storybook/core-events" | "@storybook/router" | "@storybook/theming" | "@storybook/api" | "@storybook/manager-api" | "@storybook/addons" | "@storybook/client-logger", Required<ModuleInfo>>>;
+
+export { definitions };

package/dist/globals.js

@@ -0,0 +1 @@
+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 globals_exports={};__export(globals_exports,{definitions:()=>definitions});module.exports=__toCommonJS(globals_exports);var exports_default={react:["Children","Component","Fragment","Profiler","PureComponent","StrictMode","Suspense","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","cloneElement","createContext","createElement","createFactory","createRef","forwardRef","isValidElement","lazy","memo","useCallback","useContext","useDebugValue","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useReducer","useRef","useState","version"],"react-dom":["__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","createPortal","findDOMNode","flushSync","hydrate","render","unmountComponentAtNode","unstable_batchedUpdates","unstable_createPortal","unstable_renderSubtreeIntoContainer","version"],"@storybook/components":["A","ActionBar","AddonPanel","Badge","Bar","Blockquote","Button","ClipboardCode","Code","DL","Div","DocumentWrapper","ErrorFormatter","FlexBar","Form","H1","H2","H3","H4","H5","H6","HR","IconButton","IconButtonSkeleton","Icons","Img","LI","Link","ListItem","Loader","OL","P","Placeholder","Pre","ResetWrapper","ScrollArea","Separator","Spaced","Span","StorybookIcon","StorybookLogo","Symbols","SyntaxHighlighter","TT","TabBar","TabButton","TabWrapper","Table","Tabs","TabsState","TooltipLinkList","TooltipMessage","TooltipNote","UL","WithTooltip","WithTooltipPure","Zoom","codeCommon","components","createCopyToClipboardFunction","getStoryHref","icons","interleaveSeparators","nameSpaceClassNames","resetComponents","withReset"],"@storybook/components/experimental":["Button"],"@storybook/channels":["Channel","PostMessageTransport","WebsocketTransport","createBrowserChannel","createPostMessageChannel","createWebSocketChannel"],"@storybook/core-events":["CHANNEL_CREATED","CONFIG_ERROR","CURRENT_STORY_WAS_SET","DOCS_PREPARED","DOCS_RENDERED","FORCE_REMOUNT","FORCE_RE_RENDER","GLOBALS_UPDATED","IGNORED_EXCEPTION","NAVIGATE_URL","PLAY_FUNCTION_THREW_EXCEPTION","PRELOAD_ENTRIES","PREVIEW_BUILDER_PROGRESS","PREVIEW_KEYDOWN","REGISTER_SUBSCRIPTION","REQUEST_WHATS_NEW_DATA","RESET_STORY_ARGS","RESULT_WHATS_NEW_DATA","SELECT_STORY","SET_CONFIG","SET_CURRENT_STORY","SET_GLOBALS","SET_INDEX","SET_STORIES","SET_WHATS_NEW_CACHE","SHARED_STATE_CHANGED","SHARED_STATE_SET","STORIES_COLLAPSE_ALL","STORIES_EXPAND_ALL","STORY_ARGS_UPDATED","STORY_CHANGED","STORY_ERRORED","STORY_INDEX_INVALIDATED","STORY_MISSING","STORY_PREPARED","STORY_RENDERED","STORY_RENDER_PHASE_CHANGED","STORY_SPECIFIED","STORY_THREW_EXCEPTION","STORY_UNCHANGED","TOGGLE_WHATS_NEW_NOTIFICATIONS","UPDATE_GLOBALS","UPDATE_QUERY_PARAMS","UPDATE_STORY_ARGS"],"@storybook/router":["BaseLocationProvider","DEEPLY_EQUAL","Link","Location","LocationProvider","Match","Route","buildArgsParam","deepDiff","getMatch","parsePath","queryFromLocation","queryFromString","stringifyQuery","useNavigate"],"@storybook/theming":["CacheProvider","ClassNames","Global","ThemeProvider","background","color","convert","create","createCache","createGlobal","createReset","css","darken","ensure","ignoreSsrWarning","isPropValid","jsx","keyframes","lighten","styled","themes","typography","useTheme","withTheme"],"@storybook/api":["ActiveTabs","Consumer","ManagerContext","Provider","addons","combineParameters","controlOrMetaKey","controlOrMetaSymbol","eventMatchesShortcut","eventToShortcut","isMacLike","isShortcutTaken","keyToSymbol","merge","mockChannel","optionOrAltSymbol","shortcutMatchesShortcut","shortcutToHumanString","types","useAddonState","useArgTypes","useArgs","useChannel","useGlobalTypes","useGlobals","useParameter","useSharedState","useStoryPrepared","useStorybookApi","useStorybookState"],"@storybook/manager-api":["ActiveTabs","Consumer","ManagerContext","Provider","addons","combineParameters","controlOrMetaKey","controlOrMetaSymbol","eventMatchesShortcut","eventToShortcut","isMacLike","isShortcutTaken","keyToSymbol","merge","mockChannel","optionOrAltSymbol","shortcutMatchesShortcut","shortcutToHumanString","types","useAddonState","useArgTypes","useArgs","useChannel","useGlobalTypes","useGlobals","useParameter","useSharedState","useStoryPrepared","useStorybookApi","useStorybookState"],"@storybook/addons":["addons","types","mockChannel"],"@storybook/client-logger":["deprecate","logger","once","pretty"]};var Keys=(Keys2=>(Keys2.react="__REACT__",Keys2["react-dom"]="__REACTDOM__",Keys2["@storybook/components"]="__STORYBOOKCOMPONENTS__",Keys2["@storybook/components/experimental"]="__STORYBOOKCOMPONENTSEXPERIMENTAL__",Keys2["@storybook/channels"]="__STORYBOOKCHANNELS__",Keys2["@storybook/core-events"]="__STORYBOOKCOREEVENTS__",Keys2["@storybook/router"]="__STORYBOOKROUTER__",Keys2["@storybook/theming"]="__STORYBOOKTHEMING__",Keys2["@storybook/api"]="__STORYBOOKAPI__",Keys2["@storybook/manager-api"]="__STORYBOOKAPI__",Keys2["@storybook/addons"]="__STORYBOOKADDONS__",Keys2["@storybook/client-logger"]="__STORYBOOKCLIENTLOGGER__",Keys2))(Keys||{});var createModuleInfo=m=>({type:"esm",varName:Keys[m],namedExports:exports_default[m],defaultExport:!0}),definitions=Object.keys(Keys).reduce((acc,key)=>(acc[key]=createModuleInfo(key),acc),{});0&&(module.exports={definitions});

package/dist/index.d.ts

@@ -0,0 +1,57 @@
+import { FC } from 'react';
+
+declare global {
+	interface SymbolConstructor {
+		readonly observable: symbol;
+	}
+}
+
+type Addon_Types = Exclude<Addon_TypesEnum, Addon_TypesEnum.experimental_PAGE>;
+declare enum Addon_TypesEnum {
+    /**
+     * This API is used to create a tab the toolbar above the canvas, This API might be removed in the future.
+     * @unstable
+     */
+    TAB = "tab",
+    /**
+     * This adds panels to the addons side panel.
+     */
+    PANEL = "panel",
+    /**
+     * This adds items in the toolbar above the canvas - on the left side.
+     */
+    TOOL = "tool",
+    /**
+     * This adds items in the toolbar above the canvas - on the right side.
+     */
+    TOOLEXTRA = "toolextra",
+    /**
+     * This adds wrapper components around the canvas/iframe component storybook renders.
+     * @unstable this API is not stable yet, and is likely to change in 8.0.
+     */
+    PREVIEW = "preview",
+    /**
+     * This adds pages that render instead of the canvas.
+     * @unstable
+     */
+    experimental_PAGE = "page",
+    /**
+     * @deprecated This property does nothing, and will be removed in Storybook 8.0.
+     */
+    NOTES_ELEMENT = "notes-element"
+}
+
+declare class Provider {
+    getElements(_type: Addon_Types): void;
+    handleAPI(_api: unknown): void;
+    getConfig(): {};
+}
+
+interface RootProps {
+    provider: Provider;
+    history?: History;
+}
+declare const Root: FC<RootProps>;
+declare function renderStorybookUI(domNode: HTMLElement, provider: Provider): void;
+
+export { Provider, Root, RootProps, renderStorybookUI };

package/dist/index.js

@@ -0,0 +1 @@
+import{Provider,Root,renderStorybookUI}from"./chunk-QRTNABDL.js";import"./chunk-QHBOEFOL.js";import"./chunk-YQDZW3DF.js";import"./chunk-JMPBYCHU.js";import"./chunk-SPUAGIB2.js";import"./chunk-QMHPSTMR.js";import"./chunk-3J6GS6FI.js";import"./chunk-RKFFWI2D.js";export{Provider,Root,renderStorybookUI};

package/dist/runtime.d.ts

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

package/dist/runtime.js

@@ -0,0 +1 @@
+import{Addon_TypesEnum,CHANNEL_CREATED,Provider,addons,createBrowserChannel,curriedDarken$1,curriedLighten$1,curriedTransparentize$1,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports7,mockChannel,renderStorybookUI,rgba}from"./chunk-QRTNABDL.js";import"./chunk-QHBOEFOL.js";import{require_react_dom}from"./chunk-YQDZW3DF.js";import"./chunk-JMPBYCHU.js";import{dist_exports,dist_exports2 as dist_exports6,newStyled,scope}from"./chunk-SPUAGIB2.js";import{require_react}from"./chunk-QMHPSTMR.js";import"./chunk-3J6GS6FI.js";import{__export,__toESM}from"./chunk-RKFFWI2D.js";var REACT=__toESM(require_react()),REACTDOM=__toESM(require_react_dom());var experimantal_exports={};__export(experimantal_exports,{Button:()=>Button});var import_react=__toESM(require_react(),1);var Button=(0,import_react.forwardRef)(({as,children,icon,...props},ref)=>import_react.default.createElement(StyledButton,{as,ref,...props},icon,!props.iconOnly&&children));Button.displayName="Button";var StyledButton=newStyled.button(({theme,variant="primary",size="medium",disabled=!1,active=!1,iconOnly=!1})=>({border:0,cursor:disabled?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:`${(()=>!iconOnly&&size==="small"?"0 10px":!iconOnly&&size==="medium"?"0 12px":0)()}`,width:`${(()=>iconOnly&&size==="small"?"28px":iconOnly&&size==="medium"?"32px":"auto")()}`,height:size==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:disabled?.5:1,margin:0,fontSize:`${theme.typography.size.s1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",background:`${(()=>variant==="primary"?theme.color.secondary:variant==="secondary"?theme.button.background:variant==="tertiary"&&active?theme.background.hoverable:"transparent")()}`,color:`${(()=>variant==="primary"?theme.color.lightest:variant==="secondary"?theme.input.color:variant==="tertiary"&&active?theme.color.secondary:variant==="tertiary"?theme.color.mediumdark:theme.input.color)()}`,boxShadow:variant==="secondary"?`${theme.button.border} 0 0 0 1px inset`:"none",borderRadius:theme.input.borderRadius,"&:hover":{color:variant==="tertiary"?theme.color.secondary:null,background:`${(()=>{let bgColor=theme.color.secondary;return variant==="primary"&&(bgColor=theme.color.secondary),variant==="secondary"&&(bgColor=theme.button.background),variant==="tertiary"?curriedTransparentize$1(.86,theme.color.secondary):theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()}`},"&:active":{color:variant==="tertiary"?theme.color.secondary:null,background:`${(()=>{let bgColor=theme.color.secondary;return variant==="primary"&&(bgColor=theme.color.secondary),variant==="secondary"&&(bgColor=theme.button.background),variant==="tertiary"?theme.background.hoverable:theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()}`},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}));var values={react:REACT,"react-dom":REACTDOM,"@storybook/components":dist_exports7,"@storybook/components/experimental":experimantal_exports,"@storybook/channels":dist_exports4,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports6,"@storybook/api":dist_exports5,"@storybook/manager-api":dist_exports5,"@storybook/addons":{addons,types:Addon_TypesEnum,mockChannel},"@storybook/client-logger":dist_exports};var Keys=(Keys2=>(Keys2.react="__REACT__",Keys2["react-dom"]="__REACTDOM__",Keys2["@storybook/components"]="__STORYBOOKCOMPONENTS__",Keys2["@storybook/components/experimental"]="__STORYBOOKCOMPONENTSEXPERIMENTAL__",Keys2["@storybook/channels"]="__STORYBOOKCHANNELS__",Keys2["@storybook/core-events"]="__STORYBOOKCOREEVENTS__",Keys2["@storybook/router"]="__STORYBOOKROUTER__",Keys2["@storybook/theming"]="__STORYBOOKTHEMING__",Keys2["@storybook/api"]="__STORYBOOKAPI__",Keys2["@storybook/manager-api"]="__STORYBOOKAPI__",Keys2["@storybook/addons"]="__STORYBOOKADDONS__",Keys2["@storybook/client-logger"]="__STORYBOOKCLIENTLOGGER__",Keys2))(Keys||{});var{FEATURES,CONFIG_TYPE}=scope,ReactProvider=class extends Provider{constructor(){super();let channel=createBrowserChannel({page:"manager"});addons.setChannel(channel),channel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=channel,FEATURES?.storyStoreV7&&CONFIG_TYPE==="DEVELOPMENT"&&(this.serverChannel=this.channel,addons.setServerChannel(this.serverChannel))}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}},{document}=scope,rootEl=document.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);Object.keys(Keys).forEach(key=>{scope[Keys[key]]=values[key]});

package/dist/syntaxhighlighter-4OVWVELQ-YLWIEEMY.js

@@ -0,0 +1 @@
+import{SyntaxHighlighter2,createCopyToClipboardFunction,syntaxhighlighter_default}from"./chunk-QHBOEFOL.js";import"./chunk-JMPBYCHU.js";import"./chunk-SPUAGIB2.js";import"./chunk-QMHPSTMR.js";import"./chunk-3J6GS6FI.js";import"./chunk-RKFFWI2D.js";export{SyntaxHighlighter2 as SyntaxHighlighter,createCopyToClipboardFunction,syntaxhighlighter_default as default};

package/jest.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+const baseConfig = require('../../jest.config.browser');
+
+module.exports = {
+  ...baseConfig,
+  displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
+};

package/package.json

@@ -0,0 +1,101 @@
+{
+  "name": "@storybook/manager",
+  "version": "0.0.0-pr-23609-sha-f47ef339",
+  "description": "Core Storybook UI",
+  "keywords": [
+    "storybook"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/next/code/ui/manager",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "code/ui/manager"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
+  },
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./dist/runtime": {
+      "types": "./dist/runtime.d.ts",
+      "import": "./dist/runtime.js"
+    },
+    "./dist/globals": {
+      "types": "./dist/globals.d.ts",
+      "require": "./dist/globals.js"
+    },
+    "./paths": "./paths.js",
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/**/*",
+    "static/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "check": "../../../scripts/prepare/check.ts",
+    "prep": "../../../scripts/prepare/esm-bundle.ts"
+  },
+  "devDependencies": {
+    "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
+    "@storybook/addon-designs": "^7.0.0",
+    "@storybook/addons": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/channels": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/client-logger": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/components": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/core-events": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/global": "^5.0.0",
+    "@storybook/manager-api": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/router": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/theming": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/types": "0.0.0-pr-23609-sha-f47ef339",
+    "@testing-library/react": "^11.2.2",
+    "@types/semver": "^7.3.4",
+    "copy-to-clipboard": "^3.3.1",
+    "downshift": "^6.0.15",
+    "fs-extra": "^11.1.0",
+    "fuse.js": "^3.6.1",
+    "lodash": "^4.17.21",
+    "markdown-to-jsx": "^7.1.8",
+    "memoizerific": "^1.11.3",
+    "polished": "^4.2.2",
+    "qs": "^6.10.0",
+    "react": "^16.14.0",
+    "react-dom": "^16.8.0",
+    "react-draggable": "^4.4.3",
+    "react-helmet-async": "^1.0.7",
+    "react-resize-detector": "^7.1.2",
+    "resolve-from": "^5.0.0",
+    "semver": "^7.3.7",
+    "store2": "^2.14.2",
+    "ts-dedent": "^2.0.0",
+    "typescript": "~4.9.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bundler": {
+    "pre": "./scripts/generate-exports-file.ts",
+    "browserEntries": [
+      "./src/index.tsx",
+      "./src/runtime.ts"
+    ],
+    "nodeEntries": [
+      "./src/globals.ts"
+    ]
+  },
+  "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae17"
+}

package/paths.js

@@ -0,0 +1,19 @@
+const { dirname } = require('path');
+const resolveFrom = require('resolve-from');
+
+const resolve = resolveFrom.bind(null, __dirname);
+
+// These paths need to be aliased in the manager webpack config to ensure that all
+// code running inside the manager uses the *same* version of react[-dom] that we use.
+module.exports = {
+  '@storybook/addons': dirname(resolve('@storybook/addons/package.json')),
+  '@storybook/channels': dirname(resolve('@storybook/channels/package.json')),
+  '@storybook/components': dirname(resolve('@storybook/components/package.json')),
+  '@storybook/core-events': dirname(resolve('@storybook/core-events/package.json')),
+  '@storybook/manager-api': dirname(resolve('@storybook/manager-api/package.json')),
+  '@storybook/manager': dirname(resolve('@storybook/manager/package.json')),
+  '@storybook/router': dirname(resolve('@storybook/router/package.json')),
+  '@storybook/theming': dirname(resolve('@storybook/theming/package.json')),
+  react: dirname(resolve('react/package.json')),
+  'react-dom': dirname(resolve('react-dom/package.json')),
+};

package/src/typings.d.ts

@@ -0,0 +1,27 @@
+/* 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: import('@storybook/types').StorybookConfig['features'];
+
+declare var REFS: any;
+declare var VERSIONCHECK: any;
+declare var LOGLEVEL: 'trace' | 'debug' | 'info' | 'warn' | 'error' | 'silent' | undefined;
+
+declare var __REACT__: any;
+declare var __REACTDOM__: any;
+declare var __STORYBOOKCOMPONENTS__: any;
+declare var __STORYBOOKCOMPONENTSEXPERIMENTAL__: 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/utils/tree.test.js

@@ -0,0 +1,93 @@
+import { mockDataset, mockExpanded, mockSelected } from '../components/sidebar/mockdata';
+
+import * as utils from './tree';
+
+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/static/fonts.css

@@ -0,0 +1,31 @@
+@font-face {
+  font-family: 'Nunito Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./nunito-sans-regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Nunito Sans';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./nunito-sans-italic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Nunito Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('./nunito-sans-bold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Nunito Sans';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url('./nunito-sans-bold-italic.woff2') format('woff2');
+}