@saas-ui/storybook-addon 2.0.2 → 3.0.0

package/dist/theme/ThemeTool.mjs

@@ -1,12 +0,0 @@
-import * as f from '@storybook/manager-api';
-import { addons } from '@storybook/manager-api';
-import { WithTooltip, TooltipLinkList, IconButton, Icons } from '@storybook/components';
-import '@storybook/types';
-import '@storybook/preview-api/dist/addons';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var E=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var a=(s,o,r,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of u(o))!h.call(s,t)&&t!==r&&E(s,t,{get:()=>o[t],enumerable:!(c=O(o,t))||c.enumerable});return s},m=(s,o,r)=>(a(s,o,"default"),r&&a(r,o,"default"));var l={};m(l,f);var e="@saas-ui/storybook-addon2",T={TOGGLE_COLOR_MODE:`${e}/toggleColorMode`,TOGGLE_DIRECTION:`${e}/toggleDirection`,SET_THEME:`${e}/setTheme`};var D={0:"Chakra UI",1:"Saas UI",2:"Glass"},j=()=>{let s=localStorage.getItem("saas-ui-theme"),[o,r]=(0, l.useAddonState)(`${e}/theme`,s),c=addons.getChannel(),t=n=>{c.emit(T.SET_THEME,n||"1"),r(n);};return jsx(WithTooltip,{placement:"top",closeOnClick:!0,trigger:"click",tooltip:({onHide:n})=>jsx(TooltipLinkList,{links:[{id:"0",title:"Chakra UI",onClick:()=>{t("0"),n();}},{id:"1",title:"Saas UI",onClick:()=>{t("1"),n();}},{id:"2",title:"Glass",onClick:()=>{t("2"),n();}}]}),children:jsxs(IconButton,{title:"Select theme",children:[jsx(Icons,{icon:"eye"})," ",D[o||"1"]]})})};
-
-export { j as ThemeTool };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=ThemeTool.mjs.map

