{"version":3,"file":"index-CrjtcBal.js","sources":["../../../app/javascript/images/pb-logo.svg","../../../app/javascript/components/MainSidebar/index.tsx"],"sourcesContent":["export default \"__VITE_ASSET__CTGmM9nv__\"","import React, { useState } from \"react\";\nimport { Nav, useCollapsible, Image, Badge, Flex } from \"playbook-ui\";\nimport { TopLevelNavItem } from \"./TopLevelNavItems\";\n// @ts-ignore\nimport PBLogo from \"../../images/pb-logo.svg\";\nimport KitSearch from \"../KitSearch\";\n\nconst MainSidebar = ({\n  dark,\n  type,\n  category,\n  kit,\n  kits_with_status,\n  PBversion,\n  search_list,\n  samples,\n  getting_started,\n  design_guidelines,\n  whats_new,\n}: any) => {\n  //active state for navItems(will be redundant once routing moved to react router)\n  const [isActive, setIsActive] = useState({});\n  const transformKitsData = (kitsArray: any) => {\n    return kitsArray.map((kit: any) => {\n      // There's only one key per object, so we get the kit name and its components\n      const kitName = Object.keys(kit)[0];\n      const components = kit[kitName];\n  \n      // Filter out any components with status 'beta', then map to get their names\n      const componentNames = components\n        .filter(component => component.status !== 'beta')\n        .map(component => component.name);\n  \n      return { [kitName]: componentNames };\n    });\n  };\n  \n  const kits = transformKitsData(kits_with_status);\n  \n  //hook into collapsible logic for all components nested nav items\n  const collapsibles = kits.map(() => useCollapsible());\n\n  //kits in alphabetical order\n  kits.map((obj: {[key: string]: string[]}) => {\n  \n    const key = Object.keys(obj)[0];\n    const orderedArray = obj[key].sort((a, b) => a.localeCompare(b));\n    return { [key]: orderedArray };\n  });\n\n  return (\n    <>\n      <Flex\n        orientation=\"row\"\n        spacing=\"between\"\n        align=\"center\"\n        marginTop=\"lg\"\n        marginX=\"sm\"\n      >\n        <a href={\"/\"}>\n          <Image alt=\"Playbook logo\" url={PBLogo} />\n        </a>\n        <Badge text={PBversion} dark={dark} variant=\"success\" rounded />\n      </Flex>\n      <Flex\n        orientation=\"column\"\n        align=\"stretch\"\n        marginBottom=\"xxs\"\n        marginTop=\"md\"\n        marginX=\"sm\"\n      >\n        <KitSearch\n          classname=\"desktop-kit-search\"\n          id=\"desktop-kit-search\"\n          kits={search_list}\n        />\n      </Flex>\n      <Nav dark={dark} variant=\"bold\" paddingTop=\"xxs\">\n        <TopLevelNavItem\n          dark={dark}\n          type={type}\n          isActive={isActive}\n          setIsActive={setIsActive}\n          kits={kits}\n          kit={kit}\n          category={category}\n          collapsibles={collapsibles}\n          samples={samples}\n          getting_started={getting_started}\n          design_guidelines={design_guidelines}\n          whats_new={whats_new}\n        />\n      </Nav>\n    </>\n  );\n};\n\nexport default MainSidebar;\n"],"names":["PBLogo","MainSidebar","dark","type","category","kit","kits_with_status","PBversion","search_list","samples","getting_started","design_guidelines","whats_new","isActive","setIsActive","useState","kits","kitsArray","kitName","componentNames","component","collapsibles","useCollapsible","obj","key","orderedArray","a","b","jsxs","Fragment","Flex","jsx","Image","Badge","KitSearch","Nav","TopLevelNavItem"],"mappings":"6eAAA,MAAeA,EAAA,oCCOTC,EAAc,CAAC,CACnB,KAAAC,EACA,KAAAC,EACA,SAAAC,EACA,IAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,YAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,UAAAC,CACF,IAAW,CAET,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAA,SAAS,CAAE,CAAA,EAgBrCC,GAfqBC,GAClBA,EAAU,IAAKZ,GAAa,CAEjC,MAAMa,EAAU,OAAO,KAAKb,CAAG,EAAE,CAAC,EAI5Bc,EAHad,EAAIa,CAAO,EAI3B,OAAoBE,GAAAA,EAAU,SAAW,MAAM,EAC/C,IAAiBA,GAAAA,EAAU,IAAI,EAElC,MAAO,CAAE,CAACF,CAAO,EAAGC,EAAe,CACpC,GAG4Bb,CAAgB,EAGzCe,EAAeL,EAAK,IAAI,IAAMM,EAAgB,CAAA,EAG/C,OAAAN,EAAA,IAAKO,GAAmC,CAE3C,MAAMC,EAAM,OAAO,KAAKD,CAAG,EAAE,CAAC,EACxBE,EAAeF,EAAIC,CAAG,EAAE,KAAK,CAACE,EAAGC,IAAMD,EAAE,cAAcC,CAAC,CAAC,EAC/D,MAAO,CAAE,CAACH,CAAG,EAAGC,EAAa,CAC9B,EAIGG,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAD,EAAA,KAACE,EAAA,CACC,YAAY,MACZ,QAAQ,UACR,MAAM,SACN,UAAU,KACV,QAAQ,KAER,SAAA,CAACC,EAAAA,IAAA,IAAA,CAAE,KAAM,IACP,SAAAA,EAAA,IAACC,GAAM,IAAI,gBAAgB,IAAKhC,CAAA,CAAQ,CAC1C,CAAA,EACA+B,MAACE,GAAM,KAAM1B,EAAW,KAAAL,EAAY,QAAQ,UAAU,QAAO,GAAC,CAAA,CAAA,CAChE,EACA6B,EAAA,IAACD,EAAA,CACC,YAAY,SACZ,MAAM,UACN,aAAa,MACb,UAAU,KACV,QAAQ,KAER,SAAAC,EAAA,IAACG,EAAA,CACC,UAAU,qBACV,GAAG,qBACH,KAAM1B,CAAA,CACR,CAAA,CACF,QACC2B,EAAI,CAAA,KAAAjC,EAAY,QAAQ,OAAO,WAAW,MACzC,SAAA6B,EAAA,IAACK,EAAA,CACC,KAAAlC,EACA,KAAAC,EACA,SAAAU,EACA,YAAAC,EACA,KAAAE,EACA,IAAAX,EACA,SAAAD,EACA,aAAAiB,EACA,QAAAZ,EACA,gBAAAC,EACA,kBAAAC,EACA,UAAAC,CAAA,CAAA,EAEJ,CACF,CAAA,CAAA,CAEJ"}