@fluentui/react-storybook-addon 0.4.1 → 0.4.2

package/lib-commonjs/docs/Toc.js

@@ -1,149 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Toc: function() {
-        return Toc;
-    },
-    nameToHash: function() {
-        return nameToHash;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _previewapi = require("@storybook/preview-api");
-const _coreevents = require("@storybook/core-events");
-const _react1 = require("@griffel/react");
-const useTocStyles = (0, _react1.makeStyles)({
-    root: {
-        top: '64px',
-        position: 'sticky',
-        marginLeft: '40px'
-    },
-    heading: {
-        fontSize: '11px',
-        fontWeight: 'bold',
-        textTransform: 'uppercase',
-        marginBottom: '20px'
-    },
-    ol: {
-        position: 'relative',
-        listStyleType: 'none',
-        marginLeft: 0,
-        marginTop: 0,
-        paddingInlineStart: '20px',
-        '& li': {
-            marginBottom: '15px',
-            lineHeight: '16px'
-        },
-        '& a': {
-            textDecorationLine: 'none',
-            color: '#201F1E',
-            fontSize: '14px',
-            ':hover': {
-                color: '#201F1E'
-            }
-        },
-        '&:before': {
-            content: '""',
-            position: 'absolute',
-            left: 0,
-            height: '100%',
-            width: '3px',
-            backgroundColor: '#EDEBE9',
-            borderRadius: '4px'
-        }
-    },
-    selected: {
-        position: 'relative',
-        '&:after': {
-            content: '""',
-            position: 'absolute',
-            left: '-20px',
-            top: 0,
-            bottom: 0,
-            width: '3px',
-            backgroundColor: '#436DCD',
-            borderRadius: '4px'
-        }
-    }
-});
-// // Alternative approach to navigate - rerenders the iframe
-// // Usage: selectStory({ story: s.name, kind: s.kind });
-// const selectStory = (story: { kind: string; story: string }) => {
-//   console.log('Select Story', story);
-//   addons.getChannel().emit(SELECT_STORY, story);
-// };
-const navigate = (url)=>{
-    _previewapi.addons.getChannel().emit(_coreevents.NAVIGATE_URL, url);
-};
-const nameToHash = (id)=>id.toLowerCase().replace(/[^a-z0-9]/gi, '-');
-const Toc = ({ stories })=>{
-    const [selected, setSelected] = _react.useState('');
-    const isNavigating = _react.useRef(false);
-    _react.useEffect(()=>{
-        // eslint-disable-next-line @nx/workspace-no-restricted-globals
-        const observer = new IntersectionObserver((entries)=>{
-            if (isNavigating.current) {
-                isNavigating.current = false;
-                return;
-            }
-            for (const entry of entries){
-                const { intersectionRatio, target } = entry;
-                if (intersectionRatio > 0.5) {
-                    setSelected(target.id);
-                    return;
-                }
-            }
-        }, {
-            threshold: [
-                0.5
-            ]
-        });
-        stories.forEach((link)=>{
-            // eslint-disable-next-line @nx/workspace-no-restricted-globals
-            const element = document.getElementById(nameToHash(link.name));
-            if (element) {
-                observer.observe(element);
-            }
-        });
-        return ()=>observer.disconnect();
-    }, [
-        stories
-    ]);
-    const tocItems = stories.map((item)=>{
-        return {
-            ...item,
-            selected: nameToHash(item.name) === selected
-        };
-    });
-    const tocClasses = useTocStyles();
-    return /*#__PURE__*/ _react.createElement("nav", {
-        className: tocClasses.root
-    }, /*#__PURE__*/ _react.createElement("h3", {
-        className: tocClasses.heading
-    }, "On this page"), /*#__PURE__*/ _react.createElement("ol", {
-        className: tocClasses.ol
-    }, tocItems.map((s)=>{
-        const name = nameToHash(s.name);
-        return /*#__PURE__*/ _react.createElement("li", {
-            className: s.selected ? tocClasses.selected : '',
-            key: s.id
-        }, /*#__PURE__*/ _react.createElement("a", {
-            href: `#${name}`,
-            target: "_self",
-            onClick: (e)=>{
-                isNavigating.current = true;
-                navigate(`#${name}`);
-                setSelected(name);
-            }
-        }, s.name));
-    })));
-};

package/lib-commonjs/docs/Toc.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/docs/Toc.tsx"],"sourcesContent":["import * as React from 'react';\nimport { addons } from '@storybook/preview-api';\nimport { NAVIGATE_URL } from '@storybook/core-events';\n\nimport { makeStyles } from '@griffel/react';\n\nconst useTocStyles = makeStyles({\n  root: {\n    top: '64px',\n    position: 'sticky',\n    marginLeft: '40px',\n  },\n  heading: {\n    fontSize: '11px',\n    fontWeight: 'bold',\n    textTransform: 'uppercase',\n    marginBottom: '20px',\n  },\n  ol: {\n    position: 'relative',\n    listStyleType: 'none',\n    marginLeft: 0,\n    marginTop: 0,\n    paddingInlineStart: '20px',\n    '& li': {\n      marginBottom: '15px',\n      lineHeight: '16px',\n    },\n    '& a': {\n      textDecorationLine: 'none',\n      color: '#201F1E',\n      fontSize: '14px',\n      ':hover': {\n        color: '#201F1E',\n      },\n    },\n    '&:before': {\n      content: '\"\"',\n      position: 'absolute',\n      left: 0,\n      height: '100%',\n      width: '3px',\n      backgroundColor: '#EDEBE9',\n      borderRadius: '4px',\n    },\n  },\n  selected: {\n    position: 'relative',\n    '&:after': {\n      content: '\"\"',\n      position: 'absolute',\n      left: '-20px',\n      top: 0,\n      bottom: 0,\n      width: '3px',\n      backgroundColor: '#436DCD',\n      borderRadius: '4px',\n    },\n  },\n});\n\ntype TocItem = { name: string; id: string; selected?: boolean };\n\n// // Alternative approach to navigate - rerenders the iframe\n// // Usage: selectStory({ story: s.name, kind: s.kind });\n// const selectStory = (story: { kind: string; story: string }) => {\n//   console.log('Select Story', story);\n//   addons.getChannel().emit(SELECT_STORY, story);\n// };\n\nconst navigate = (url: string) => {\n  addons.getChannel().emit(NAVIGATE_URL, url);\n};\n\nexport const nameToHash = (id: string): string => id.toLowerCase().replace(/[^a-z0-9]/gi, '-');\n\nexport const Toc = ({ stories }: { stories: TocItem[] }) => {\n  const [selected, setSelected] = React.useState('');\n  const isNavigating = React.useRef<boolean>(false);\n\n  React.useEffect(() => {\n    // eslint-disable-next-line @nx/workspace-no-restricted-globals\n    const observer = new IntersectionObserver(\n      (entries: IntersectionObserverEntry[]) => {\n        if (isNavigating.current) {\n          isNavigating.current = false;\n          return;\n        }\n        for (const entry of entries) {\n          const { intersectionRatio, target } = entry;\n          if (intersectionRatio > 0.5) {\n            setSelected(target.id);\n            return;\n          }\n        }\n      },\n      {\n        threshold: [0.5],\n      },\n    );\n\n    stories.forEach(link => {\n      // eslint-disable-next-line @nx/workspace-no-restricted-globals\n      const element = document.getElementById(nameToHash(link.name));\n      if (element) {\n        observer.observe(element);\n      }\n    });\n\n    return () => observer.disconnect();\n  }, [stories]);\n\n  const tocItems = stories.map(item => {\n    return { ...item, selected: nameToHash(item.name) === selected };\n  });\n  const tocClasses = useTocStyles();\n  return (\n    <nav className={tocClasses.root}>\n      <h3 className={tocClasses.heading}>On this page</h3>\n      <ol className={tocClasses.ol}>\n        {tocItems.map(s => {\n          const name = nameToHash(s.name);\n          return (\n            <li className={s.selected ? tocClasses.selected : ''} key={s.id}>\n              <a\n                href={`#${name}`}\n                target=\"_self\"\n                onClick={e => {\n                  isNavigating.current = true;\n                  navigate(`#${name}`);\n                  setSelected(name);\n                }}\n              >\n                {s.name}\n              </a>\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["Toc","nameToHash","useTocStyles","makeStyles","root","top","position","marginLeft","heading","fontSize","fontWeight","textTransform","marginBottom","ol","listStyleType","marginTop","paddingInlineStart","lineHeight","textDecorationLine","color","content","left","height","width","backgroundColor","borderRadius","selected","bottom","navigate","url","addons","getChannel","emit","NAVIGATE_URL","id","toLowerCase","replace","stories","setSelected","React","useState","isNavigating","useRef","useEffect","observer","IntersectionObserver","entries","current","entry","intersectionRatio","target","threshold","forEach","link","element","document","getElementById","name","observe","disconnect","tocItems","map","item","tocClasses","nav","className","h3","s","li","key","a","href","onClick","e"],"mappings":"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"}

package/lib-commonjs/docs/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    FluentDocsContainer: function() {
-        return _FluentDocsContainer.FluentDocsContainer;
-    },
-    FluentDocsPage: function() {
-        return _FluentDocsPage.FluentDocsPage;
-    }
-});
-const _FluentDocsContainer = require("./FluentDocsContainer");
-const _FluentDocsPage = require("./FluentDocsPage");

