@teambit/compositions 0.0.737 → 0.0.740
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/composition.js.map +1 -1
- package/dist/composition.section.js.map +1 -1
- package/dist/compositions.aspect.js.map +1 -1
- package/dist/compositions.composition.js.map +1 -1
- package/dist/compositions.graphql.js.map +1 -1
- package/dist/compositions.js.map +1 -1
- package/dist/compositions.main.runtime.js.map +1 -1
- package/dist/compositions.preview-definition.js.map +1 -1
- package/dist/compositions.preview.runtime.js.map +1 -1
- package/dist/compositions.ui.runtime.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/ui/composition-preview.js.map +1 -1
- package/dist/ui/compositions-overview/compositions-overview.js.map +1 -1
- package/dist/ui/compositions-overview/index.js.map +1 -1
- package/dist/ui/compositions-panel/compositions-panel.js.map +1 -1
- package/dist/ui/compositions-panel/index.js.map +1 -1
- package/dist/ui/compositions-panel-node/compositions-panel-node.js.map +1 -1
- package/dist/ui/compositions-panel-node/index.js.map +1 -1
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/use-compositions.js.map +1 -1
- package/package-tar/teambit-compositions-0.0.740.tgz +0 -0
- package/package.json +14 -14
- package/{preview-1652930732694.js → preview-1653449228788.js} +2 -2
- package/package-tar/teambit-compositions-0.0.737.tgz +0 -0
package/dist/composition.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["Composition","constructor","identifier","filepath","_displayName","displayName","humanizeCompositionId","toObject","fromArray","compositions","map","composition"],"sources":["composition.ts"],"sourcesContent":["import { humanizeCompositionId } from '@teambit/compositions.model.composition-id';\n\nexport type CompositionProps = {\n identifier: string;\n filepath?: string;\n displayName?: string;\n};\n\nexport class Composition {\n constructor(\n /**\n * identifier of the composition\n */\n readonly identifier: string,\n\n /**\n * file path in which the composition is contained.\n */\n readonly filepath?: string,\n\n /**\n * set explicit display name\n */\n private _displayName?: string\n ) {}\n\n get displayName() {\n return this._displayName || humanizeCompositionId(this.identifier);\n }\n\n toObject() {\n return {\n identifier: this.identifier,\n filepath: this.filepath,\n displayName: this._displayName,\n };\n }\n\n static fromArray(compositions: CompositionProps[]): Composition[] {\n return compositions.map((composition) => {\n return new Composition(composition.identifier, composition.filepath, composition.displayName);\n });\n }\n}\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAQO,MAAMA,WAAN,CAAkB;EACvBC,WAAW;EACT;AACJ;AACA;EACaC,UAJA;EAMT;AACJ;AACA;EACaC,QATA;EAWT;AACJ;AACA;EACYC,YAdC,EAeT;IAAA,KAXSF,UAWT,GAXSA,UAWT;IAAA,KANSC,QAMT,GANSA,QAMT;IAAA,KADQC,YACR,GADQA,YACR;EAAE;;EAEW,IAAXC,WAAW,GAAG;IAChB,OAAO,KAAKD,YAAL,IAAqB,IAAAE,0CAAA,EAAsB,KAAKJ,UAA3B,CAA5B;EACD;;EAEDK,QAAQ,GAAG;IACT,OAAO;MACLL,UAAU,EAAE,KAAKA,UADZ;MAELC,QAAQ,EAAE,KAAKA,QAFV;MAGLE,WAAW,EAAE,KAAKD;IAHb,CAAP;EAKD;;EAEe,OAATI,SAAS,CAACC,YAAD,EAAkD;IAChE,OAAOA,YAAY,CAACC,GAAb,CAAkBC,WAAD,IAAiB;MACvC,OAAO,IAAIX,WAAJ,CAAgBW,WAAW,CAACT,UAA5B,EAAwCS,WAAW,CAACR,QAApD,EAA8DQ,WAAW,CAACN,WAA1E,CAAP;IACD,CAFM,CAAP;EAGD;;AAlCsB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["CompositionsSection","constructor","compositions","options","emptyStateSlot","href","children","path","menuBarWidgetSlot"],"sources":["composition.section.tsx"],"sourcesContent":["import { Section } from '@teambit/component';\nimport React from 'react';\nimport { Compositions } from './compositions';\nimport type { CompositionsUI, CompositionsMenuSlot, EmptyStateSlot } from './compositions.ui.runtime';\n\ntype Options = { menuBarWidgetSlot: CompositionsMenuSlot };\n\nexport class CompositionsSection implements Section {\n constructor(\n /**\n * simulations ui extension.\n */\n private compositions: CompositionsUI,\n private options: Options,\n private emptyStateSlot: EmptyStateSlot\n ) {}\n\n navigationLink = {\n href: '~compositions',\n children: 'Compositions',\n };\n\n route = {\n path: '~compositions',\n children: <Compositions menuBarWidgets={this.options.menuBarWidgetSlot} emptyState={this.emptyStateSlot} />,\n };\n\n order = 20;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAKO,MAAMA,mBAAN,CAA6C;EAClDC,WAAW;EACT;AACJ;AACA;EACYC,YAJC,EAKDC,OALC,EAMDC,cANC,EAOT;IAAA,KAHQF,YAGR,GAHQA,YAGR;IAAA,KAFQC,OAER,GAFQA,OAER;IAAA,KADQC,cACR,GADQA,cACR;IAAA,wDAEe;MACfC,IAAI,EAAE,eADS;MAEfC,QAAQ,EAAE;IAFK,CAFf;IAAA,+CAOM;MACNC,IAAI,EAAE,eADA;MAEND,QAAQ,eAAE,+BAAC,4BAAD;QAAc,cAAc,EAAE,KAAKH,OAAL,CAAaK,iBAA3C;QAA8D,UAAU,EAAE,KAAKJ;MAA/E;IAFJ,CAPN;IAAA,+CAYM,EAZN;EAAE;;AAR8C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["CompositionsAspect","Aspect","create","id","dependencies","defaultConfig"],"sources":["compositions.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const CompositionsAspect = Aspect.create({\n id: 'teambit.compositions/compositions',\n dependencies: [],\n defaultConfig: {},\n});\n\nexport default CompositionsAspect;\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,kBAAkB,GAAGC,iBAAA,CAAOC,MAAP,CAAc;EAC9CC,EAAE,EAAE,mCAD0C;EAE9CC,YAAY,EAAE,EAFgC;EAG9CC,aAAa,EAAE;AAH+B,CAAd,CAA3B;;;eAMQL,kB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["compositions.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/compositions.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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["compositionsSchema","compositions","typeDefs","gql","resolvers","Component","component","getCompositions"],"sources":["compositions.graphql.ts"],"sourcesContent":["import { Component } from '@teambit/component';\nimport { Schema } from '@teambit/graphql';\nimport gql from 'graphql-tag';\n\nimport { CompositionsMain } from './compositions.main.runtime';\n\nexport function compositionsSchema(compositions: CompositionsMain): Schema {\n return {\n typeDefs: gql`\n extend type Component {\n compositions: [Composition]\n }\n\n type Subscription {\n compositionAdded: Composition\n }\n\n type Composition {\n filepath: String\n identifier: String\n displayName: String\n }\n `,\n resolvers: {\n Component: {\n compositions: (component: Component) => {\n return compositions.getCompositions(component);\n },\n },\n },\n };\n}\n"],"mappings":";;;;;;;;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAIO,SAASA,kBAAT,CAA4BC,YAA5B,EAAoE;EACzE,OAAO;IACLC,QAAQ,EAAE,IAAAC,qBAAA,CAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAfS;IAgBLC,SAAS,EAAE;MACTC,SAAS,EAAE;QACTJ,YAAY,EAAGK,SAAD,IAA0B;UACtC,OAAOL,YAAY,CAACM,eAAb,CAA6BD,SAA7B,CAAP;QACD;MAHQ;IADF;EAhBN,CAAP;AAwBD"}
|
package/dist/compositions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["compositions.tsx"],"names":["Compositions","menuBarWidgets","emptyState","component","ComponentContext","selected","selectComposition","compositions","selectedRef","current","properties","id","prevId","identifier","next","find","c","isMobile","showSidebar","length","isSidebarOpen","setSidebarOpenness","sidebarOpenness","Layout","row","left","compositionUrl","currentCompositionUrl","compositionParams","setCompositionParams","queryParams","queryString","stringify","styles","compositionsPage","menuBar","openInNewTab","splitter","e","stopPropagation","x","collapser","right","tabsContainer","tabs","tabContent","compost","CompositionContent","env","environment","EmptyStateTemplate","get","host","noCompositionsPage","title","separator","buildStatus","buildStatusMessage","compositionsIframe"],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useState, useMemo, useRef, ReactNode } from 'react';\nimport head from 'lodash.head';\nimport queryString from 'query-string';\nimport { ThemeContext } from '@teambit/documenter.theme.theme-context';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\nimport { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { ComponentContext, ComponentModel } from '@teambit/component';\nimport { PropTable } from '@teambit/documenter.ui.property-table';\nimport { Tab, TabContainer, TabList, TabPanel } from '@teambit/panels';\nimport { useDocs } from '@teambit/docs.ui.queries.get-docs';\nimport { Collapser } from '@teambit/ui-foundation.ui.buttons.collapser';\nimport { EmptyBox } from '@teambit/design.ui.empty-box';\nimport { toPreviewUrl } from '@teambit/preview.ui.component-preview';\nimport { useIsMobile } from '@teambit/ui-foundation.ui.hooks.use-is-mobile';\nimport { CompositionsMenuBar } from '@teambit/compositions.ui.compositions-menu-bar';\nimport { CompositionContextProvider } from '@teambit/compositions.ui.hooks.use-composition';\nimport { MDXLayout } from '@teambit/mdx.ui.mdx-layout';\nimport { Separator } from '@teambit/design.ui.separator';\nimport { H1 } from '@teambit/documenter.ui.heading';\nimport { AlertCard } from '@teambit/design.ui.alert-card';\nimport { NativeLink } from '@teambit/base-ui.routing.native-link';\nimport { OptionButton } from '@teambit/design.ui.input.option-button';\nimport { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { EmptyStateSlot } from './compositions.ui.runtime';\nimport { Composition } from './composition';\nimport styles from './compositions.module.scss';\nimport { ComponentComposition } from './ui';\nimport { CompositionsPanel } from './ui/compositions-panel/compositions-panel';\nimport type { CompositionsMenuSlot } from './compositions.ui.runtime';\n\nexport type MenuBarWidget = {\n location: 'start' | 'end';\n content: ReactNode;\n};\nexport type CompositionsProp = { menuBarWidgets?: CompositionsMenuSlot; emptyState?: EmptyStateSlot };\n\nexport function Compositions({ menuBarWidgets, emptyState }: CompositionsProp) {\n const component = useContext(ComponentContext);\n const [selected, selectComposition] = useState(head(component.compositions));\n const selectedRef = useRef(selected);\n selectedRef.current = selected;\n\n const properties = useDocs(component.id);\n\n // reset selected composition when component changes.\n // this does trigger renderer, but perf seems to be ok\n useEffect(() => {\n const prevId = selectedRef.current?.identifier;\n const next = component.compositions.find((c) => c.identifier === prevId) || component.compositions[0];\n\n selectComposition(next);\n }, [component]);\n const isMobile = useIsMobile();\n const showSidebar = !isMobile && component.compositions.length > 0;\n const [isSidebarOpen, setSidebarOpenness] = useState(showSidebar);\n\n const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.left;\n\n const compositionUrl = toPreviewUrl(component, 'compositions');\n const currentCompositionUrl = toPreviewUrl(component, 'compositions', selected?.identifier);\n\n const [compositionParams, setCompositionParams] = useState<Record<string, any>>({});\n const queryParams = useMemo(() => queryString.stringify(compositionParams), [compositionParams]);\n\n // collapse sidebar when empty, reopen when not\n useEffect(() => setSidebarOpenness(showSidebar), [showSidebar]);\n\n return (\n <CompositionContextProvider queryParams={compositionParams} setQueryParams={setCompositionParams}>\n <SplitPane layout={sidebarOpenness} size=\"85%\" className={styles.compositionsPage}>\n <Pane className={styles.left}>\n <CompositionsMenuBar menuBarWidgets={menuBarWidgets} className={styles.menuBar}>\n <NativeLink external href={currentCompositionUrl} className={styles.openInNewTab}>\n <OptionButton icon=\"open-tab\" />\n </NativeLink>\n </CompositionsMenuBar>\n <CompositionContent\n emptyState={emptyState}\n component={component}\n selected={selected}\n queryParams={queryParams}\n />\n </Pane>\n <HoverSplitter className={styles.splitter}>\n <Collapser\n placement=\"left\"\n isOpen={isSidebarOpen}\n onMouseDown={(e) => e.stopPropagation()} // avoid split-pane drag\n onClick={() => setSidebarOpenness((x) => !x)}\n tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side compositions`}\n className={styles.collapser}\n />\n </HoverSplitter>\n <Pane className={styles.right}>\n <ThemeContext>\n <TabContainer className={styles.tabsContainer}>\n <TabList className={styles.tabs}>\n <Tab>compositions</Tab>\n <Tab>properties</Tab>\n </TabList>\n <TabPanel className={styles.tabContent}>\n <CompositionsPanel\n onSelectComposition={selectComposition}\n url={compositionUrl}\n compositions={component.compositions}\n active={selected}\n className={styles.compost}\n />\n </TabPanel>\n <TabPanel className={styles.tabContent}>\n {properties && properties.length > 0 ? <PropTable rows={properties} showListView /> : <div />}\n </TabPanel>\n </TabContainer>\n </ThemeContext>\n </Pane>\n </SplitPane>\n </CompositionContextProvider>\n );\n}\n\ntype CompositionContentProps = {\n component: ComponentModel;\n selected?: Composition;\n queryParams?: string | string[];\n emptyState?: EmptyStateSlot;\n};\n\nfunction CompositionContent({ component, selected, queryParams, emptyState }: CompositionContentProps) {\n const env = component.environment?.id;\n const EmptyStateTemplate = emptyState?.get(env || ''); // || defaultTemplate;\n\n if (component.compositions.length === 0 && component.host === 'teambit.workspace/workspace' && EmptyStateTemplate) {\n return (\n <div className={styles.noCompositionsPage}>\n <div>\n <H1 className={styles.title}>Compositions</H1>\n <Separator isPresentational className={styles.separator} />\n <AlertCard\n level=\"info\"\n title=\"There are no\n compositions for this Component. Learn how to add compositions:\"\n >\n <MDXLayout>\n <EmptyStateTemplate />\n </MDXLayout>\n </AlertCard>\n </div>\n </div>\n );\n }\n\n if (component?.buildStatus === 'pending' && component?.host === 'teambit.scope/scope')\n return (\n <StatusMessageCard className={styles.buildStatusMessage} status=\"PROCESSING\" title=\"component preview pending\">\n this might take some time\n </StatusMessageCard>\n );\n if (component?.buildStatus === 'failed' && component?.host === 'teambit.scope/scope')\n return (\n <StatusMessageCard\n className={styles.buildStatusMessage}\n status=\"FAILURE\"\n title=\"failed to get component preview \"\n ></StatusMessageCard>\n );\n\n // TODO: get the docs domain from the community aspect and pass it here as a prop\n if (component.compositions.length === 0) {\n return (\n <EmptyBox\n title=\"There are no compositions for this component.\"\n linkText=\"Learn how to create compositions\"\n link={`https://bit.dev/docs/dev-services-overview/compositions/compositions-overview`}\n />\n );\n }\n\n return (\n <ComponentComposition\n className={styles.compositionsIframe}\n component={component}\n composition={selected}\n queryParams={queryParams}\n />\n );\n}\n"]}
|
|
1
|
+
{"version":3,"names":["Compositions","menuBarWidgets","emptyState","component","useContext","ComponentContext","selected","selectComposition","useState","head","compositions","selectedRef","useRef","current","properties","useDocs","id","useEffect","prevId","identifier","next","find","c","isMobile","useIsMobile","showSidebar","length","isSidebarOpen","setSidebarOpenness","sidebarOpenness","Layout","row","left","compositionUrl","toPreviewUrl","currentCompositionUrl","compositionParams","setCompositionParams","queryParams","useMemo","queryString","stringify","styles","compositionsPage","menuBar","openInNewTab","splitter","e","stopPropagation","x","collapser","right","tabsContainer","tabs","tabContent","compost","CompositionContent","env","environment","EmptyStateTemplate","get","host","noCompositionsPage","title","separator","buildStatus","buildStatusMessage","compositionsIframe"],"sources":["compositions.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState, useMemo, useRef, ReactNode } from 'react';\nimport head from 'lodash.head';\nimport queryString from 'query-string';\nimport { ThemeContext } from '@teambit/documenter.theme.theme-context';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\nimport { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { ComponentContext, ComponentModel } from '@teambit/component';\nimport { PropTable } from '@teambit/documenter.ui.property-table';\nimport { Tab, TabContainer, TabList, TabPanel } from '@teambit/panels';\nimport { useDocs } from '@teambit/docs.ui.queries.get-docs';\nimport { Collapser } from '@teambit/ui-foundation.ui.buttons.collapser';\nimport { EmptyBox } from '@teambit/design.ui.empty-box';\nimport { toPreviewUrl } from '@teambit/preview.ui.component-preview';\nimport { useIsMobile } from '@teambit/ui-foundation.ui.hooks.use-is-mobile';\nimport { CompositionsMenuBar } from '@teambit/compositions.ui.compositions-menu-bar';\nimport { CompositionContextProvider } from '@teambit/compositions.ui.hooks.use-composition';\nimport { MDXLayout } from '@teambit/mdx.ui.mdx-layout';\nimport { Separator } from '@teambit/design.ui.separator';\nimport { H1 } from '@teambit/documenter.ui.heading';\nimport { AlertCard } from '@teambit/design.ui.alert-card';\nimport { NativeLink } from '@teambit/base-ui.routing.native-link';\nimport { OptionButton } from '@teambit/design.ui.input.option-button';\nimport { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { EmptyStateSlot } from './compositions.ui.runtime';\nimport { Composition } from './composition';\nimport styles from './compositions.module.scss';\nimport { ComponentComposition } from './ui';\nimport { CompositionsPanel } from './ui/compositions-panel/compositions-panel';\nimport type { CompositionsMenuSlot } from './compositions.ui.runtime';\n\nexport type MenuBarWidget = {\n location: 'start' | 'end';\n content: ReactNode;\n};\nexport type CompositionsProp = { menuBarWidgets?: CompositionsMenuSlot; emptyState?: EmptyStateSlot };\n\nexport function Compositions({ menuBarWidgets, emptyState }: CompositionsProp) {\n const component = useContext(ComponentContext);\n const [selected, selectComposition] = useState(head(component.compositions));\n const selectedRef = useRef(selected);\n selectedRef.current = selected;\n\n const properties = useDocs(component.id);\n\n // reset selected composition when component changes.\n // this does trigger renderer, but perf seems to be ok\n useEffect(() => {\n const prevId = selectedRef.current?.identifier;\n const next = component.compositions.find((c) => c.identifier === prevId) || component.compositions[0];\n\n selectComposition(next);\n }, [component]);\n const isMobile = useIsMobile();\n const showSidebar = !isMobile && component.compositions.length > 0;\n const [isSidebarOpen, setSidebarOpenness] = useState(showSidebar);\n\n const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.left;\n\n const compositionUrl = toPreviewUrl(component, 'compositions');\n const currentCompositionUrl = toPreviewUrl(component, 'compositions', selected?.identifier);\n\n const [compositionParams, setCompositionParams] = useState<Record<string, any>>({});\n const queryParams = useMemo(() => queryString.stringify(compositionParams), [compositionParams]);\n\n // collapse sidebar when empty, reopen when not\n useEffect(() => setSidebarOpenness(showSidebar), [showSidebar]);\n\n return (\n <CompositionContextProvider queryParams={compositionParams} setQueryParams={setCompositionParams}>\n <SplitPane layout={sidebarOpenness} size=\"85%\" className={styles.compositionsPage}>\n <Pane className={styles.left}>\n <CompositionsMenuBar menuBarWidgets={menuBarWidgets} className={styles.menuBar}>\n <NativeLink external href={currentCompositionUrl} className={styles.openInNewTab}>\n <OptionButton icon=\"open-tab\" />\n </NativeLink>\n </CompositionsMenuBar>\n <CompositionContent\n emptyState={emptyState}\n component={component}\n selected={selected}\n queryParams={queryParams}\n />\n </Pane>\n <HoverSplitter className={styles.splitter}>\n <Collapser\n placement=\"left\"\n isOpen={isSidebarOpen}\n onMouseDown={(e) => e.stopPropagation()} // avoid split-pane drag\n onClick={() => setSidebarOpenness((x) => !x)}\n tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side compositions`}\n className={styles.collapser}\n />\n </HoverSplitter>\n <Pane className={styles.right}>\n <ThemeContext>\n <TabContainer className={styles.tabsContainer}>\n <TabList className={styles.tabs}>\n <Tab>compositions</Tab>\n <Tab>properties</Tab>\n </TabList>\n <TabPanel className={styles.tabContent}>\n <CompositionsPanel\n onSelectComposition={selectComposition}\n url={compositionUrl}\n compositions={component.compositions}\n active={selected}\n className={styles.compost}\n />\n </TabPanel>\n <TabPanel className={styles.tabContent}>\n {properties && properties.length > 0 ? <PropTable rows={properties} showListView /> : <div />}\n </TabPanel>\n </TabContainer>\n </ThemeContext>\n </Pane>\n </SplitPane>\n </CompositionContextProvider>\n );\n}\n\ntype CompositionContentProps = {\n component: ComponentModel;\n selected?: Composition;\n queryParams?: string | string[];\n emptyState?: EmptyStateSlot;\n};\n\nfunction CompositionContent({ component, selected, queryParams, emptyState }: CompositionContentProps) {\n const env = component.environment?.id;\n const EmptyStateTemplate = emptyState?.get(env || ''); // || defaultTemplate;\n\n if (component.compositions.length === 0 && component.host === 'teambit.workspace/workspace' && EmptyStateTemplate) {\n return (\n <div className={styles.noCompositionsPage}>\n <div>\n <H1 className={styles.title}>Compositions</H1>\n <Separator isPresentational className={styles.separator} />\n <AlertCard\n level=\"info\"\n title=\"There are no\n compositions for this Component. Learn how to add compositions:\"\n >\n <MDXLayout>\n <EmptyStateTemplate />\n </MDXLayout>\n </AlertCard>\n </div>\n </div>\n );\n }\n\n if (component?.buildStatus === 'pending' && component?.host === 'teambit.scope/scope')\n return (\n <StatusMessageCard className={styles.buildStatusMessage} status=\"PROCESSING\" title=\"component preview pending\">\n this might take some time\n </StatusMessageCard>\n );\n if (component?.buildStatus === 'failed' && component?.host === 'teambit.scope/scope')\n return (\n <StatusMessageCard\n className={styles.buildStatusMessage}\n status=\"FAILURE\"\n title=\"failed to get component preview \"\n ></StatusMessageCard>\n );\n\n // TODO: get the docs domain from the community aspect and pass it here as a prop\n if (component.compositions.length === 0) {\n return (\n <EmptyBox\n title=\"There are no compositions for this component.\"\n linkText=\"Learn how to create compositions\"\n link={`https://bit.dev/docs/dev-services-overview/compositions/compositions-overview`}\n />\n );\n }\n\n return (\n <ComponentComposition\n className={styles.compositionsIframe}\n component={component}\n composition={selected}\n queryParams={queryParams}\n />\n );\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;;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;;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;;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;;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;;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;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AASO,SAASA,YAAT,CAAsB;EAAEC,cAAF;EAAkBC;AAAlB,CAAtB,EAAwE;EAC7E,MAAMC,SAAS,GAAG,IAAAC,mBAAA,EAAWC,6BAAX,CAAlB;EACA,MAAM,CAACC,QAAD,EAAWC,iBAAX,IAAgC,IAAAC,iBAAA,EAAS,IAAAC,iBAAA,EAAKN,SAAS,CAACO,YAAf,CAAT,CAAtC;EACA,MAAMC,WAAW,GAAG,IAAAC,eAAA,EAAON,QAAP,CAApB;EACAK,WAAW,CAACE,OAAZ,GAAsBP,QAAtB;EAEA,MAAMQ,UAAU,GAAG,IAAAC,wBAAA,EAAQZ,SAAS,CAACa,EAAlB,CAAnB,CAN6E,CAQ7E;EACA;;EACA,IAAAC,kBAAA,EAAU,MAAM;IAAA;;IACd,MAAMC,MAAM,2BAAGP,WAAW,CAACE,OAAf,yDAAG,qBAAqBM,UAApC;IACA,MAAMC,IAAI,GAAGjB,SAAS,CAACO,YAAV,CAAuBW,IAAvB,CAA6BC,CAAD,IAAOA,CAAC,CAACH,UAAF,KAAiBD,MAApD,KAA+Df,SAAS,CAACO,YAAV,CAAuB,CAAvB,CAA5E;IAEAH,iBAAiB,CAACa,IAAD,CAAjB;EACD,CALD,EAKG,CAACjB,SAAD,CALH;EAMA,MAAMoB,QAAQ,GAAG,IAAAC,kCAAA,GAAjB;EACA,MAAMC,WAAW,GAAG,CAACF,QAAD,IAAapB,SAAS,CAACO,YAAV,CAAuBgB,MAAvB,GAAgC,CAAjE;EACA,MAAM,CAACC,aAAD,EAAgBC,kBAAhB,IAAsC,IAAApB,iBAAA,EAASiB,WAAT,CAA5C;EAEA,MAAMI,eAAe,GAAGF,aAAa,GAAGG,iCAAA,CAAOC,GAAV,GAAgBD,iCAAA,CAAOE,IAA5D;EAEA,MAAMC,cAAc,GAAG,IAAAC,yBAAA,EAAa/B,SAAb,EAAwB,cAAxB,CAAvB;EACA,MAAMgC,qBAAqB,GAAG,IAAAD,yBAAA,EAAa/B,SAAb,EAAwB,cAAxB,EAAwCG,QAAxC,aAAwCA,QAAxC,uBAAwCA,QAAQ,CAAEa,UAAlD,CAA9B;EAEA,MAAM,CAACiB,iBAAD,EAAoBC,oBAApB,IAA4C,IAAA7B,iBAAA,EAA8B,EAA9B,CAAlD;EACA,MAAM8B,WAAW,GAAG,IAAAC,gBAAA,EAAQ,MAAMC,sBAAA,CAAYC,SAAZ,CAAsBL,iBAAtB,CAAd,EAAwD,CAACA,iBAAD,CAAxD,CAApB,CA1B6E,CA4B7E;;EACA,IAAAnB,kBAAA,EAAU,MAAMW,kBAAkB,CAACH,WAAD,CAAlC,EAAiD,CAACA,WAAD,CAAjD;EAEA,oBACE,+BAAC,iDAAD;IAA4B,WAAW,EAAEW,iBAAzC;IAA4D,cAAc,EAAEC;EAA5E,gBACE,+BAAC,oCAAD;IAAW,MAAM,EAAER,eAAnB;IAAoC,IAAI,EAAC,KAAzC;IAA+C,SAAS,EAAEa,6BAAA,CAAOC;EAAjE,gBACE,+BAAC,+BAAD;IAAM,SAAS,EAAED,6BAAA,CAAOV;EAAxB,gBACE,+BAAC,qCAAD;IAAqB,cAAc,EAAE/B,cAArC;IAAqD,SAAS,EAAEyC,6BAAA,CAAOE;EAAvE,gBACE,+BAAC,2BAAD;IAAY,QAAQ,MAApB;IAAqB,IAAI,EAAET,qBAA3B;IAAkD,SAAS,EAAEO,6BAAA,CAAOG;EAApE,gBACE,+BAAC,6BAAD;IAAc,IAAI,EAAC;EAAnB,EADF,CADF,CADF,eAME,+BAAC,kBAAD;IACE,UAAU,EAAE3C,UADd;IAEE,SAAS,EAAEC,SAFb;IAGE,QAAQ,EAAEG,QAHZ;IAIE,WAAW,EAAEgC;EAJf,EANF,CADF,eAcE,+BAAC,yCAAD;IAAe,SAAS,EAAEI,6BAAA,CAAOI;EAAjC,gBACE,+BAAC,kCAAD;IACE,SAAS,EAAC,MADZ;IAEE,MAAM,EAAEnB,aAFV;IAGE,WAAW,EAAGoB,CAAD,IAAOA,CAAC,CAACC,eAAF,EAHtB,CAG2C;IAH3C;IAIE,OAAO,EAAE,MAAMpB,kBAAkB,CAAEqB,CAAD,IAAO,CAACA,CAAT,CAJnC;IAKE,cAAc,EAAG,GAAEtB,aAAa,GAAG,MAAH,GAAY,MAAO,oBALrD;IAME,SAAS,EAAEe,6BAAA,CAAOQ;EANpB,EADF,CAdF,eAwBE,+BAAC,+BAAD;IAAM,SAAS,EAAER,6BAAA,CAAOS;EAAxB,gBACE,+BAAC,+BAAD,qBACE,+BAAC,sBAAD;IAAc,SAAS,EAAET,6BAAA,CAAOU;EAAhC,gBACE,+BAAC,iBAAD;IAAS,SAAS,EAAEV,6BAAA,CAAOW;EAA3B,gBACE,+BAAC,aAAD,uBADF,eAEE,+BAAC,aAAD,qBAFF,CADF,eAKE,+BAAC,kBAAD;IAAU,SAAS,EAAEX,6BAAA,CAAOY;EAA5B,gBACE,+BAAC,sCAAD;IACE,mBAAmB,EAAE/C,iBADvB;IAEE,GAAG,EAAE0B,cAFP;IAGE,YAAY,EAAE9B,SAAS,CAACO,YAH1B;IAIE,MAAM,EAAEJ,QAJV;IAKE,SAAS,EAAEoC,6BAAA,CAAOa;EALpB,EADF,CALF,eAcE,+BAAC,kBAAD;IAAU,SAAS,EAAEb,6BAAA,CAAOY;EAA5B,GACGxC,UAAU,IAAIA,UAAU,CAACY,MAAX,GAAoB,CAAlC,gBAAsC,+BAAC,yBAAD;IAAW,IAAI,EAAEZ,UAAjB;IAA6B,YAAY;EAAzC,EAAtC,gBAAqF,2CADxF,CAdF,CADF,CADF,CAxBF,CADF,CADF;AAmDD;;AASD,SAAS0C,kBAAT,CAA4B;EAAErD,SAAF;EAAaG,QAAb;EAAuBgC,WAAvB;EAAoCpC;AAApC,CAA5B,EAAuG;EAAA;;EACrG,MAAMuD,GAAG,4BAAGtD,SAAS,CAACuD,WAAb,0DAAG,sBAAuB1C,EAAnC;EACA,MAAM2C,kBAAkB,GAAGzD,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAE0D,GAAZ,CAAgBH,GAAG,IAAI,EAAvB,CAA3B,CAFqG,CAE9C;;EAEvD,IAAItD,SAAS,CAACO,YAAV,CAAuBgB,MAAvB,KAAkC,CAAlC,IAAuCvB,SAAS,CAAC0D,IAAV,KAAmB,6BAA1D,IAA2FF,kBAA/F,EAAmH;IACjH,oBACE;MAAK,SAAS,EAAEjB,6BAAA,CAAOoB;IAAvB,gBACE,yDACE,+BAAC,mBAAD;MAAI,SAAS,EAAEpB,6BAAA,CAAOqB;IAAtB,kBADF,eAEE,+BAAC,sBAAD;MAAW,gBAAgB,MAA3B;MAA4B,SAAS,EAAErB,6BAAA,CAAOsB;IAA9C,EAFF,eAGE,+BAAC,sBAAD;MACE,KAAK,EAAC,MADR;MAEE,KAAK,EAAC;IAFR,gBAKE,+BAAC,kBAAD,qBACE,+BAAC,kBAAD,OADF,CALF,CAHF,CADF,CADF;EAiBD;;EAED,IAAI,CAAA7D,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE8D,WAAX,MAA2B,SAA3B,IAAwC,CAAA9D,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE0D,IAAX,MAAoB,qBAAhE,EACE,oBACE,+BAAC,qCAAD;IAAmB,SAAS,EAAEnB,6BAAA,CAAOwB,kBAArC;IAAyD,MAAM,EAAC,YAAhE;IAA6E,KAAK,EAAC;EAAnF,+BADF;EAKF,IAAI,CAAA/D,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE8D,WAAX,MAA2B,QAA3B,IAAuC,CAAA9D,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE0D,IAAX,MAAoB,qBAA/D,EACE,oBACE,+BAAC,qCAAD;IACE,SAAS,EAAEnB,6BAAA,CAAOwB,kBADpB;IAEE,MAAM,EAAC,SAFT;IAGE,KAAK,EAAC;EAHR,EADF,CA/BmG,CAuCrG;;EACA,IAAI/D,SAAS,CAACO,YAAV,CAAuBgB,MAAvB,KAAkC,CAAtC,EAAyC;IACvC,oBACE,+BAAC,oBAAD;MACE,KAAK,EAAC,+CADR;MAEE,QAAQ,EAAC,kCAFX;MAGE,IAAI,EAAG;IAHT,EADF;EAOD;;EAED,oBACE,+BAAC,0BAAD;IACE,SAAS,EAAEgB,6BAAA,CAAOyB,kBADpB;IAEE,SAAS,EAAEhE,SAFb;IAGE,WAAW,EAAEG,QAHf;IAIE,WAAW,EAAEgC;EAJf,EADF;AAQD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["compositions.main.runtime.ts"],"names":["CompositionsMain","constructor","compositionFilePattern","previewFilePattern","preview","workspace","schema","devFiles","getPreviewFiles","components","ComponentMap","as","component","compositionFiles","state","filesystem","byGlob","previewFiles","Set","map","file","relative","files","filter","has","isCompositionFile","filePath","includePatterns","excludePatterns","getCompositions","entry","aspects","get","CompositionsAspect","id","compositions","data","Composition","fromArray","readCompositions","maybeFiles","byComponent","computeCompositions","onComponentLoad","composition","toObject","pathArray","path","split","length","exports","parseModule","componentDir","exportModel","displayName","staticProperties","identifier","undefined","provider","graphql","config","compositionPreviewFilePattern","registerDevPattern","register","registerDefinition","CompositionPreviewDefinition","bind","MainRuntime","PreviewAspect","GraphqlAspect","WorkspaceAspect","SchemaAspect","DevFilesAspect","ComponentAspect","addRuntime"],"mappings":"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","sourcesContent":["import { MainRuntime } from '@teambit/cli';\nimport { AspectData, Component, ComponentAspect, ComponentMap } from '@teambit/component';\nimport { DevFilesAspect, DevFilesMain } from '@teambit/dev-files';\nimport { GraphqlAspect, GraphqlMain } from '@teambit/graphql';\nimport { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\nimport { flatten } from '@teambit/legacy/dist/utils';\nimport { PreviewAspect, PreviewMain } from '@teambit/preview';\nimport { SchemaAspect, SchemaMain } from '@teambit/schema';\nimport { matchPatterns, splitPatterns } from '@teambit/toolbox.path.match-patterns';\nimport { Workspace, WorkspaceAspect } from '@teambit/workspace';\nimport { join } from 'path';\nimport { Composition } from './composition';\nimport { CompositionsAspect } from './compositions.aspect';\nimport { compositionsSchema } from './compositions.graphql';\nimport { CompositionPreviewDefinition } from './compositions.preview-definition';\n\nexport type CompositionsConfig = {\n /**\n * glob pattern to detect composition files. This includes all related files, like styles and jsons.\n * @example ['/*.composition?(s).*']\n */\n compositionFilePattern: string[];\n /**\n * glob pattern to select Preview files. this will only include files matched by compositionFilePattern.\n * @example ['*.{t,j}s', '*.{t,j}sx']\n */\n compositionPreviewFilePattern: string[];\n};\n\n/**\n * the component documentation extension.\n */\nexport class CompositionsMain {\n constructor(\n /**\n * Glob pattern to select all composition files\n */\n private compositionFilePattern: string[],\n\n /**\n * Glob pattern to select composition preview files\n */\n private previewFilePattern: string[],\n\n /**\n * envs extension.\n */\n private preview: PreviewMain,\n\n /**\n * workspace extension.\n */\n private workspace: Workspace,\n\n /**\n * schema extension.\n */\n private schema: SchemaMain,\n\n private devFiles: DevFilesMain\n ) {}\n\n /**\n * returns an array of doc file paths for a set of components.\n */\n getPreviewFiles(components: Component[]): ComponentMap<AbstractVinyl[]> {\n return ComponentMap.as<AbstractVinyl[]>(components, (component) => {\n // this includes non executables, like `button.compositions.module.scss` or `presets.compositions.json`\n const compositionFiles = component.state.filesystem.byGlob(this.compositionFilePattern);\n\n // select only relevant preview files (.tsx, etc)\n const previewFiles = new Set(\n component.state.filesystem.byGlob(this.previewFilePattern).map((file) => file.relative)\n );\n const files = compositionFiles.filter((file) => previewFiles.has(file.relative));\n\n return files;\n });\n }\n\n /**\n * checks if a file matches the composition file pattern.\n */\n isCompositionFile(filePath: string): boolean {\n const { includePatterns, excludePatterns } = splitPatterns(this.compositionFilePattern);\n return matchPatterns(filePath, includePatterns, excludePatterns);\n }\n\n /**\n * get component compositions.\n */\n getCompositions(component: Component): Composition[] {\n const entry = component.state.aspects.get(CompositionsAspect.id);\n if (!entry) return [];\n const compositions = entry.data.compositions;\n if (!compositions) return [];\n\n return Composition.fromArray(compositions);\n }\n\n /**\n * read composition from the component source code.\n */\n readCompositions(component: Component): Composition[] {\n const maybeFiles = this.getPreviewFiles([component]).byComponent(component);\n\n if (!maybeFiles) return [];\n const [, files] = maybeFiles;\n return flatten(\n files.map((file) => {\n return this.computeCompositions(component, file);\n })\n );\n }\n\n async onComponentLoad(component: Component): Promise<AspectData> {\n const compositions = this.readCompositions(component);\n return {\n compositions: compositions.map((composition) => composition.toObject()),\n };\n }\n\n private computeCompositions(component: Component, file: AbstractVinyl): Composition[] {\n // :TODO hacked for a specific file extension now until david will take care in the compiler.\n const pathArray = file.path.split('.');\n pathArray[pathArray.length - 1] = 'js';\n\n const exports = this.schema.parseModule(join(this.workspace.componentDir(component.id), file.relative));\n return exports.map((exportModel) => {\n const displayName = exportModel.staticProperties?.get('compositionName');\n\n return new Composition(\n exportModel.identifier,\n file.relative,\n typeof displayName === 'string' ? displayName : undefined\n );\n });\n }\n\n static defaultConfig: CompositionsConfig = {\n compositionFilePattern: ['**/*.composition?(s).*'],\n compositionPreviewFilePattern: ['**/*.{t,j}s?(x)'],\n };\n\n static runtime = MainRuntime;\n static dependencies = [PreviewAspect, GraphqlAspect, WorkspaceAspect, SchemaAspect, DevFilesAspect, ComponentAspect];\n\n static async provider(\n [preview, graphql, workspace, schema, devFiles]: [PreviewMain, GraphqlMain, Workspace, SchemaMain, DevFilesMain],\n config: CompositionsConfig\n ) {\n const compositions = new CompositionsMain(\n config.compositionFilePattern,\n config.compositionPreviewFilePattern,\n preview,\n workspace,\n schema,\n devFiles\n );\n\n // TODO: use the docs implementation to allow component specific pattern\n devFiles.registerDevPattern(config.compositionFilePattern);\n\n graphql.register(compositionsSchema(compositions));\n preview.registerDefinition(new CompositionPreviewDefinition(compositions));\n\n if (workspace) {\n workspace.onComponentLoad(compositions.onComponentLoad.bind(compositions));\n }\n\n return compositions;\n }\n}\n\nCompositionsAspect.addRuntime(CompositionsMain);\n"]}
|
|
1
|
+
{"version":3,"names":["CompositionsMain","constructor","compositionFilePattern","previewFilePattern","preview","workspace","schema","devFiles","getPreviewFiles","components","ComponentMap","as","component","compositionFiles","state","filesystem","byGlob","previewFiles","Set","map","file","relative","files","filter","has","isCompositionFile","filePath","includePatterns","excludePatterns","splitPatterns","matchPatterns","getCompositions","entry","aspects","get","CompositionsAspect","id","compositions","data","Composition","fromArray","readCompositions","maybeFiles","byComponent","flatten","computeCompositions","onComponentLoad","composition","toObject","pathArray","path","split","length","exports","parseModule","join","componentDir","exportModel","displayName","staticProperties","identifier","undefined","provider","graphql","config","compositionPreviewFilePattern","registerDevPattern","register","compositionsSchema","registerDefinition","CompositionPreviewDefinition","bind","MainRuntime","PreviewAspect","GraphqlAspect","WorkspaceAspect","SchemaAspect","DevFilesAspect","ComponentAspect","addRuntime"],"sources":["compositions.main.runtime.ts"],"sourcesContent":["import { MainRuntime } from '@teambit/cli';\nimport { AspectData, Component, ComponentAspect, ComponentMap } from '@teambit/component';\nimport { DevFilesAspect, DevFilesMain } from '@teambit/dev-files';\nimport { GraphqlAspect, GraphqlMain } from '@teambit/graphql';\nimport { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\nimport { flatten } from '@teambit/legacy/dist/utils';\nimport { PreviewAspect, PreviewMain } from '@teambit/preview';\nimport { SchemaAspect, SchemaMain } from '@teambit/schema';\nimport { matchPatterns, splitPatterns } from '@teambit/toolbox.path.match-patterns';\nimport { Workspace, WorkspaceAspect } from '@teambit/workspace';\nimport { join } from 'path';\nimport { Composition } from './composition';\nimport { CompositionsAspect } from './compositions.aspect';\nimport { compositionsSchema } from './compositions.graphql';\nimport { CompositionPreviewDefinition } from './compositions.preview-definition';\n\nexport type CompositionsConfig = {\n /**\n * glob pattern to detect composition files. This includes all related files, like styles and jsons.\n * @example ['/*.composition?(s).*']\n */\n compositionFilePattern: string[];\n /**\n * glob pattern to select Preview files. this will only include files matched by compositionFilePattern.\n * @example ['*.{t,j}s', '*.{t,j}sx']\n */\n compositionPreviewFilePattern: string[];\n};\n\n/**\n * the component documentation extension.\n */\nexport class CompositionsMain {\n constructor(\n /**\n * Glob pattern to select all composition files\n */\n private compositionFilePattern: string[],\n\n /**\n * Glob pattern to select composition preview files\n */\n private previewFilePattern: string[],\n\n /**\n * envs extension.\n */\n private preview: PreviewMain,\n\n /**\n * workspace extension.\n */\n private workspace: Workspace,\n\n /**\n * schema extension.\n */\n private schema: SchemaMain,\n\n private devFiles: DevFilesMain\n ) {}\n\n /**\n * returns an array of doc file paths for a set of components.\n */\n getPreviewFiles(components: Component[]): ComponentMap<AbstractVinyl[]> {\n return ComponentMap.as<AbstractVinyl[]>(components, (component) => {\n // this includes non executables, like `button.compositions.module.scss` or `presets.compositions.json`\n const compositionFiles = component.state.filesystem.byGlob(this.compositionFilePattern);\n\n // select only relevant preview files (.tsx, etc)\n const previewFiles = new Set(\n component.state.filesystem.byGlob(this.previewFilePattern).map((file) => file.relative)\n );\n const files = compositionFiles.filter((file) => previewFiles.has(file.relative));\n\n return files;\n });\n }\n\n /**\n * checks if a file matches the composition file pattern.\n */\n isCompositionFile(filePath: string): boolean {\n const { includePatterns, excludePatterns } = splitPatterns(this.compositionFilePattern);\n return matchPatterns(filePath, includePatterns, excludePatterns);\n }\n\n /**\n * get component compositions.\n */\n getCompositions(component: Component): Composition[] {\n const entry = component.state.aspects.get(CompositionsAspect.id);\n if (!entry) return [];\n const compositions = entry.data.compositions;\n if (!compositions) return [];\n\n return Composition.fromArray(compositions);\n }\n\n /**\n * read composition from the component source code.\n */\n readCompositions(component: Component): Composition[] {\n const maybeFiles = this.getPreviewFiles([component]).byComponent(component);\n\n if (!maybeFiles) return [];\n const [, files] = maybeFiles;\n return flatten(\n files.map((file) => {\n return this.computeCompositions(component, file);\n })\n );\n }\n\n async onComponentLoad(component: Component): Promise<AspectData> {\n const compositions = this.readCompositions(component);\n return {\n compositions: compositions.map((composition) => composition.toObject()),\n };\n }\n\n private computeCompositions(component: Component, file: AbstractVinyl): Composition[] {\n // :TODO hacked for a specific file extension now until david will take care in the compiler.\n const pathArray = file.path.split('.');\n pathArray[pathArray.length - 1] = 'js';\n\n const exports = this.schema.parseModule(join(this.workspace.componentDir(component.id), file.relative));\n return exports.map((exportModel) => {\n const displayName = exportModel.staticProperties?.get('compositionName');\n\n return new Composition(\n exportModel.identifier,\n file.relative,\n typeof displayName === 'string' ? displayName : undefined\n );\n });\n }\n\n static defaultConfig: CompositionsConfig = {\n compositionFilePattern: ['**/*.composition?(s).*'],\n compositionPreviewFilePattern: ['**/*.{t,j}s?(x)'],\n };\n\n static runtime = MainRuntime;\n static dependencies = [PreviewAspect, GraphqlAspect, WorkspaceAspect, SchemaAspect, DevFilesAspect, ComponentAspect];\n\n static async provider(\n [preview, graphql, workspace, schema, devFiles]: [PreviewMain, GraphqlMain, Workspace, SchemaMain, DevFilesMain],\n config: CompositionsConfig\n ) {\n const compositions = new CompositionsMain(\n config.compositionFilePattern,\n config.compositionPreviewFilePattern,\n preview,\n workspace,\n schema,\n devFiles\n );\n\n // TODO: use the docs implementation to allow component specific pattern\n devFiles.registerDevPattern(config.compositionFilePattern);\n\n graphql.register(compositionsSchema(compositions));\n preview.registerDefinition(new CompositionPreviewDefinition(compositions));\n\n if (workspace) {\n workspace.onComponentLoad(compositions.onComponentLoad.bind(compositions));\n }\n\n return compositions;\n }\n}\n\nCompositionsAspect.addRuntime(CompositionsMain);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["CompositionPreviewDefinition","constructor","compositions","renderTemplatePath","context","renderTemplatePathByEnv","env","getMounter","getModuleMap","components","map","getPreviewFiles","filter","value","length"],"sources":["compositions.preview-definition.ts"],"sourcesContent":["import { Component, ComponentMap } from '@teambit/component';\nimport type { ExecutionContext, Environment } from '@teambit/envs';\nimport { PreviewDefinition } from '@teambit/preview';\nimport { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\n\nimport { CompositionsMain } from './compositions.main.runtime';\n\nexport class CompositionPreviewDefinition implements PreviewDefinition {\n readonly prefix = 'compositions';\n readonly includePeers = true;\n\n constructor(private compositions: CompositionsMain) {}\n\n async renderTemplatePath(context: ExecutionContext): Promise<string> {\n return this.renderTemplatePathByEnv(context.env);\n }\n\n async renderTemplatePathByEnv(env: Environment) {\n return env.getMounter();\n }\n\n async getModuleMap(components: Component[]): Promise<ComponentMap<AbstractVinyl[]>> {\n const map = this.compositions.getPreviewFiles(components);\n return map.filter((value) => value.length !== 0);\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,4BAAN,CAAgE;EAIrEC,WAAW,CAASC,YAAT,EAAyC;IAAA,KAAhCA,YAAgC,GAAhCA,YAAgC;IAAA,gDAHlC,cAGkC;IAAA,sDAF5B,IAE4B;EAAE;;EAE9B,MAAlBC,kBAAkB,CAACC,OAAD,EAA6C;IACnE,OAAO,KAAKC,uBAAL,CAA6BD,OAAO,CAACE,GAArC,CAAP;EACD;;EAE4B,MAAvBD,uBAAuB,CAACC,GAAD,EAAmB;IAC9C,OAAOA,GAAG,CAACC,UAAJ,EAAP;EACD;;EAEiB,MAAZC,YAAY,CAACC,UAAD,EAAkE;IAClF,MAAMC,GAAG,GAAG,KAAKR,YAAL,CAAkBS,eAAlB,CAAkCF,UAAlC,CAAZ;IACA,OAAOC,GAAG,CAACE,MAAJ,CAAYC,KAAD,IAAWA,KAAK,CAACC,MAAN,KAAiB,CAAvC,CAAP;EACD;;AAjBoE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["CompositionsPreview","constructor","preview","render","componentId","modules","otherPreviewDefs","context","componentMap","fullName","compositions","selectPreviewModel","active","getActiveComposition","mainModule","default","previewModule","files","combined","Object","assign","module","chosen","window","location","hash","split","first","head","values","provider","compPreview","registerPreview","name","bind","PreviewRuntime","PreviewAspect","CompositionsAspect","addRuntime"],"sources":["compositions.preview.runtime.ts"],"sourcesContent":["import { ComponentID } from '@teambit/component-id';\nimport {\n PreviewAspect,\n PreviewPreview,\n RenderingContext,\n PreviewRuntime,\n PreviewModule,\n ModuleFile,\n} from '@teambit/preview';\nimport head from 'lodash.head';\n\nimport { CompositionsAspect } from './compositions.aspect';\n\nexport class CompositionsPreview {\n constructor(\n /**\n * preview extension.\n */\n private preview: PreviewPreview\n ) {}\n\n render(componentId: ComponentID, modules: PreviewModule, otherPreviewDefs, context: RenderingContext) {\n if (!modules.componentMap[componentId.fullName]) return;\n\n const compositions = this.selectPreviewModel(componentId.fullName, modules);\n const active = this.getActiveComposition(compositions);\n\n modules.mainModule.default(active, context);\n }\n\n /** gets relevant information for this preview to render */\n selectPreviewModel(componentId: string, previewModule: PreviewModule) {\n const files = previewModule.componentMap[componentId] || [];\n\n // allow compositions to come from many files. It is assumed they will have unique named\n const combined = Object.assign({}, ...files);\n return combined;\n }\n\n private getActiveComposition(module: ModuleFile) {\n const chosen = window.location.hash.split('&')[1];\n\n if (!chosen) {\n const first = head(Object.values(module));\n return first;\n }\n\n return module[chosen];\n }\n\n static runtime = PreviewRuntime;\n\n static dependencies = [PreviewAspect];\n\n static async provider([preview]: [PreviewPreview]) {\n const compPreview = new CompositionsPreview(preview);\n preview.registerPreview({\n name: 'compositions',\n render: compPreview.render.bind(compPreview),\n selectPreviewModel: compPreview.selectPreviewModel.bind(compPreview),\n default: true,\n });\n\n return compPreview;\n }\n}\n\nCompositionsAspect.addRuntime(CompositionsPreview);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAQA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,mBAAN,CAA0B;EAC/BC,WAAW;EACT;AACJ;AACA;EACYC,OAJC,EAKT;IAAA,KADQA,OACR,GADQA,OACR;EAAE;;EAEJC,MAAM,CAACC,WAAD,EAA2BC,OAA3B,EAAmDC,gBAAnD,EAAqEC,OAArE,EAAgG;IACpG,IAAI,CAACF,OAAO,CAACG,YAAR,CAAqBJ,WAAW,CAACK,QAAjC,CAAL,EAAiD;IAEjD,MAAMC,YAAY,GAAG,KAAKC,kBAAL,CAAwBP,WAAW,CAACK,QAApC,EAA8CJ,OAA9C,CAArB;IACA,MAAMO,MAAM,GAAG,KAAKC,oBAAL,CAA0BH,YAA1B,CAAf;IAEAL,OAAO,CAACS,UAAR,CAAmBC,OAAnB,CAA2BH,MAA3B,EAAmCL,OAAnC;EACD;EAED;;;EACAI,kBAAkB,CAACP,WAAD,EAAsBY,aAAtB,EAAoD;IACpE,MAAMC,KAAK,GAAGD,aAAa,CAACR,YAAd,CAA2BJ,WAA3B,KAA2C,EAAzD,CADoE,CAGpE;;IACA,MAAMc,QAAQ,GAAGC,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,GAAGH,KAArB,CAAjB;IACA,OAAOC,QAAP;EACD;;EAEOL,oBAAoB,CAACQ,MAAD,EAAqB;IAC/C,MAAMC,MAAM,GAAGC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,CAAqBC,KAArB,CAA2B,GAA3B,EAAgC,CAAhC,CAAf;;IAEA,IAAI,CAACJ,MAAL,EAAa;MACX,MAAMK,KAAK,GAAG,IAAAC,iBAAA,EAAKT,MAAM,CAACU,MAAP,CAAcR,MAAd,CAAL,CAAd;MACA,OAAOM,KAAP;IACD;;IAED,OAAON,MAAM,CAACC,MAAD,CAAb;EACD;;EAMoB,aAARQ,QAAQ,CAAC,CAAC5B,OAAD,CAAD,EAA8B;IACjD,MAAM6B,WAAW,GAAG,IAAI/B,mBAAJ,CAAwBE,OAAxB,CAApB;IACAA,OAAO,CAAC8B,eAAR,CAAwB;MACtBC,IAAI,EAAE,cADgB;MAEtB9B,MAAM,EAAE4B,WAAW,CAAC5B,MAAZ,CAAmB+B,IAAnB,CAAwBH,WAAxB,CAFc;MAGtBpB,kBAAkB,EAAEoB,WAAW,CAACpB,kBAAZ,CAA+BuB,IAA/B,CAAoCH,WAApC,CAHE;MAItBhB,OAAO,EAAE;IAJa,CAAxB;IAOA,OAAOgB,WAAP;EACD;;AAnD8B;;;gCAApB/B,mB,aAqCMmC,yB;gCArCNnC,mB,kBAuCW,CAACoC,wBAAD,C;;AAexBC,kCAAA,CAAmBC,UAAnB,CAA8BtC,mBAA9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["CompositionsUI","constructor","menuBarWidgetSlot","emptyStateSlot","registerEmptyState","emptyStateComponent","register","registerMenuWidget","widget","provider","component","config","compositionMenuSlot","compositions","section","CompositionsSection","registerRoute","route","registerNavigation","navigationLink","order","ComponentAspect","UIRuntime","Slot","withType","CompositionsAspect","addRuntime"],"sources":["compositions.ui.runtime.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ComponentType } from 'react';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentAspect, ComponentUI } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport { CompositionsSection } from './composition.section';\nimport { CompositionsAspect } from './compositions.aspect';\nimport { MenuBarWidget } from './compositions';\n\nexport type CompositionsMenuSlot = SlotRegistry<MenuBarWidget[]>;\nexport type EmptyStateSlot = SlotRegistry<ComponentType>;\n\nexport class CompositionsUI {\n constructor(private menuBarWidgetSlot: CompositionsMenuSlot, private emptyStateSlot: EmptyStateSlot) {}\n\n /**\n * register a new tester empty state. this allows to register a different empty state from each environment for example.\n */\n registerEmptyState(emptyStateComponent: ComponentType) {\n this.emptyStateSlot.register(emptyStateComponent);\n return this;\n }\n\n registerMenuWidget(...widget: MenuBarWidget[]) {\n this.menuBarWidgetSlot.register(widget);\n }\n\n static dependencies = [ComponentAspect];\n static runtime = UIRuntime;\n static slots = [Slot.withType<ReactNode>(), Slot.withType<ComponentType>()];\n\n static async provider(\n [component]: [ComponentUI],\n config: {},\n [compositionMenuSlot, emptyStateSlot]: [CompositionsMenuSlot, EmptyStateSlot]\n ) {\n const compositions = new CompositionsUI(compositionMenuSlot, emptyStateSlot);\n const section = new CompositionsSection(\n compositions,\n { menuBarWidgetSlot: compositions.menuBarWidgetSlot },\n emptyStateSlot\n );\n\n component.registerRoute(section.route);\n component.registerNavigation(section.navigationLink, section.order);\n\n return compositions;\n }\n}\n\nexport default CompositionsUI;\n\nCompositionsAspect.addRuntime(CompositionsUI);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;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;;AAMO,MAAMA,cAAN,CAAqB;EAC1BC,WAAW,CAASC,iBAAT,EAA0DC,cAA1D,EAA0F;IAAA,KAAjFD,iBAAiF,GAAjFA,iBAAiF;IAAA,KAAhCC,cAAgC,GAAhCA,cAAgC;EAAE;EAEvG;AACF;AACA;;;EACEC,kBAAkB,CAACC,mBAAD,EAAqC;IACrD,KAAKF,cAAL,CAAoBG,QAApB,CAA6BD,mBAA7B;IACA,OAAO,IAAP;EACD;;EAEDE,kBAAkB,CAAC,GAAGC,MAAJ,EAA6B;IAC7C,KAAKN,iBAAL,CAAuBI,QAAvB,CAAgCE,MAAhC;EACD;;EAMoB,aAARC,QAAQ,CACnB,CAACC,SAAD,CADmB,EAEnBC,MAFmB,EAGnB,CAACC,mBAAD,EAAsBT,cAAtB,CAHmB,EAInB;IACA,MAAMU,YAAY,GAAG,IAAIb,cAAJ,CAAmBY,mBAAnB,EAAwCT,cAAxC,CAArB;IACA,MAAMW,OAAO,GAAG,KAAIC,kCAAJ,EACdF,YADc,EAEd;MAAEX,iBAAiB,EAAEW,YAAY,CAACX;IAAlC,CAFc,EAGdC,cAHc,CAAhB;IAMAO,SAAS,CAACM,aAAV,CAAwBF,OAAO,CAACG,KAAhC;IACAP,SAAS,CAACQ,kBAAV,CAA6BJ,OAAO,CAACK,cAArC,EAAqDL,OAAO,CAACM,KAA7D;IAEA,OAAOP,YAAP;EACD;;AAnCyB;;;gCAAfb,c,kBAeW,CAACqB,4BAAD,C;gCAfXrB,c,aAgBMsB,e;gCAhBNtB,c,WAiBI,CAACuB,eAAA,CAAKC,QAAL,EAAD,EAA6BD,eAAA,CAAKC,QAAL,EAA7B,C;eAqBFxB,c;;;AAEfyB,kCAAA,CAAmBC,UAAnB,CAA8B1B,cAA9B"}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["CompositionsAspect"],"sources":["index.ts"],"sourcesContent":["import { CompositionsAspect } from './compositions.aspect';\n\nexport { CompositionsAspect };\nexport type { CompositionsMain } from './compositions.main.runtime';\nexport type { CompositionsUI, CompositionsMenuSlot } from './compositions.ui.runtime';\nexport { Composition, CompositionProps } from './composition';\nexport type { CompositionsPreview } from './compositions.preview.runtime';\nexport { CompositionsOverview } from './ui/compositions-overview';\nexport { ComponentComposition } from './ui';\nexport default CompositionsAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAKA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;eACeA,kC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["ComponentComposition","composition","queryParams","rest","compositionParams","useMemo","identifier","concat","width","height"],"sources":["composition-preview.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ComponentPreview, ComponentPreviewProps } from '@teambit/preview.ui.component-preview';\n\nimport { Composition } from '../composition';\n\ninterface ComponentCompositionProps extends ComponentPreviewProps {\n /**\n * composition to use for component rendering.\n */\n composition?: Composition;\n}\n\nexport function ComponentComposition({ composition, queryParams = [], ...rest }: ComponentCompositionProps) {\n const compositionParams = useMemo(\n () => (composition ? [composition.identifier] : []).concat(queryParams),\n [composition?.identifier, queryParams]\n );\n\n return (\n <ComponentPreview\n {...rest}\n style={{ width: '100%', height: '100%' }}\n previewName=\"compositions\"\n queryParams={compositionParams}\n />\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;AAWO,SAASA,oBAAT,OAAqG;EAAA,IAAvE;IAAEC,WAAF;IAAeC,WAAW,GAAG;EAA7B,CAAuE;EAAA,IAAnCC,IAAmC;EAC1G,MAAMC,iBAAiB,GAAG,IAAAC,gBAAA,EACxB,MAAM,CAACJ,WAAW,GAAG,CAACA,WAAW,CAACK,UAAb,CAAH,GAA8B,EAA1C,EAA8CC,MAA9C,CAAqDL,WAArD,CADkB,EAExB,CAACD,WAAD,aAACA,WAAD,uBAACA,WAAW,CAAEK,UAAd,EAA0BJ,WAA1B,CAFwB,CAA1B;EAKA,oBACE,+BAAC,6BAAD,+BACMC,IADN;IAEE,KAAK,EAAE;MAAEK,KAAK,EAAE,MAAT;MAAiBC,MAAM,EAAE;IAAzB,CAFT;IAGE,WAAW,EAAC,cAHd;IAIE,WAAW,EAAEL;EAJf,GADF;AAQD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["CompositionsOverview","compositions","compositionCardClass","styles","background","Object","entries","map","key","composition"],"sources":["compositions-overview.tsx"],"sourcesContent":["import React from 'react';\nimport { CompositionCard } from '@teambit/compositions.ui.composition-card';\nimport { CompositionsModule } from '@teambit/compositions.model.composition-type';\n\nimport styles from './compositions-overview.module.scss';\n\nexport type CompositionsOverviewProps = {\n compositions?: CompositionsModule;\n compositionCardClass?: string;\n};\n\nexport function CompositionsOverview({ compositions, compositionCardClass }: CompositionsOverviewProps) {\n return (\n <div className={styles.background}>\n {compositions &&\n Object.entries(compositions).map(([key, composition]) => (\n <CompositionCard key={key} Composition={composition} name={key} className={compositionCardClass} />\n ))}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAOO,SAASA,oBAAT,CAA8B;EAAEC,YAAF;EAAgBC;AAAhB,CAA9B,EAAiG;EACtG,oBACE;IAAK,SAAS,EAAEC,qCAAA,CAAOC;EAAvB,GACGH,YAAY,IACXI,MAAM,CAACC,OAAP,CAAeL,YAAf,EAA6BM,GAA7B,CAAiC,CAAC,CAACC,GAAD,EAAMC,WAAN,CAAD,kBAC/B,+BAAC,iCAAD;IAAiB,GAAG,EAAED,GAAtB;IAA2B,WAAW,EAAEC,WAAxC;IAAqD,IAAI,EAAED,GAA3D;IAAgE,SAAS,EAAEN;EAA3E,EADF,CAFJ,CADF;AAQD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './compositions-overview';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["CompositionsPanel","url","compositions","onSelectComposition","onSelect","active","className","rest","handleSelect","useCallback","selected","classNames","map","composition","identifier","styles","linkWrapper","panelLink","box","name","displayName","right","icon"],"sources":["compositions-panel.tsx"],"sourcesContent":["import { Icon } from '@teambit/evangelist.elements.icon';\nimport classNames from 'classnames';\nimport React, { useCallback } from 'react';\n\nimport { Composition } from '../../composition';\nimport styles from './compositions-panel.module.scss';\n\nexport type CompositionsPanelProps = {\n compositions: Composition[];\n onSelectComposition: (composition: Composition) => void;\n active?: Composition;\n url: string;\n} & React.HTMLAttributes<HTMLUListElement>;\n\nexport function CompositionsPanel({\n url,\n compositions,\n onSelectComposition: onSelect,\n active,\n className,\n ...rest\n}: CompositionsPanelProps) {\n const handleSelect = useCallback(\n (selected: Composition) => {\n onSelect && onSelect(selected);\n },\n [onSelect]\n );\n\n return (\n <ul {...rest} className={classNames(className)}>\n {compositions.map((composition) => {\n // TODO - move to composition panel node\n return (\n <li\n key={composition.identifier}\n className={classNames(styles.linkWrapper, composition === active && styles.active)}\n >\n <a className={styles.panelLink} onClick={() => handleSelect(composition)}>\n <span className={styles.box}></span>\n <span className={styles.name}>{composition.displayName}</span>\n </a>\n <div className={styles.right}>\n <a\n className={styles.panelLink}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n href={`${url}&${composition.identifier}`}\n >\n <Icon className={styles.icon} of=\"open-tab\" />\n </a>\n </div>\n </li>\n );\n })}\n </ul>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;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;;;;;;AASO,SAASA,iBAAT,OAOoB;EAAA,IAPO;IAChCC,GADgC;IAEhCC,YAFgC;IAGhCC,mBAAmB,EAAEC,QAHW;IAIhCC,MAJgC;IAKhCC;EALgC,CAOP;EAAA,IADtBC,IACsB;EACzB,MAAMC,YAAY,GAAG,IAAAC,oBAAA,EAClBC,QAAD,IAA2B;IACzBN,QAAQ,IAAIA,QAAQ,CAACM,QAAD,CAApB;EACD,CAHkB,EAInB,CAACN,QAAD,CAJmB,CAArB;EAOA,oBACE,kEAAQG,IAAR;IAAc,SAAS,EAAE,IAAAI,qBAAA,EAAWL,SAAX;EAAzB,IACGJ,YAAY,CAACU,GAAb,CAAkBC,WAAD,IAAiB;IACjC;IACA,oBACE;MACE,GAAG,EAAEA,WAAW,CAACC,UADnB;MAEE,SAAS,EAAE,IAAAH,qBAAA,EAAWI,kCAAA,CAAOC,WAAlB,EAA+BH,WAAW,KAAKR,MAAhB,IAA0BU,kCAAA,CAAOV,MAAhE;IAFb,gBAIE;MAAG,SAAS,EAAEU,kCAAA,CAAOE,SAArB;MAAgC,OAAO,EAAE,MAAMT,YAAY,CAACK,WAAD;IAA3D,gBACE;MAAM,SAAS,EAAEE,kCAAA,CAAOG;IAAxB,EADF,eAEE;MAAM,SAAS,EAAEH,kCAAA,CAAOI;IAAxB,GAA+BN,WAAW,CAACO,WAA3C,CAFF,CAJF,eAQE;MAAK,SAAS,EAAEL,kCAAA,CAAOM;IAAvB,gBACE;MACE,SAAS,EAAEN,kCAAA,CAAOE,SADpB;MAEE,MAAM,EAAC,QAFT;MAGE,GAAG,EAAC,qBAHN;MAIE,IAAI,EAAG,GAAEhB,GAAI,IAAGY,WAAW,CAACC,UAAW;IAJzC,gBAME,+BAAC,0BAAD;MAAM,SAAS,EAAEC,kCAAA,CAAOO,IAAxB;MAA8B,EAAE,EAAC;IAAjC,EANF,CADF,CARF,CADF;EAqBD,CAvBA,CADH,CADF;AA4BD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":[""],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["CompositionsPanelNode","name","onClick","isActive","rest","classNames","styles","linkWrapper","active","panelLink"],"sources":["compositions-panel-node.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nimport styles from './compositions-panel-node.module.scss';\n\nexport type CompositionsPanelNodeProps = {\n name: string;\n onClick: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n isActive: boolean;\n} & React.HTMLAttributes<HTMLLIElement>;\n\nexport function CompositionsPanelNode({ name, onClick, isActive, ...rest }: CompositionsPanelNodeProps) {\n return (\n <li {...rest}>\n <div className={classNames(styles.linkWrapper, { [styles.active]: isActive })}>\n <a className={styles.panelLink} onClick={onClick}>\n {name}\n </a>\n </div>\n </li>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAQO,SAASA,qBAAT,OAAiG;EAAA,IAAlE;IAAEC,IAAF;IAAQC,OAAR;IAAiBC;EAAjB,CAAkE;EAAA,IAApCC,IAAoC;EACtG,oBACE,qCAAQA,IAAR,eACE;IAAK,SAAS,EAAE,IAAAC,qBAAA,EAAWC,sCAAA,CAAOC,WAAlB,EAA+B;MAAE,CAACD,sCAAA,CAAOE,MAAR,GAAiBL;IAAnB,CAA/B;EAAhB,gBACE;IAAG,SAAS,EAAEG,sCAAA,CAAOG,SAArB;IAAgC,OAAO,EAAEP;EAAzC,GACGD,IADH,CADF,CADF,CADF;AASD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './compositions-panel-node';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
package/dist/ui/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { ComponentComposition } from './composition-preview';\n"],"mappings":";;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["use-compositions.tsx"],"
|
|
1
|
+
{"version":3,"names":[],"sources":["use-compositions.tsx"],"sourcesContent":["// import gql from 'graphql-tag';\n// import { ComponentModel } from '../../component';\n// import { Composition } from '../composition';\n// import { useDataQuery } from '../../ui';\n\n// const GET_COMPOSITIONS = gql`\n// compositions: {\n\n// }\n// `;\n\n// export function useCompositions(component: ComponentModel): Composition[] | [] {\n// useDataQuery();\n// }\n"],"mappings":"AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA"}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/compositions",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.740",
|
|
4
4
|
"homepage": "https://bit.dev/teambit/compositions/compositions",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.compositions",
|
|
8
8
|
"name": "compositions",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.740"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"graphql-tag": "2.12.1",
|
|
@@ -24,17 +24,17 @@
|
|
|
24
24
|
"@teambit/documenter.ui.heading": "4.1.1",
|
|
25
25
|
"@teambit/documenter.ui.property-table": "4.1.3",
|
|
26
26
|
"@teambit/evangelist.elements.icon": "1.0.2",
|
|
27
|
-
"@teambit/component": "0.0.
|
|
27
|
+
"@teambit/component": "0.0.740",
|
|
28
28
|
"@teambit/compositions.model.composition-id": "0.0.487",
|
|
29
|
-
"@teambit/graphql": "0.0.
|
|
30
|
-
"@teambit/cli": "0.0.
|
|
31
|
-
"@teambit/dev-files": "0.0.
|
|
32
|
-
"@teambit/preview": "0.0.
|
|
33
|
-
"@teambit/schema": "0.0.
|
|
29
|
+
"@teambit/graphql": "0.0.740",
|
|
30
|
+
"@teambit/cli": "0.0.492",
|
|
31
|
+
"@teambit/dev-files": "0.0.740",
|
|
32
|
+
"@teambit/preview": "0.0.740",
|
|
33
|
+
"@teambit/schema": "0.0.740",
|
|
34
34
|
"@teambit/toolbox.path.match-patterns": "0.0.1",
|
|
35
|
-
"@teambit/workspace": "0.0.
|
|
35
|
+
"@teambit/workspace": "0.0.740",
|
|
36
36
|
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.487",
|
|
37
|
-
"@teambit/envs": "0.0.
|
|
37
|
+
"@teambit/envs": "0.0.740",
|
|
38
38
|
"@teambit/component-id": "0.0.402",
|
|
39
39
|
"@teambit/compositions.ui.compositions-menu-bar": "0.0.163",
|
|
40
40
|
"@teambit/compositions.ui.hooks.use-composition": "0.0.163",
|
|
@@ -44,11 +44,11 @@
|
|
|
44
44
|
"@teambit/design.ui.surfaces.status-message-card": "0.0.7",
|
|
45
45
|
"@teambit/docs.ui.queries.get-docs": "0.0.487",
|
|
46
46
|
"@teambit/mdx.ui.mdx-layout": "0.0.499",
|
|
47
|
-
"@teambit/panels": "0.0.
|
|
47
|
+
"@teambit/panels": "0.0.493",
|
|
48
48
|
"@teambit/preview.ui.component-preview": "0.0.493",
|
|
49
49
|
"@teambit/ui-foundation.ui.buttons.collapser": "0.0.194",
|
|
50
50
|
"@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.179",
|
|
51
|
-
"@teambit/ui": "0.0.
|
|
51
|
+
"@teambit/ui": "0.0.740",
|
|
52
52
|
"@teambit/compositions.model.composition-type": "0.0.488",
|
|
53
53
|
"@teambit/compositions.ui.composition-card": "0.0.495"
|
|
54
54
|
},
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"@teambit/compositions.aspect-docs.compositions": "0.0.137"
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
67
|
-
"@teambit/legacy": "1.0.
|
|
67
|
+
"@teambit/legacy": "1.0.272",
|
|
68
68
|
"react-dom": "^16.8.0 || ^17.0.0",
|
|
69
69
|
"react": "^16.8.0 || ^17.0.0"
|
|
70
70
|
},
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"react": "-"
|
|
93
93
|
},
|
|
94
94
|
"peerDependencies": {
|
|
95
|
-
"@teambit/legacy": "1.0.
|
|
95
|
+
"@teambit/legacy": "1.0.272",
|
|
96
96
|
"react-dom": "^16.8.0 || ^17.0.0",
|
|
97
97
|
"react": "^16.8.0 || ^17.0.0"
|
|
98
98
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.compositions_compositions@0.0.
|
|
2
|
-
export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.compositions_compositions@0.0.
|
|
1
|
+
export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.compositions_compositions@0.0.740/dist/compositions.composition.js')]
|
|
2
|
+
export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.compositions_compositions@0.0.740/dist/compositions.docs.mdx')]
|
|
Binary file
|