@teambit/compositions 0.0.677 → 0.0.680

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.
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+
3
+ export const Logo = () => (
4
+ <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>
5
+ <img style={{ width: 70 }} src="https://static.bit.dev/extensions-icons/compositions.svg" />
6
+ </div>
7
+ );
@@ -1,5 +1,5 @@
1
1
  ---
2
- description: Renders component instances as part of different compositions.
2
+ description: Simulate components in different variations for testing, visualization and discoverability purposes.
3
3
  labels: ['ui', 'tests']
4
4
  ---
5
5
 
package/compositions.tsx CHANGED
@@ -164,12 +164,13 @@ function CompositionContent({ component, selected, queryParams, emptyState }: Co
164
164
  ></StatusMessageCard>
165
165
  );
166
166
 
167
+ // TODO: get the docs domain from the community aspect and pass it here as a prop
167
168
  if (component.compositions.length === 0) {
168
169
  return (
169
170
  <EmptyBox
170
171
  title="There are no compositions for this component."
171
172
  linkText="Learn how to create compositions"
172
- link="https://harmony-docs.bit.dev/compositions/overview/"
173
+ link={`https://bit.dev/docs/dev-services-overview/compositions/compositions-overview`}
173
174
  />
174
175
  );
175
176
  }
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const Logo: () => JSX.Element;
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.Logo = void 0;
9
+
10
+ function _react() {
11
+ const data = _interopRequireDefault(require("react"));
12
+
13
+ _react = function () {
14
+ return data;
15
+ };
16
+
17
+ return data;
18
+ }
19
+
20
+ const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
21
+ style: {
22
+ height: '100%',
23
+ display: 'flex',
24
+ justifyContent: 'center'
25
+ }
26
+ }, /*#__PURE__*/_react().default.createElement("img", {
27
+ style: {
28
+ width: 70
29
+ },
30
+ src: "https://static.bit.dev/extensions-icons/compositions.svg"
31
+ }));
32
+
33
+ exports.Logo = Logo;
34
+
35
+ //# sourceMappingURL=compositions.composition.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["compositions.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/compositions.svg\" />\n </div>\n);\n"]}
@@ -1,5 +1,5 @@
1
1
  ---
2
- description: Renders component instances as part of different compositions.
2
+ description: Simulate components in different variations for testing, visualization and discoverability purposes.
3
3
  labels: ['ui', 'tests']
4
4
  ---
5
5
 
@@ -390,13 +390,13 @@ function CompositionContent({
390
390
  className: _compositionsModule().default.buildStatusMessage,
391
391
  status: "FAILURE",
392
392
  title: "failed to get component preview "
393
- });
393
+ }); // TODO: get the docs domain from the community aspect and pass it here as a prop
394
394
 
395
395
  if (component.compositions.length === 0) {
396
396
  return /*#__PURE__*/_react().default.createElement(_designUi().EmptyBox, {
397
397
  title: "There are no compositions for this component.",
398
398
  linkText: "Learn how to create compositions",
399
- link: "https://harmony-docs.bit.dev/compositions/overview/"
399
+ link: `https://bit.dev/docs/dev-services-overview/compositions/compositions-overview`
400
400
  });
401
401
  }
402
402
 
@@ -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 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://harmony-docs.bit.dev/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,"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"]}
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/compositions",
3
- "version": "0.0.677",
3
+ "version": "0.0.680",
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.677"
9
+ "version": "0.0.680"
10
10
  },
11
11
  "dependencies": {
12
12
  "@teambit/harmony": "0.2.11",
@@ -23,17 +23,17 @@
23
23
  "@teambit/documenter.ui.heading": "4.1.1",
24
24
  "@teambit/documenter.ui.property-table": "4.1.3",
25
25
  "@teambit/evangelist.elements.icon": "1.0.2",
26
- "@teambit/component": "0.0.677",
26
+ "@teambit/component": "0.0.680",
27
27
  "@teambit/compositions.model.composition-id": "0.0.486",
28
- "@teambit/graphql": "0.0.677",
29
- "@teambit/cli": "0.0.453",
30
- "@teambit/dev-files": "0.0.677",
31
- "@teambit/preview": "0.0.677",
32
- "@teambit/schema": "0.0.677",
33
- "@teambit/workspace": "0.0.677",
28
+ "@teambit/graphql": "0.0.680",
29
+ "@teambit/cli": "0.0.455",
30
+ "@teambit/dev-files": "0.0.680",
31
+ "@teambit/preview": "0.0.680",
32
+ "@teambit/schema": "0.0.680",
33
+ "@teambit/workspace": "0.0.680",
34
34
  "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.487",
35
- "@teambit/envs": "0.0.677",
36
- "@teambit/component-id": "0.0.401",
35
+ "@teambit/envs": "0.0.680",
36
+ "@teambit/component-id": "0.0.402",
37
37
  "@teambit/compositions.ui.compositions-menu-bar": "0.0.163",
38
38
  "@teambit/compositions.ui.hooks.use-composition": "0.0.163",
39
39
  "@teambit/design.ui.alert-card": "0.0.14",
@@ -43,11 +43,11 @@
43
43
  "@teambit/design.ui.surfaces.status-message-card": "0.0.7",
44
44
  "@teambit/docs.ui.queries.get-docs": "0.0.487",
45
45
  "@teambit/mdx.ui.mdx-layout": "0.0.496",
46
- "@teambit/panels": "0.0.454",
46
+ "@teambit/panels": "0.0.456",
47
47
  "@teambit/preview.ui.component-preview": "0.0.492",
48
48
  "@teambit/ui-foundation.ui.buttons.collapser": "0.0.193",
49
49
  "@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.179",
50
- "@teambit/ui": "0.0.677",
50
+ "@teambit/ui": "0.0.680",
51
51
  "@teambit/compositions.model.composition-type": "0.0.487",
52
52
  "@teambit/compositions.ui.composition-card": "0.0.493"
53
53
  },
@@ -63,7 +63,7 @@
63
63
  "@teambit/compositions.aspect-docs.compositions": "0.0.134"
64
64
  },
65
65
  "peerDependencies": {
66
- "@teambit/legacy": "1.0.232",
66
+ "@teambit/legacy": "1.0.234",
67
67
  "react-dom": "^16.8.0 || ^17.0.0",
68
68
  "react": "^16.8.0 || ^17.0.0"
69
69
  },
@@ -91,7 +91,7 @@
91
91
  "react": "-"
92
92
  },
93
93
  "peerDependencies": {
94
- "@teambit/legacy": "1.0.232",
94
+ "@teambit/legacy": "1.0.234",
95
95
  "react-dom": "^16.8.0 || ^17.0.0",
96
96
  "react": "^16.8.0 || ^17.0.0"
97
97
  }
@@ -0,0 +1,2 @@
1
+ export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.compositions_compositions@0.0.680/dist/compositions.composition.js')]
2
+ export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.compositions_compositions@0.0.680/dist/compositions.docs.mdx')]
@@ -1 +0,0 @@
1
- export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.compositions_compositions@0.0.677/dist/compositions.docs.mdx')]