package/lib-commonjs/docs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/docs/index.ts"],"sourcesContent":["export { FluentDocsContainer } from './FluentDocsContainer';\nexport { FluentDocsPage } from './FluentDocsPage';\n"],"names":["FluentDocsContainer","FluentDocsPage"],"mappings":";;;;;;;;;;;IAASA,mBAAmB;eAAnBA,wCAAmB;;IACnBC,cAAc;eAAdA,8BAAc;;;qCADa;gCACL"}

package/lib-commonjs/docs/utils.js

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    getDocsPageConfig: function() {
-        return getDocsPageConfig;
-    },
-    isDocsEnabled: function() {
-        return isDocsEnabled;
-    }
-});
-const docsDefaults = {
-    tableOfContents: true,
-    dirSwitcher: true,
-    themePicker: true,
-    argTable: {
-        slotsApi: true,
-        nativePropsApi: true
-    }
-};
-function getDocsParametersConfig(context) {
-    var _context_projectAnnotations_parameters_reactStorybookAddon, _context_projectAnnotations_parameters, _context_projectAnnotations;
-    return context === null || context === void 0 ? void 0 : (_context_projectAnnotations = context.projectAnnotations) === null || _context_projectAnnotations === void 0 ? void 0 : (_context_projectAnnotations_parameters = _context_projectAnnotations.parameters) === null || _context_projectAnnotations_parameters === void 0 ? void 0 : (_context_projectAnnotations_parameters_reactStorybookAddon = _context_projectAnnotations_parameters.reactStorybookAddon) === null || _context_projectAnnotations_parameters_reactStorybookAddon === void 0 ? void 0 : _context_projectAnnotations_parameters_reactStorybookAddon.docs;
-}
-function isDocsEnabled(context) {
-    const docsConfig = getDocsParametersConfig(context);
-    // If docs is true, enable page
-    if (docsConfig === true) {
-        return true;
-    }
-    // If docs is an object, page is enabled
-    if (typeof docsConfig === 'object' && docsConfig !== null) {
-        return true;
-    }
-    // Default: disabled
-    return false;
-}
-function getDocsPageConfig(context) {
-    const docsConfig = getDocsParametersConfig(context);
-    // If docs is true, return default config (all enabled)
-    if (docsConfig === true) {
-        return docsDefaults;
-    }
-    // If docs is an object, extract the configuration directly
-    if (typeof docsConfig === 'object' && docsConfig !== null) {
-        return {
-            tableOfContents: docsConfig.tableOfContents !== false,
-            dirSwitcher: docsConfig.dirSwitcher !== false,
-            themePicker: docsConfig.themePicker !== false,
-            argTable: getArgTableConfig(docsConfig.argTable)
-        };
-    }
-    // Fallback
-    return null;
-}
-/**
- * Gets the argTable configuration with early exit pattern
- */ function getArgTableConfig(argTableConfig) {
-    if (argTableConfig === false) {
-        return {
-            slotsApi: false,
-            nativePropsApi: false
-        };
-    }
-    if (argTableConfig === true || argTableConfig === undefined) {
-        return {
-            slotsApi: true,
-            nativePropsApi: true
-        };
-    }
-    if (typeof argTableConfig === 'object' && argTableConfig !== null) {
-        return {
-            slotsApi: argTableConfig.slotsApi !== false,
-            nativePropsApi: argTableConfig.nativePropsApi !== false
-        };
-    }
-    // Fallback to default
-    return docsDefaults.argTable;
-}