package/dist/theme/ThemeTool.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../node_modules/@storybook/api/dist/entry.mjs","../../src/theme/ThemeTool.tsx","../../../../node_modules/@storybook/addons/dist/index.mjs","../../src/constants.ts"],"names":["entry_exports","__reExport","manager_api_star","IconButton","WithTooltip","TooltipLinkList","Icons","Addon_TypesEnum","addons","mockChannel","HooksContext","applyHooks","makeDecorator","useArgs","useCallback","useChannel","useEffect","useGlobals","useMemo","useParameter","useReducer","useRef","useState","useStoryContext","ADDON_ID","COLOR_MODE_TOOL_ID","DIRECTION_TOOL_ID","THEME_TOOL_ID","EVENTS","jsx","jsxs","themes","ThemeTool","themeId","theme","setTheme","channel","setActiveTheme","onHide"],"mappings":"wWAAA,IAAAA,EAAA,GACAC,EAAAD,EAAAE,GAAA,UAAAA,MAAc,yBCAd,OACE,cAAAC,EACA,eAAAC,EACA,mBAAAC,EACA,SAAAC,MACK,wBCNP,OAA4B,mBAAnBC,MAAgC,mBACzC,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,yBACpC,OAAS,gBAAAC,EAAc,cAAAC,EAAY,iBAAAC,EAAe,WAAAC,EAAS,eAAAC,EAAa,cAAAC,EAAY,aAAAC,EAAW,cAAAC,EAAY,WAAAC,EAAS,gBAAAC,EAAc,cAAAC,EAAY,UAAAC,EAAQ,YAAAC,EAAU,mBAAAC,MAAuB,qCCFhL,IAAMC,EAAW,4BACXC,EAAqB,GAAGD,oBACxBE,EAAoB,GAAGF,mBACvBG,EAAgB,GAAGH,eAEnBI,EAAS,CACpB,kBAAmB,GAAGJ,oBACtB,iBAAkB,GAAGA,oBACrB,UAAW,GAAGA,YAChB,EF2BQ,cAAAK,EA8BF,QAAAC,MA9BE,oBA1BR,IAAMC,EAAiC,CACrC,EAAG,YACH,EAAG,UACH,EAAG,OACL,EAKaC,EAAY,IAAM,CAC7B,IAAMC,EAAU,aAAa,QAAQ,eAAe,EAC9C,CAACC,EAAOC,CAAQ,KAAI,iBAAc,GAAGX,UAAkBS,CAAO,EAE9DG,EAAU5B,EAAO,WAAW,EAE5B6B,EAAkBJ,GAAoB,CAC1CG,EAAQ,KAAKR,EAAO,UAAYK,GAAU,GAAa,EACvDE,EAASF,CAAO,CAClB,EAEA,OACEJ,EAACzB,EAAA,CACC,UAAU,MACV,aAAY,GACZ,QAAQ,QACR,QAAS,CAAC,CAAE,OAAAkC,CAAO,IACjBT,EAACxB,EAAA,CACC,MAAO,CACL,CACE,GAAI,IACJ,MAAO,YACP,QAAS,IAAM,CACbgC,EAAe,GAAG,EAClBC,EAAO,CACT,CACF,EACA,CACE,GAAI,IACJ,MAAO,UACP,QAAS,IAAM,CACbD,EAAe,GAAG,EAClBC,EAAO,CACT,CACF,EACA,CACE,GAAI,IACJ,MAAO,QACP,QAAS,IAAM,CACbD,EAAe,GAAG,EAClBC,EAAO,CACT,CACF,CACF,EACF,EAGF,SAAAR,EAAC3B,EAAA,CAAW,MAAM,eAChB,UAAA0B,EAACvB,EAAA,CAAM,KAAK,MAAM,EAAE,IAAEyB,EAAOG,GAAS,GAAG,GAC3C,EACF,CAEJ","sourcesContent":["// shim-mmode\nexport * from '@storybook/manager-api';","import { useAddonState } from '@storybook/api'\nimport {\n  IconButton,\n  WithTooltip,\n  TooltipLinkList,\n  Icons,\n} from '@storybook/components'\nimport { addons } from '@storybook/addons'\nimport { ADDON_ID, EVENTS } from '../constants'\n\nconst themes: Record<string, string> = {\n  0: 'Chakra UI',\n  1: 'Saas UI',\n  2: 'Glass',\n}\n\n/**\n * This component is rendered in the Storybook toolbar\n */\nexport const ThemeTool = () => {\n  const themeId = localStorage.getItem('saas-ui-theme')\n  const [theme, setTheme] = useAddonState(`${ADDON_ID}/theme`, themeId)\n\n  const channel = addons.getChannel()\n\n  const setActiveTheme = (themeId: string) => {\n    channel.emit(EVENTS.SET_THEME, !themeId ? '1' : themeId)\n    setTheme(themeId)\n  }\n\n  return (\n    <WithTooltip\n      placement=\"top\"\n      closeOnClick\n      trigger=\"click\"\n      tooltip={({ onHide }) => (\n        <TooltipLinkList\n          links={[\n            {\n              id: '0',\n              title: 'Chakra UI',\n              onClick: () => {\n                setActiveTheme('0')\n                onHide()\n              },\n            },\n            {\n              id: '1',\n              title: 'Saas UI',\n              onClick: () => {\n                setActiveTheme('1')\n                onHide()\n              },\n            },\n            {\n              id: '2',\n              title: 'Glass',\n              onClick: () => {\n                setActiveTheme('2')\n                onHide()\n              },\n            },\n          ]}\n        />\n      )}\n    >\n      <IconButton title=\"Select theme\">\n        <Icons icon=\"eye\" /> {themes[theme || '1']}\n      </IconButton>\n    </WithTooltip>\n  )\n}\n","export { Addon_TypesEnum as types } from '@storybook/types';\nexport { addons, mockChannel } from '@storybook/manager-api';\nexport { HooksContext, applyHooks, makeDecorator, useArgs, useCallback, useChannel, useEffect, useGlobals, useMemo, useParameter, useReducer, useRef, useState, useStoryContext } from '@storybook/preview-api/dist/addons';\n","export const ADDON_ID = '@saas-ui/storybook-addon2'\nexport const COLOR_MODE_TOOL_ID = `${ADDON_ID}/color-mode-tool`\nexport const DIRECTION_TOOL_ID = `${ADDON_ID}/direction-tool`\nexport const THEME_TOOL_ID = `${ADDON_ID}/theme-tool`\n\nexport const EVENTS = {\n  TOGGLE_COLOR_MODE: `${ADDON_ID}/toggleColorMode`,\n  TOGGLE_DIRECTION: `${ADDON_ID}/toggleDirection`,\n  SET_THEME: `${ADDON_ID}/setTheme`,\n}\n"]}