{"version":3,"file":"/Users/anthonygubler/development/dojo-org/parade/src/SideMenu.tsx","sourceRoot":"","sources":["SideMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { create, tsx } from '@dojo/framework/core/vdom';\nimport theme from '@dojo/framework/core/middleware/theme';\n\nimport ActiveLink from './ActiveLink';\nimport { TransformedConfig } from '.';\nimport { getThemeFromConfig } from './utils';\nimport { basename, extname } from 'path';\n\nconst factory = create({ theme }).properties<{\n\twidgetName: string;\n\tconfig: TransformedConfig;\n\tonThemeChange: (theme: string) => void;\n}>();\n\nfunction cleanExampleName(filename: string) {\n\treturn basename(basename(filename, extname(filename)), '.example').toLowerCase();\n}\n\nexport default factory(function SideBar({ properties }) {\n\tconst { widgetName, config, onThemeChange } = properties();\n\tconst currentTheme = getThemeFromConfig(config);\n\tconst regularExamples =\n\t\tconfig.widgets && config.widgets[widgetName].filter((example) => !example.overview);\n\n\treturn (\n\t\t<div classes=\"flex flex-col justify-between overflow-y-auto sticky top-16 max-h-(screen-16) pt-12 pb-4 -mt-12\">\n\t\t\t<div classes=\"mb-8\">\n\t\t\t\t<h5 classes=\"text-gray-500 h uppercase tracking-wide font-bold text-sm lg:text-xs\">\n\t\t\t\t\t{widgetName}\n\t\t\t\t</h5>\n\t\t\t\t<ul classes=\"list mt-4 overflow-x-hidden\">\n\t\t\t\t\t<li classes=\"mb-2\">\n\t\t\t\t\t\t<ActiveLink\n\t\t\t\t\t\t\tclasses=\"block transition-fast hover:translate-r-2px hover:text-gray-900 text-gray-600 font-medium\"\n\t\t\t\t\t\t\tto=\"overview\"\n\t\t\t\t\t\t\tparams={{\n\t\t\t\t\t\t\t\twidget: widgetName\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tactiveClasses={['font-bold']}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tOverview\n\t\t\t\t\t\t</ActiveLink>\n\t\t\t\t\t</li>\n\t\t\t\t\t{config.tests && (\n\t\t\t\t\t\t<li classes=\"mb-2\">\n\t\t\t\t\t\t\t<ActiveLink\n\t\t\t\t\t\t\t\tclasses=\"block transition-fast hover:translate-r-2px hover:text-gray-900 text-gray-600 font-medium\"\n\t\t\t\t\t\t\t\tto=\"tests\"\n\t\t\t\t\t\t\t\tactiveClasses={['font-bold']}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tTests\n\t\t\t\t\t\t\t</ActiveLink>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t)}\n\t\t\t\t</ul>\n\t\t\t\t{regularExamples && regularExamples.length > 0 && (\n\t\t\t\t\t<virtual>\n\t\t\t\t\t\t<hr classes=\"hr my-1 border-b-2 border-gray-200\" />\n\t\t\t\t\t\t<ul classes=\"list mt-4 overflow-x-hidden\">\n\t\t\t\t\t\t\t{regularExamples.map((example: any) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<li classes=\"mb-2\">\n\t\t\t\t\t\t\t\t\t\t<ActiveLink\n\t\t\t\t\t\t\t\t\t\t\tkey={example.filename}\n\t\t\t\t\t\t\t\t\t\t\tclasses=\"block transition-fast hover:translate-r-2px hover:text-gray-900 text-gray-600 font-medium\"\n\t\t\t\t\t\t\t\t\t\t\tto=\"example\"\n\t\t\t\t\t\t\t\t\t\t\tparams={{\n\t\t\t\t\t\t\t\t\t\t\t\twidget: widgetName,\n\t\t\t\t\t\t\t\t\t\t\t\texample: cleanExampleName(example.filename)\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tactiveClasses={['font-bold']}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{example.title.replace(/([A-Z])/g, ' $1').trim()}\n\t\t\t\t\t\t\t\t\t\t</ActiveLink>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</virtual>\n\t\t\t\t)}\n\t\t\t\t<hr classes=\"hr my-1 border-b-2 border-gray-200\" />\n\t\t\t\t<ul classes=\"list mt-4 overflow-x-hidden\">\n\t\t\t\t\t<li classes=\"mb-2\">\n\t\t\t\t\t\t<div classes=\"text-gray-600 font-medium\">Theme</div>\n\t\t\t\t\t\t<div classes=\"inline-block relative w-4/5\">\n\t\t\t\t\t\t\t<select\n\t\t\t\t\t\t\t\tonchange={(e) => {\n\t\t\t\t\t\t\t\t\tconst themeName = (e.target as HTMLSelectElement).value;\n\t\t\t\t\t\t\t\t\tonThemeChange(themeName);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclasses=\"select block appearance-none w-full bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{config.themes.map((theme: any, i: number) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\t\tselected={theme.label === currentTheme.label}\n\t\t\t\t\t\t\t\t\t\t\tvalue={`${i}`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{theme.label}\n\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</select>\n\t\t\t\t\t\t\t<div classes=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\tclasses=\"fill-current h-4 w-4\"\n\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 20 20\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<path d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n"]}