package/lib-commonjs/docs/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/docs/utils.ts"],"sourcesContent":["import { type DocsContextProps } from '@storybook/addon-docs';\n\nimport { type FluentParameters } from '../hooks';\n\nconst docsDefaults = {\n  tableOfContents: true,\n  dirSwitcher: true,\n  themePicker: true,\n  argTable: {\n    slotsApi: true,\n    nativePropsApi: true,\n  },\n};\n\nfunction getDocsParametersConfig(\n  context: DocsContextProps,\n): NonNullable<FluentParameters['reactStorybookAddon']>['docs'] {\n  return context?.projectAnnotations?.parameters?.reactStorybookAddon?.docs;\n}\n\n/**\n * Checks if the docs page is enabled\n */\nexport function isDocsEnabled(context: DocsContextProps): boolean {\n  const docsConfig = getDocsParametersConfig(context);\n\n  // If docs is true, enable page\n  if (docsConfig === true) {\n    return true;\n  }\n\n  // If docs is an object, page is enabled\n  if (typeof docsConfig === 'object' && docsConfig !== null) {\n    return true;\n  }\n\n  // Default: disabled\n  return false;\n}\n\n/**\n * Gets the docs page configuration from context\n */\nexport function getDocsPageConfig(context: DocsContextProps) {\n  const docsConfig = getDocsParametersConfig(context);\n\n  // If docs is true, return default config (all enabled)\n  if (docsConfig === true) {\n    return docsDefaults;\n  }\n\n  // If docs is an object, extract the configuration directly\n  if (typeof docsConfig === 'object' && docsConfig !== null) {\n    return {\n      tableOfContents: docsConfig.tableOfContents !== false,\n      dirSwitcher: docsConfig.dirSwitcher !== false,\n      themePicker: docsConfig.themePicker !== false,\n      argTable: getArgTableConfig(docsConfig.argTable),\n    };\n  }\n\n  // Fallback\n  return null;\n}\n\n/**\n * Gets the argTable configuration with early exit pattern\n */\nfunction getArgTableConfig(argTableConfig: boolean | { slotsApi?: boolean; nativePropsApi?: boolean } | undefined) {\n  if (argTableConfig === false) {\n    return {\n      slotsApi: false,\n      nativePropsApi: false,\n    };\n  }\n\n  if (argTableConfig === true || argTableConfig === undefined) {\n    return {\n      slotsApi: true,\n      nativePropsApi: true,\n    };\n  }\n\n  if (typeof argTableConfig === 'object' && argTableConfig !== null) {\n    return {\n      slotsApi: argTableConfig.slotsApi !== false,\n      nativePropsApi: argTableConfig.nativePropsApi !== false,\n    };\n  }\n\n  // Fallback to default\n  return docsDefaults.argTable;\n}\n"],"names":["getDocsPageConfig","isDocsEnabled","docsDefaults","tableOfContents","dirSwitcher","themePicker","argTable","slotsApi","nativePropsApi","getDocsParametersConfig","context","projectAnnotations","parameters","reactStorybookAddon","docs","docsConfig","getArgTableConfig","argTableConfig","undefined"],"mappings":";;;;;;;;;;;IA2CgBA,iBAAiB;eAAjBA;;IApBAC,aAAa;eAAbA;;;AAnBhB,MAAMC,eAAe;IACnBC,iBAAiB;IACjBC,aAAa;IACbC,aAAa;IACbC,UAAU;QACRC,UAAU;QACVC,gBAAgB;IAClB;AACF;AAEA,SAASC,wBACPC,OAAyB;QAElBA,4DAAAA,wCAAAA;IAAP,OAAOA,oBAAAA,+BAAAA,8BAAAA,QAASC,kBAAkB,cAA3BD,mDAAAA,yCAAAA,4BAA6BE,UAAU,cAAvCF,8DAAAA,6DAAAA,uCAAyCG,mBAAmB,cAA5DH,iFAAAA,2DAA8DI,IAAI;AAC3E;AAKO,SAASb,cAAcS,OAAyB;IACrD,MAAMK,aAAaN,wBAAwBC;IAE3C,+BAA+B;IAC/B,IAAIK,eAAe,MAAM;QACvB,OAAO;IACT;IAEA,wCAAwC;IACxC,IAAI,OAAOA,eAAe,YAAYA,eAAe,MAAM;QACzD,OAAO;IACT;IAEA,oBAAoB;IACpB,OAAO;AACT;AAKO,SAASf,kBAAkBU,OAAyB;IACzD,MAAMK,aAAaN,wBAAwBC;IAE3C,uDAAuD;IACvD,IAAIK,eAAe,MAAM;QACvB,OAAOb;IACT;IAEA,2DAA2D;IAC3D,IAAI,OAAOa,eAAe,YAAYA,eAAe,MAAM;QACzD,OAAO;YACLZ,iBAAiBY,WAAWZ,eAAe,KAAK;YAChDC,aAAaW,WAAWX,WAAW,KAAK;YACxCC,aAAaU,WAAWV,WAAW,KAAK;YACxCC,UAAUU,kBAAkBD,WAAWT,QAAQ;QACjD;IACF;IAEA,WAAW;IACX,OAAO;AACT;AAEA;;CAEC,GACD,SAASU,kBAAkBC,cAAsF;IAC/G,IAAIA,mBAAmB,OAAO;QAC5B,OAAO;YACLV,UAAU;YACVC,gBAAgB;QAClB;IACF;IAEA,IAAIS,mBAAmB,QAAQA,mBAAmBC,WAAW;QAC3D,OAAO;YACLX,UAAU;YACVC,gBAAgB;QAClB;IACF;IAEA,IAAI,OAAOS,mBAAmB,YAAYA,mBAAmB,MAAM;QACjE,OAAO;YACLV,UAAUU,eAAeV,QAAQ,KAAK;YACtCC,gBAAgBS,eAAeT,cAAc,KAAK;QACpD;IACF;IAEA,sBAAsB;IACtB,OAAON,aAAaI,QAAQ;AAC9B"}

package/lib-commonjs/hooks.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    getParametersConfig: function() {
-        return getParametersConfig;
-    },
-    parameters: function() {
-        return parameters;
-    },
-    useGlobals: function() {
-        return useGlobals;
-    }
-});
-const _managerapi = require("@storybook/manager-api");
-function useGlobals() {
-    return (0, _managerapi.useGlobals)();
-}
-function parameters(options) {
-    return {
-        dir: 'ltr',
-        fluentTheme: 'web-light',
-        mode: 'default',
-        ...options
-    };
-}
-function getParametersConfig(context) {
-    var _context_parameters;
-    return context === null || context === void 0 ? void 0 : (_context_parameters = context.parameters) === null || _context_parameters === void 0 ? void 0 : _context_parameters.reactStorybookAddon;
-}

