@teambit/sidebar 0.0.736 → 0.0.739

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["SidebarAspect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;eAEeA,wB","sourcesContent":["import { SidebarAspect } from './sidebar.aspect';\n\nexport { SidebarUI, SidebarItemSlot, SidebarItem } from './sidebar.ui.runtime';\nexport { SidebarAspect };\nexport default SidebarAspect;\n"]}
+{"version":3,"names":["SidebarAspect"],"sources":["index.ts"],"sourcesContent":["import { SidebarAspect } from './sidebar.aspect';\n\nexport { SidebarUI, SidebarItemSlot, SidebarItem } from './sidebar.ui.runtime';\nexport { SidebarAspect };\nexport default SidebarAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;eAEeA,wB"}

package/dist/sidebar.aspect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["sidebar.aspect.ts"],"names":["SidebarAspect","Aspect","create","id"],"mappings":";;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,aAAa,GAAGC,kBAAOC,MAAP,CAAc;AACzCC,EAAAA,EAAE,EAAE;AADqC,CAAd,CAAtB","sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const SidebarAspect = Aspect.create({\n  id: 'teambit.ui-foundation/sidebar',\n});\n"]}
+{"version":3,"names":["SidebarAspect","Aspect","create","id"],"sources":["sidebar.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const SidebarAspect = Aspect.create({\n  id: 'teambit.ui-foundation/sidebar',\n});\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,aAAa,GAAGC,iBAAA,CAAOC,MAAP,CAAc;EACzCC,EAAE,EAAE;AADqC,CAAd,CAAtB"}

package/dist/sidebar.composition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["sidebar.composition.tsx"],"names":["Logo","height","display","justifyContent","width"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,IAAI,GAAG,mBAClB;AAAK,EAAA,KAAK,EAAE;AAAEC,IAAAA,MAAM,EAAE,MAAV;AAAkBC,IAAAA,OAAO,EAAE,MAA3B;AAAmCC,IAAAA,cAAc,EAAE;AAAnD;AAAZ,gBACE;AAAK,EAAA,KAAK,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAAZ;AAA2B,EAAA,GAAG,EAAC;AAA/B,EADF,CADK","sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/sidebar.svg\" />\n  </div>\n);\n"]}
+{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["sidebar.composition.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/sidebar.svg\" />\n  </div>\n);\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,IAAI,GAAG,mBAClB;EAAK,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAV;IAAkBC,OAAO,EAAE,MAA3B;IAAmCC,cAAc,EAAE;EAAnD;AAAZ,gBACE;EAAK,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAT,CAAZ;EAA2B,GAAG,EAAC;AAA/B,EADF,CADK"}

package/dist/sidebar.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["sidebar.ui.runtime.tsx"],"names":["SidebarUI","constructor","drawerSlot","props","registerDrawer","drawer","register","provider","deps","config","UIRuntime","Slot","withType","SidebarAspect","addRuntime"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAYO,MAAMA,SAAN,CAAgB;AACrBC,EAAAA,WAAW,CAASC,UAAT,EAAiC;AAAA,SAAxBA,UAAwB,GAAxBA,UAAwB;AAAA,oDAalCC,KAAD,IAAkC;AACzC,0BAAO,+BAAC,cAAD;AAAS,QAAA,UAAU,EAAE,KAAKD;AAA1B,SAA0CC,KAA1C,EAAP;AACD,KAf2C;AAAE;AAE9C;AACF;AACA;;;AACEC,EAAAA,cAAc,CAAC,GAAGC,MAAJ,EAA0B;AACtC,SAAKH,UAAL,CAAgBI,QAAhB,CAAyBD,MAAzB;AACA,WAAO,IAAP;AACD;AAED;AACF;AACA;;;AAWuB,eAARE,QAAQ,CAACC,IAAD,EAAOC,MAAP,EAAe,CAACP,UAAD,CAAf,EAA2C;AAC9D,WAAO,IAAIF,SAAJ,CAAcE,UAAd,CAAP;AACD;;AA1BoB;;;gCAAVF,S,aAkBMU,e;gCAlBNV,S,WAoBI,CAACW,gBAAKC,QAAL,EAAD,C;gCApBJZ,S,kBAsBW,E;;AAOxBa,yBAAcC,UAAd,CAAyBd,SAAzB","sourcesContent":["import { ComponentModel } from '@teambit/component';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { UIRuntime } from '@teambit/ui';\nimport React, { ComponentType } from 'react';\n\nimport type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';\nimport { SidebarAspect } from './sidebar.aspect';\nimport { SideBar, SideBarProps } from './ui';\n\nexport type ComponentTypeProps = {\n  component: ComponentModel;\n};\n\nexport type SidebarItem = ComponentType;\n\nexport type SidebarItemSlot = SlotRegistry<SidebarItem[]>;\n\nexport type DrawerSlot = SlotRegistry<DrawerType[]>;\n\nexport class SidebarUI {\n  constructor(private drawerSlot: DrawerSlot) {}\n\n  /**\n   * register a new drawer into the component sidebar.\n   */\n  registerDrawer(...drawer: DrawerType[]) {\n    this.drawerSlot.register(drawer);\n    return this;\n  }\n\n  /**\n   * render the sidebar.\n   */\n  render = (props: Partial<SideBarProps>) => {\n    return <SideBar drawerSlot={this.drawerSlot} {...props}></SideBar>;\n  };\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<DrawerType>()];\n\n  static dependencies = [];\n\n  static async provider(deps, config, [drawerSlot]: [DrawerSlot]) {\n    return new SidebarUI(drawerSlot);\n  }\n}\n\nSidebarAspect.addRuntime(SidebarUI);\n"]}
+{"version":3,"names":["SidebarUI","constructor","drawerSlot","props","registerDrawer","drawer","register","provider","deps","config","UIRuntime","Slot","withType","SidebarAspect","addRuntime"],"sources":["sidebar.ui.runtime.tsx"],"sourcesContent":["import { ComponentModel } from '@teambit/component';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { UIRuntime } from '@teambit/ui';\nimport React, { ComponentType } from 'react';\n\nimport type { DrawerType } from '@teambit/ui-foundation.ui.tree.drawer';\nimport { SidebarAspect } from './sidebar.aspect';\nimport { SideBar, SideBarProps } from './ui';\n\nexport type ComponentTypeProps = {\n  component: ComponentModel;\n};\n\nexport type SidebarItem = ComponentType;\n\nexport type SidebarItemSlot = SlotRegistry<SidebarItem[]>;\n\nexport type DrawerSlot = SlotRegistry<DrawerType[]>;\n\nexport class SidebarUI {\n  constructor(private drawerSlot: DrawerSlot) {}\n\n  /**\n   * register a new drawer into the component sidebar.\n   */\n  registerDrawer(...drawer: DrawerType[]) {\n    this.drawerSlot.register(drawer);\n    return this;\n  }\n\n  /**\n   * render the sidebar.\n   */\n  render = (props: Partial<SideBarProps>) => {\n    return <SideBar drawerSlot={this.drawerSlot} {...props}></SideBar>;\n  };\n\n  static runtime = UIRuntime;\n\n  static slots = [Slot.withType<DrawerType>()];\n\n  static dependencies = [];\n\n  static async provider(deps, config, [drawerSlot]: [DrawerSlot]) {\n    return new SidebarUI(drawerSlot);\n  }\n}\n\nSidebarAspect.addRuntime(SidebarUI);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAYO,MAAMA,SAAN,CAAgB;EACrBC,WAAW,CAASC,UAAT,EAAiC;IAAA,KAAxBA,UAAwB,GAAxBA,UAAwB;IAAA,gDAalCC,KAAD,IAAkC;MACzC,oBAAO,+BAAC,cAAD;QAAS,UAAU,EAAE,KAAKD;MAA1B,GAA0CC,KAA1C,EAAP;IACD,CAf2C;EAAE;EAE9C;AACF;AACA;;;EACEC,cAAc,CAAC,GAAGC,MAAJ,EAA0B;IACtC,KAAKH,UAAL,CAAgBI,QAAhB,CAAyBD,MAAzB;IACA,OAAO,IAAP;EACD;EAED;AACF;AACA;;;EAWuB,aAARE,QAAQ,CAACC,IAAD,EAAOC,MAAP,EAAe,CAACP,UAAD,CAAf,EAA2C;IAC9D,OAAO,IAAIF,SAAJ,CAAcE,UAAd,CAAP;EACD;;AA1BoB;;;gCAAVF,S,aAkBMU,e;gCAlBNV,S,WAoBI,CAACW,eAAA,CAAKC,QAAL,EAAD,C;gCApBJZ,S,kBAsBW,E;;AAOxBa,wBAAA,CAAcC,UAAd,CAAyBd,SAAzB"}

package/dist/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export { SideBar, SideBarProps } from './side-bar';\n"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { SideBar, SideBarProps } from './side-bar';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}

package/dist/ui/side-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export { SideBar, SideBarProps } from './side-bar';\n"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { SideBar, SideBarProps } from './side-bar';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}

package/dist/ui/side-bar/side-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["side-bar.tsx"],"names":["SideBar","drawerSlot","itemSlot","rest","drawers","values","filter","drawer","isHidden","sort","sortFn","openDrawerList","onToggleDrawer","map","id","items","handleDrawerToggle","isDrawerOpen","includes","list","concat","styles","sidebar","name","isOpen","sidebarDrawer","open","widgets","Context","first","second","order"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAaA;AACA;AACA;AACO,SAASA,OAAT,OAAkE;AAAA,MAAjD;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,GAAiD;AAAA,MAAtBC,IAAsB;AACvE,QAAMC,OAAO,GAAG,uBAAQH,UAAU,CAACI,MAAX,EAAR,EACbC,MADa,CACLC,MAAD;AAAA;;AAAA,WAAY,EAACA,MAAD,aAACA,MAAD,mCAACA,MAAM,CAAEC,QAAT,6CAAC,sBAAAD,MAAM,CAAP,CAAZ;AAAA,GADM,EAEbE,IAFa,CAERC,MAFQ,CAAhB;AAIA,QAAM,CAACC,cAAD,EAAiBC,cAAjB,IAAmC,uBAAiCR,OAAO,CAACS,GAAR,CAAaN,MAAD,IAAYA,MAAM,CAACO,EAA/B,CAAjC,CAAzC;AACA,QAAMC,KAAK,GAAG,sBAAQ,MAAM,uBAAQb,QAAR,aAAQA,QAAR,uBAAQA,QAAQ,CAAEG,MAAV,EAAR,CAAd,EAA2C,CAACH,QAAD,CAA3C,CAAd;;AAEA,QAAMc,kBAAkB,GAAIF,EAAD,IAAgB;AACzC,UAAMG,YAAY,GAAGN,cAAc,CAACO,QAAf,CAAwBJ,EAAxB,CAArB;;AACA,QAAIG,YAAJ,EAAkB;AAChBL,MAAAA,cAAc,CAAEO,IAAD,IAAUA,IAAI,CAACb,MAAL,CAAaC,MAAD,IAAYA,MAAM,KAAKO,EAAnC,CAAX,CAAd;AACA;AACD;;AACDF,IAAAA,cAAc,CAAEO,IAAD,IAAUA,IAAI,CAACC,MAAL,CAAYN,EAAZ,CAAX,CAAd;AACD,GAPD;;AASA,sBACE,mEAASX,IAAT;AAAe,IAAA,SAAS,EAAEkB,yBAAOC;AAAjC,mBACE,+BAAC,mCAAD;AAAa,IAAA,KAAK,EAAEP;AAApB,IADF,EAEGX,OAAO,CAACS,GAAR,CAAaN,MAAD,IAAY;AACvB,QAAI,CAACA,MAAD,IAAW,CAACA,MAAM,CAACgB,IAAvB,EAA6B,OAAO,IAAP,CADN,CAEvB;;AACA,UAAMC,MAAM,GAAGb,cAAc,CAACO,QAAf,CAAwBX,MAAM,CAACO,EAA/B,CAAf;AAEA,wBACE,+BAAC,8BAAD;AACE,MAAA,SAAS,EAAE,2BAAWO,yBAAOI,aAAlB,EAAiCD,MAAM,IAAIH,yBAAOK,IAAlD,CADb;AAEE,MAAA,MAAM,EAAEF,MAFV;AAGE,MAAA,QAAQ,EAAE,MAAMR,kBAAkB,CAACT,MAAM,CAACO,EAAR,CAHpC;AAIE,MAAA,GAAG,EAAEP,MAAM,CAACO,EAJd;AAKE,MAAA,IAAI,EAAEP,MAAM,CAACgB,IALf;AAME,MAAA,OAAO,EAAEhB,MAAM,CAACoB,OANlB;AAOE,MAAA,OAAO,EAAEpB,MAAM,CAACqB;AAPlB,oBASE,+BAAC,MAAD,CAAQ,MAAR,OATF,CADF;AAaD,GAlBA,CAFH,CADF;AAwBD;;AACD,SAASlB,MAAT,CAAgBmB,KAAhB,EAAmCC,MAAnC,EAAuD;AAAA;;AACrD;AACA;AACA;AAEA,SAAO,iBAACD,KAAK,CAACE,KAAP,uDAAgB,CAAhB,sBAAsBD,MAAM,CAACC,KAA7B,yDAAsC,CAAtC,CAAP;AACD","sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { flatten } from 'lodash';\nimport classNames from 'classnames';\nimport { MenuSection } from '@teambit/design.ui.surfaces.menu.section';\nimport { DrawerType, DrawerUI } from '@teambit/ui-foundation.ui.tree.drawer';\nimport { DrawerSlot, SidebarItemSlot } from '../../sidebar.ui.runtime';\nimport styles from './side-bar.module.scss';\n\nexport type SideBarProps = {\n  /**\n   * slot of registered drawers.\n   */\n  drawerSlot: DrawerSlot;\n  /**\n   * slot of registered items to the main section at the top.\n   */\n  itemSlot?: SidebarItemSlot;\n} & React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * side bar component.\n */\nexport function SideBar({ drawerSlot, itemSlot, ...rest }: SideBarProps) {\n  const drawers = flatten(drawerSlot.values())\n    .filter((drawer) => !drawer?.isHidden?.())\n    .sort(sortFn);\n\n  const [openDrawerList, onToggleDrawer] = useState<(string | undefined)[]>(drawers.map((drawer) => drawer.id));\n  const items = useMemo(() => flatten(itemSlot?.values()), [itemSlot]);\n\n  const handleDrawerToggle = (id: string) => {\n    const isDrawerOpen = openDrawerList.includes(id);\n    if (isDrawerOpen) {\n      onToggleDrawer((list) => list.filter((drawer) => drawer !== id));\n      return;\n    }\n    onToggleDrawer((list) => list.concat(id));\n  };\n\n  return (\n    <div {...rest} className={styles.sidebar}>\n      <MenuSection items={items} />\n      {drawers.map((drawer) => {\n        if (!drawer || !drawer.name) return null;\n        // consider passing collapse all as a prop so each drawer collapses itself\n        const isOpen = openDrawerList.includes(drawer.id);\n\n        return (\n          <DrawerUI\n            className={classNames(styles.sidebarDrawer, isOpen && styles.open)}\n            isOpen={isOpen}\n            onToggle={() => handleDrawerToggle(drawer.id)}\n            key={drawer.id}\n            name={drawer.name}\n            Widgets={drawer.widgets}\n            Context={drawer.Context}\n          >\n            <drawer.render />\n          </DrawerUI>\n        );\n      })}\n    </div>\n  );\n}\nfunction sortFn(first: DrawerType, second: DrawerType) {\n  // 0  - equal\n  // <0 - first < second\n  // >0 - first > second\n\n  return (first.order ?? 0) - (second.order ?? 0);\n}\n"]}
+{"version":3,"names":["SideBar","drawerSlot","itemSlot","rest","drawers","flatten","values","filter","drawer","isHidden","sort","sortFn","openDrawerList","onToggleDrawer","useState","map","id","items","useMemo","handleDrawerToggle","isDrawerOpen","includes","list","concat","styles","sidebar","name","isOpen","classNames","sidebarDrawer","open","widgets","Context","first","second","order"],"sources":["side-bar.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { flatten } from 'lodash';\nimport classNames from 'classnames';\nimport { MenuSection } from '@teambit/design.ui.surfaces.menu.section';\nimport { DrawerType, DrawerUI } from '@teambit/ui-foundation.ui.tree.drawer';\nimport { DrawerSlot, SidebarItemSlot } from '../../sidebar.ui.runtime';\nimport styles from './side-bar.module.scss';\n\nexport type SideBarProps = {\n  /**\n   * slot of registered drawers.\n   */\n  drawerSlot: DrawerSlot;\n  /**\n   * slot of registered items to the main section at the top.\n   */\n  itemSlot?: SidebarItemSlot;\n} & React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * side bar component.\n */\nexport function SideBar({ drawerSlot, itemSlot, ...rest }: SideBarProps) {\n  const drawers = flatten(drawerSlot.values())\n    .filter((drawer) => !drawer?.isHidden?.())\n    .sort(sortFn);\n\n  const [openDrawerList, onToggleDrawer] = useState<(string | undefined)[]>(drawers.map((drawer) => drawer.id));\n  const items = useMemo(() => flatten(itemSlot?.values()), [itemSlot]);\n\n  const handleDrawerToggle = (id: string) => {\n    const isDrawerOpen = openDrawerList.includes(id);\n    if (isDrawerOpen) {\n      onToggleDrawer((list) => list.filter((drawer) => drawer !== id));\n      return;\n    }\n    onToggleDrawer((list) => list.concat(id));\n  };\n\n  return (\n    <div {...rest} className={styles.sidebar}>\n      <MenuSection items={items} />\n      {drawers.map((drawer) => {\n        if (!drawer || !drawer.name) return null;\n        // consider passing collapse all as a prop so each drawer collapses itself\n        const isOpen = openDrawerList.includes(drawer.id);\n\n        return (\n          <DrawerUI\n            className={classNames(styles.sidebarDrawer, isOpen && styles.open)}\n            isOpen={isOpen}\n            onToggle={() => handleDrawerToggle(drawer.id)}\n            key={drawer.id}\n            name={drawer.name}\n            Widgets={drawer.widgets}\n            Context={drawer.Context}\n          >\n            <drawer.render />\n          </DrawerUI>\n        );\n      })}\n    </div>\n  );\n}\nfunction sortFn(first: DrawerType, second: DrawerType) {\n  // 0  - equal\n  // <0 - first < second\n  // >0 - first > second\n\n  return (first.order ?? 0) - (second.order ?? 0);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAaA;AACA;AACA;AACO,SAASA,OAAT,OAAkE;EAAA,IAAjD;IAAEC,UAAF;IAAcC;EAAd,CAAiD;EAAA,IAAtBC,IAAsB;EACvE,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAQJ,UAAU,CAACK,MAAX,EAAR,EACbC,MADa,CACLC,MAAD;IAAA;;IAAA,OAAY,EAACA,MAAD,aAACA,MAAD,mCAACA,MAAM,CAAEC,QAAT,6CAAC,sBAAAD,MAAM,CAAP,CAAZ;EAAA,CADM,EAEbE,IAFa,CAERC,MAFQ,CAAhB;EAIA,MAAM,CAACC,cAAD,EAAiBC,cAAjB,IAAmC,IAAAC,iBAAA,EAAiCV,OAAO,CAACW,GAAR,CAAaP,MAAD,IAAYA,MAAM,CAACQ,EAA/B,CAAjC,CAAzC;EACA,MAAMC,KAAK,GAAG,IAAAC,gBAAA,EAAQ,MAAM,IAAAb,iBAAA,EAAQH,QAAR,aAAQA,QAAR,uBAAQA,QAAQ,CAAEI,MAAV,EAAR,CAAd,EAA2C,CAACJ,QAAD,CAA3C,CAAd;;EAEA,MAAMiB,kBAAkB,GAAIH,EAAD,IAAgB;IACzC,MAAMI,YAAY,GAAGR,cAAc,CAACS,QAAf,CAAwBL,EAAxB,CAArB;;IACA,IAAII,YAAJ,EAAkB;MAChBP,cAAc,CAAES,IAAD,IAAUA,IAAI,CAACf,MAAL,CAAaC,MAAD,IAAYA,MAAM,KAAKQ,EAAnC,CAAX,CAAd;MACA;IACD;;IACDH,cAAc,CAAES,IAAD,IAAUA,IAAI,CAACC,MAAL,CAAYP,EAAZ,CAAX,CAAd;EACD,CAPD;;EASA,oBACE,mEAASb,IAAT;IAAe,SAAS,EAAEqB,wBAAA,CAAOC;EAAjC,iBACE,+BAAC,mCAAD;IAAa,KAAK,EAAER;EAApB,EADF,EAEGb,OAAO,CAACW,GAAR,CAAaP,MAAD,IAAY;IACvB,IAAI,CAACA,MAAD,IAAW,CAACA,MAAM,CAACkB,IAAvB,EAA6B,OAAO,IAAP,CADN,CAEvB;;IACA,MAAMC,MAAM,GAAGf,cAAc,CAACS,QAAf,CAAwBb,MAAM,CAACQ,EAA/B,CAAf;IAEA,oBACE,+BAAC,8BAAD;MACE,SAAS,EAAE,IAAAY,qBAAA,EAAWJ,wBAAA,CAAOK,aAAlB,EAAiCF,MAAM,IAAIH,wBAAA,CAAOM,IAAlD,CADb;MAEE,MAAM,EAAEH,MAFV;MAGE,QAAQ,EAAE,MAAMR,kBAAkB,CAACX,MAAM,CAACQ,EAAR,CAHpC;MAIE,GAAG,EAAER,MAAM,CAACQ,EAJd;MAKE,IAAI,EAAER,MAAM,CAACkB,IALf;MAME,OAAO,EAAElB,MAAM,CAACuB,OANlB;MAOE,OAAO,EAAEvB,MAAM,CAACwB;IAPlB,gBASE,+BAAC,MAAD,CAAQ,MAAR,OATF,CADF;EAaD,CAlBA,CAFH,CADF;AAwBD;;AACD,SAASrB,MAAT,CAAgBsB,KAAhB,EAAmCC,MAAnC,EAAuD;EAAA;;EACrD;EACA;EACA;EAEA,OAAO,iBAACD,KAAK,CAACE,KAAP,uDAAgB,CAAhB,sBAAsBD,MAAM,CAACC,KAA7B,yDAAsC,CAAtC,CAAP;AACD"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/sidebar",
-  "version": "0.0.736",
+  "version": "0.0.739",
   "homepage": "https://bit.dev/teambit/ui-foundation/sidebar",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "sidebar",
-    "version": "0.0.736"
+    "version": "0.0.739"
   },
   "dependencies": {
     "classnames": "2.2.6",
@@ -15,9 +15,9 @@
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
     "@teambit/design.ui.surfaces.menu.section": "0.0.347",
-    "@teambit/component": "0.0.736",
+    "@teambit/component": "0.0.739",
     "@teambit/ui-foundation.ui.tree.drawer": "0.0.499",
-    "@teambit/ui": "0.0.736"
+    "@teambit/ui": "0.0.739"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",

package/{preview-1652844422371.js → preview-1653362849981.js}

@@ -1,2 +1,2 @@
-export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_sidebar@0.0.736/dist/sidebar.composition.js')]
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_sidebar@0.0.736/dist/sidebar.docs.mdx')]
+export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_sidebar@0.0.739/dist/sidebar.composition.js')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_sidebar@0.0.739/dist/sidebar.docs.mdx')]

package/tsconfig.json

@@ -15,13 +15,13 @@
     "declaration": true,
     "sourceMap": true,
     "skipLibCheck": true,
+    "experimentalDecorators": true,
     "outDir": "dist",
     "moduleResolution": "node",
     "esModuleInterop": true,
     "rootDir": ".",
     "resolveJsonModule": true,
     "emitDeclarationOnly": true,
-    "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "allowSyntheticDefaultImports": true,
     "strictPropertyInitialization": false,