package/lib-commonjs/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks.ts"],"sourcesContent":["import { useGlobals as useStorybookGlobals } from '@storybook/manager-api';\nimport { Args as StorybookArgs, StoryContext as StorybookContext, Parameters } from '@storybook/react';\n\nimport { DIR_ID, STRICT_MODE_ID, THEME_ID } from './constants';\nimport type { ThemeIds } from './theme';\n\nexport interface FluentStoryContext extends StorybookContext {\n  globals: FluentGlobals;\n  parameters: FluentParameters;\n}\n\n/**\n * Extends the storybook globals object to include fluent specific properties\n */\nexport interface FluentGlobals extends StorybookArgs {\n  [DIR_ID]?: 'ltr' | 'rtl';\n  [THEME_ID]?: ThemeIds;\n  [STRICT_MODE_ID]?: boolean;\n}\n\n/**\n * Extends the storybook parameters object to include fluent specific properties\n */\nexport interface FluentParameters extends Parameters {\n  dir?: 'ltr' | 'rtl';\n  fluentTheme?: ThemeIds;\n  mode?: 'default' | 'vr-test';\n  reactStorybookAddon?: {\n    disabledDecorators?: ['AriaLive' | 'FluentProvider' | 'ReactStrictMode'];\n    docs?: FluentDocsConfig;\n  };\n}\n\n/**\n * Configuration for docs components\n */\ntype FluentDocsConfig =\n  | boolean\n  | {\n      tableOfContents?: boolean;\n      dirSwitcher?: boolean;\n      themePicker?: boolean;\n      argTable?:\n        | boolean\n        | {\n            slotsApi?: boolean;\n            nativePropsApi?: boolean;\n          };\n    };\n\nexport function useGlobals(): [FluentGlobals, (newGlobals: FluentGlobals) => void] {\n  return useStorybookGlobals();\n}\n\nexport function parameters(options?: FluentParameters) {\n  return { dir: 'ltr', fluentTheme: 'web-light', mode: 'default', ...options };\n}\nexport function getParametersConfig(context: FluentStoryContext) {\n  return context?.parameters?.reactStorybookAddon;\n}\n"],"names":["getParametersConfig","parameters","useGlobals","useStorybookGlobals","options","dir","fluentTheme","mode","context","reactStorybookAddon"],"mappings":";;;;;;;;;;;IAyDgBA,mBAAmB;eAAnBA;;IAHAC,UAAU;eAAVA;;IAJAC,UAAU;eAAVA;;;4BAlDkC;AAkD3C,SAASA;IACd,OAAOC,IAAAA,sBAAmB;AAC5B;AAEO,SAASF,WAAWG,OAA0B;IACnD,OAAO;QAAEC,KAAK;QAAOC,aAAa;QAAaC,MAAM;QAAW,GAAGH,OAAO;IAAC;AAC7E;AACO,SAASJ,oBAAoBQ,OAA2B;QACtDA;IAAP,OAAOA,oBAAAA,+BAAAA,sBAAAA,QAASP,UAAU,cAAnBO,0CAAAA,oBAAqBC,mBAAmB;AACjD"}

package/lib-commonjs/index.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    DIR_ID: function() {
-        return _constants.DIR_ID;
-    },
-    THEME_ID: function() {
-        return _constants.THEME_ID;
-    },
-    parameters: function() {
-        return _hooks.parameters;
-    },
-    themes: function() {
-        return _theme.themes;
-    }
-});
-const _theme = require("./theme");
-const _constants = require("./constants");
-const _hooks = require("./hooks");

package/lib-commonjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type { FluentGlobals, FluentParameters, FluentStoryContext } from './hooks';\nexport type { ThemeIds } from './theme';\nexport { themes } from './theme';\nexport { DIR_ID, THEME_ID } from './constants';\nexport { parameters } from './hooks';\n"],"names":["DIR_ID","THEME_ID","parameters","themes"],"mappings":";;;;;;;;;;;IAGSA,MAAM;eAANA,iBAAM;;IAAEC,QAAQ;eAARA,mBAAQ;;IAChBC,UAAU;eAAVA,iBAAU;;IAFVC,MAAM;eAANA,aAAM;;;uBAAQ;2BACU;uBACN"}

package/lib-commonjs/preset/manager.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _managerapi = require("@storybook/manager-api");
-const _constants = require("../constants");
-const _ThemePicker = require("../components/ThemePicker");
-const _ReactStrictMode = require("../components/ReactStrictMode");
-const _DirectionSwitch = require("../components/DirectionSwitch");
-_managerapi.addons.register(_constants.ADDON_ID, ()=>{
-    _managerapi.addons.add(_constants.THEME_ID, {
-        title: 'Fluent Theme Picker',
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        type: _managerapi.types.TOOL,
-        match: ({ viewMode })=>!!(viewMode && viewMode.match(/^(story|docs)$/)),
-        render: _ThemePicker.ThemePicker
-    });
-    _managerapi.addons.add(_constants.DIR_ID, {
-        title: 'Direction Switch',
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        type: _managerapi.types.TOOL,
-        match: ({ viewMode })=>!!(viewMode && viewMode.match(/^(story|docs)$/)),
-        render: _DirectionSwitch.DirectionSwitch
-    });
-    _managerapi.addons.add(_constants.STRICT_MODE_ID, {
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        type: _managerapi.types.TOOL,
-        title: 'React Strict Mode',
-        match: ({ viewMode })=>!!(viewMode && viewMode.match(/^(story|docs)$/)),
-        render: _ReactStrictMode.ReactStrictMode
-    });
-});

package/lib-commonjs/preset/manager.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/preset/manager.ts"],"sourcesContent":["import { addons, types } from '@storybook/manager-api';\n\nimport { ADDON_ID, DIR_ID, STRICT_MODE_ID, THEME_ID } from '../constants';\nimport { ThemePicker } from '../components/ThemePicker';\nimport { ReactStrictMode } from '../components/ReactStrictMode';\nimport { DirectionSwitch } from '../components/DirectionSwitch';\n\naddons.register(ADDON_ID, () => {\n  addons.add(THEME_ID, {\n    title: 'Fluent Theme Picker',\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    type: types.TOOL,\n    match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),\n    render: ThemePicker,\n  });\n  addons.add(DIR_ID, {\n    title: 'Direction Switch',\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    type: types.TOOL,\n    match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),\n    render: DirectionSwitch,\n  });\n  addons.add(STRICT_MODE_ID, {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    type: types.TOOL,\n    title: 'React Strict Mode',\n    match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),\n    render: ReactStrictMode,\n  });\n});\n"],"names":["addons","register","ADDON_ID","add","THEME_ID","title","type","types","TOOL","match","viewMode","render","ThemePicker","DIR_ID","DirectionSwitch","STRICT_MODE_ID","ReactStrictMode"],"mappings":";;;;4BAA8B;2BAE6B;6BAC/B;iCACI;iCACA;AAEhCA,kBAAM,CAACC,QAAQ,CAACC,mBAAQ,EAAE;IACxBF,kBAAM,CAACG,GAAG,CAACC,mBAAQ,EAAE;QACnBC,OAAO;QACP,4DAA4D;QAC5DC,MAAMC,iBAAK,CAACC,IAAI;QAChBC,OAAO,CAAC,EAAEC,QAAQ,EAAE,GAAK,CAAC,CAAEA,CAAAA,YAAYA,SAASD,KAAK,CAAC,iBAAgB;QACvEE,QAAQC,wBAAW;IACrB;IACAZ,kBAAM,CAACG,GAAG,CAACU,iBAAM,EAAE;QACjBR,OAAO;QACP,4DAA4D;QAC5DC,MAAMC,iBAAK,CAACC,IAAI;QAChBC,OAAO,CAAC,EAAEC,QAAQ,EAAE,GAAK,CAAC,CAAEA,CAAAA,YAAYA,SAASD,KAAK,CAAC,iBAAgB;QACvEE,QAAQG,gCAAe;IACzB;IACAd,kBAAM,CAACG,GAAG,CAACY,yBAAc,EAAE;QACzB,4DAA4D;QAC5DT,MAAMC,iBAAK,CAACC,IAAI;QAChBH,OAAO;QACPI,OAAO,CAAC,EAAEC,QAAQ,EAAE,GAAK,CAAC,CAAEA,CAAAA,YAAYA,SAASD,KAAK,CAAC,iBAAgB;QACvEE,QAAQK,gCAAe;IACzB;AACF"}

package/lib-commonjs/preset/preview.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    decorators: function() {
-        return decorators;
-    },
-    default: function() {
-        return _default;
-    },
-    globals: function() {
-        return globals;
-    }
-});
-const _withFluentProvider = require("../decorators/withFluentProvider");
-const _withReactStrictMode = require("../decorators/withReactStrictMode");
-const _withAriaLive = require("../decorators/withAriaLive");
-const _docs = require("../docs");
-const _constants = require("../constants");
-const decorators = [
-    _withFluentProvider.withFluentProvider,
-    _withAriaLive.withAriaLive,
-    _withReactStrictMode.withReactStrictMode
-];
-const globals = {
-    [_constants.THEME_ID]: undefined,
-    [_constants.DIR_ID]: undefined,
-    [_constants.STRICT_MODE_ID]: undefined
-}; // allow theme to be set by URL query param
-const preview = {
-    decorators,
-    globals,
-    parameters: {
-        docs: {
-            container: _docs.FluentDocsContainer,
-            page: _docs.FluentDocsPage
-        }
-    }
-};
-const _default = preview;

package/lib-commonjs/preset/preview.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/preset/preview.ts"],"sourcesContent":["import type { Renderer, ProjectAnnotations } from '@storybook/types';\n\nimport { withFluentProvider } from '../decorators/withFluentProvider';\nimport { withReactStrictMode } from '../decorators/withReactStrictMode';\nimport { withAriaLive } from '../decorators/withAriaLive';\nimport { FluentDocsContainer, FluentDocsPage } from '../docs';\n\nimport { DIR_ID, STRICT_MODE_ID, THEME_ID } from '../constants';\n\nexport const decorators = [\n  withFluentProvider,\n  withAriaLive,\n  withReactStrictMode,\n] as ProjectAnnotations<Renderer>['decorators'];\nexport const globals = { [THEME_ID]: undefined, [DIR_ID]: undefined, [STRICT_MODE_ID]: undefined }; // allow theme to be set by URL query param\n\nconst preview: ProjectAnnotations<Renderer> = {\n  decorators,\n  globals,\n  parameters: {\n    docs: {\n      container: FluentDocsContainer,\n      page: FluentDocsPage,\n    },\n  },\n};\n\nexport default preview;\n"],"names":["decorators","globals","withFluentProvider","withAriaLive","withReactStrictMode","THEME_ID","undefined","DIR_ID","STRICT_MODE_ID","preview","parameters","docs","container","FluentDocsContainer","page","FluentDocsPage"],"mappings":";;;;;;;;;;;IASaA,UAAU;eAAVA;;IAkBb,OAAuB;eAAvB;;IAbaC,OAAO;eAAPA;;;oCAZsB;qCACC;8BACP;sBACuB;2BAEH;AAE1C,MAAMD,aAAa;IACxBE,sCAAkB;IAClBC,0BAAY;IACZC,wCAAmB;CACpB;AACM,MAAMH,UAAU;IAAE,CAACI,mBAAQ,CAAC,EAAEC;IAAW,CAACC,iBAAM,CAAC,EAAED;IAAW,CAACE,yBAAc,CAAC,EAAEF;AAAU,GAAG,2CAA2C;AAE/I,MAAMG,UAAwC;IAC5CT;IACAC;IACAS,YAAY;QACVC,MAAM;YACJC,WAAWC,yBAAmB;YAC9BC,MAAMC,oBAAc;QACtB;IACF;AACF;MAEA,WAAeN"}

package/lib-commonjs/theme.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    defaultTheme: function() {
-        return defaultTheme;
-    },
-    themes: function() {
-        return themes;
-    }
-});
-const themes = [
-    {
-        id: 'web-light',
-        label: 'Web Light'
-    },
-    {
-        id: 'web-dark',
-        label: 'Web Dark'
-    },
-    {
-        id: 'teams-light',
-        label: 'Teams Light'
-    },
-    {
-        id: 'teams-dark',
-        label: 'Teams Dark'
-    },
-    {
-        id: 'teams-light-v21',
-        label: 'Teams Light V2.1'
-    },
-    {
-        id: 'teams-dark-v21',
-        label: 'Teams Dark V2.1'
-    },
-    {
-        id: 'teams-high-contrast',
-        label: 'Teams High Contrast'
-    }
-];
-const defaultTheme = themes[0];

package/lib-commonjs/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/theme.ts"],"sourcesContent":["export const themes = [\n  { id: 'web-light', label: 'Web Light' },\n  { id: 'web-dark', label: 'Web Dark' },\n  { id: 'teams-light', label: 'Teams Light' },\n  { id: 'teams-dark', label: 'Teams Dark' },\n  { id: 'teams-light-v21', label: 'Teams Light V2.1' },\n  { id: 'teams-dark-v21', label: 'Teams Dark V2.1' },\n  { id: 'teams-high-contrast', label: 'Teams High Contrast' },\n] as const;\n\nexport const defaultTheme = themes[0];\n\nexport type ThemeIds = (typeof themes)[number]['id'];\nexport type ThemeLabels = (typeof themes)[number]['label'];\n"],"names":["defaultTheme","themes","id","label"],"mappings":";;;;;;;;;;;IAUaA,YAAY;eAAZA;;IAVAC,MAAM;eAANA;;;AAAN,MAAMA,SAAS;IACpB;QAAEC,IAAI;QAAaC,OAAO;IAAY;IACtC;QAAED,IAAI;QAAYC,OAAO;IAAW;IACpC;QAAED,IAAI;QAAeC,OAAO;IAAc;IAC1C;QAAED,IAAI;QAAcC,OAAO;IAAa;IACxC;QAAED,IAAI;QAAmBC,OAAO;IAAmB;IACnD;QAAED,IAAI;QAAkBC,OAAO;IAAkB;IACjD;QAAED,IAAI;QAAuBC,OAAO;IAAsB;CAC3D;AAEM,MAAMH,eAAeC,MAAM,CAAC,EAAE"}

package/lib-commonjs/utils/isDecoratorDisabled.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "isDecoratorDisabled", {
-    enumerable: true,
-    get: function() {
-        return isDecoratorDisabled;
-    }
-});
-const _hooks = require("../hooks");
-function isDecoratorDisabled(context, decoratorName) {
-    var _getParametersConfig_disabledDecorators, _getParametersConfig;
-    var _getParametersConfig_disabledDecorators_includes;
-    return (_getParametersConfig_disabledDecorators_includes = (_getParametersConfig = (0, _hooks.getParametersConfig)(context)) === null || _getParametersConfig === void 0 ? void 0 : (_getParametersConfig_disabledDecorators = _getParametersConfig.disabledDecorators) === null || _getParametersConfig_disabledDecorators === void 0 ? void 0 : _getParametersConfig_disabledDecorators.includes(decoratorName)) !== null && _getParametersConfig_disabledDecorators_includes !== void 0 ? _getParametersConfig_disabledDecorators_includes : false;
-}

package/lib-commonjs/utils/isDecoratorDisabled.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/isDecoratorDisabled.ts"],"sourcesContent":["import { getParametersConfig, type FluentParameters, type FluentStoryContext } from '../hooks';\n\ntype DecoratorName = NonNullable<NonNullable<FluentParameters['reactStorybookAddon']>['disabledDecorators']>[number];\n\nexport function isDecoratorDisabled(context: FluentStoryContext, decoratorName: DecoratorName): boolean {\n  return getParametersConfig(context)?.disabledDecorators?.includes(decoratorName) ?? false;\n}\n"],"names":["isDecoratorDisabled","context","decoratorName","getParametersConfig","disabledDecorators","includes"],"mappings":";;;;+BAIgBA;;;eAAAA;;;uBAJoE;AAI7E,SAASA,oBAAoBC,OAA2B,EAAEC,aAA4B;QACpFC,yCAAAA;QAAAA;IAAP,OAAOA,CAAAA,oDAAAA,uBAAAA,IAAAA,0BAAmB,EAACF,sBAApBE,4CAAAA,0CAAAA,qBAA8BC,kBAAkB,cAAhDD,8DAAAA,wCAAkDE,QAAQ,CAACH,4BAA3DC,8DAAAA,mDAA6E;AACtF"}