@teambit/compositions 1.0.496 → 1.0.497

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.
Files changed (5) hide show
  1. package/artifacts/__bit_junit.xml +1 -1
  2. package/artifacts/preview/teambit_compositions_compositions-preview.js +1 -1
  3. package/artifacts/schema.json +80 -370
  4. package/dist/{preview-1734405572492.js → preview-1734491866611.js} +2 -2
  5. package/package.json +16 -16
package/artifacts/__bit_junit.xml CHANGED
@@ -1,4 +1,4 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <testsuites tests="0" failures="0" errors="0" skipped="0">
3
- <testsuite name="teambit.compositions/compositions@1.0.496" tests="0" failures="0" errors="0" skipped="0"/>
3
+ <testsuite name="teambit.compositions/compositions@1.0.497" tests="0" failures="0" errors="0" skipped="0"/>
4
4
  </testsuites>
package/artifacts/preview/teambit_compositions_compositions-preview.js CHANGED
@@ -1 +1 @@
1
- !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports["teambit.compositions/compositions-preview"]=o():e["teambit.compositions/compositions-preview"]=o()}(self,(()=>(()=>{"use strict";var e={977:(e,o,t)=>{var n={id:"teambit.compositions/aspect-docs/compositions@0.0.169",homepage:"https://bit.cloud/teambit/compositions/aspect-docs/compositions",exported:!0};Object.defineProperty(o,"__esModule",{value:!0}),o.default=f,a(t(1594));var i=t(5016),s=["components"];function a(e){return e&&e.__esModule?e:{default:e}}function r(){return r=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r.apply(null,arguments)}function p(e,o){if(null==e)return{};var t,n,i=m(e,o);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],o.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}function m(e,o){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(o.includes(n))continue;t[n]=e[n]}return t}a.__bit_component=n,r.__bit_component=n,p.__bit_component=n,m.__bit_component=n;var c=function(e){return function(o){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),(0,i.mdx)("div",o)}};c.__bit_component=n;var l=c("CompositionCard"),d=c("Button"),u={},h="wrapper";function f(e){var o=e.components,t=p(e,s);return(0,i.mdx)(h,r({},u,t,{components:o,mdxType:"MDXLayout"}),(0,i.mdx)("p",null,"The Compositions aspect renders component 'compositions' in isolation and displays them in the Workspace UI and Scope UI.\n'Compositions' are, essentially, small apps that exhibit and test a component in different contexts and variations."),(0,i.mdx)("p",null,'The Compositions aspect is an essential tool to authoring independent components as it renders component instances in "controlled environments", isolated and un-affected by code that was not purposefully included.\nThis sterile environment provides an accurate understanding of their look and behavior, for manual and automated testings.'),(0,i.mdx)("p",null,"Moreover, a component's composition is a way to demonstrate the component for other developers looking to use it, and non-developers, such as designers and product managers, looking to inspect it."),(0,i.mdx)("h4",null,"Features"),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"Create component examples with zero configuration:")," Write your compositions the same way you write your components.\nPlace your examples in the component's ",(0,i.mdx)("inlineCode",{parentName:"p"},"*.compositions.*")," file to have them rendered in the Workspace UI with no additional configurations."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"See your components render in all relevant contexts:")," - Render components in the visual context of related and dependant components to learn how changes impact other components during development."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"Hot-reloading in workspace UI:")," - See various instances of a component render live to reflect most recent changes. Get immediate feedbacks to changes in your component's code."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"Compositions as visual documentation:")," - Compositions play an essential part in a component documentation. They demonstrate potential behaviors and use cases for that component. Compositions are another step in promoting components' discoverability, both in your local workspace and in remote scopes."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"Compositions as test samples for your CI")," - Use your compositions as samples for automated integration and unit tests, to track and view the impact of changes on all affected components in your different scopes."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"Developer-Designers collaboration")," - Make visual compositions accessible to designers (and everyone else) to include them in the development and release process of web applications, in a visual way."),(0,i.mdx)("h2",null,"Quickstart & configurations"),(0,i.mdx)("p",null,"Compositions require no configuration. Any ",(0,i.mdx)("inlineCode",{parentName:"p"},"*.compositions.*")," or ",(0,i.mdx)("inlineCode",{parentName:"p"},"*.composition.*")," file will be loaded and displayed in the workspace UI.\nAny tagged version of a component will have its composition included in its build artifacts, to be used as part of the component's preview."),(0,i.mdx)("p",null,"To add your own file pattern for compositions (to be automatically loaded and displayed by the Compositions aspect):"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-json"},'// In the workspace configuration file\n{\n "teambit.compositions/compositions": {\n "compositionFilePattern": ["**.my-pattern.tsx", "**.my-pattern-2.jsx"]\n }\n}\n')),(0,i.mdx)("h2",null,"Creating compositions"),(0,i.mdx)("blockquote",null,(0,i.mdx)("p",{parentName:"blockquote"},"This document uses React code as snippets.")),(0,i.mdx)("p",null,"Writing a composition does not require any configuration. Import the component to the component's ",(0,i.mdx)("inlineCode",{parentName:"p"},"*.compositions.tsx")," file, use it to build a composition and export the new component (a.k.a, the composition) with a named export."),(0,i.mdx)("p",null,"The name of the export will be converted from PascalCase/camelCase and used for the composition name (e.g, ",(0,i.mdx)("inlineCode",{parentName:"p"},'"CompositionName" --\x3e "Composition name"'),")."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"For example"),", we'll create two compositions, 'Primary button' and 'Secondary button', each of which demonstrates a different variant or usage of that component.\nBoth compositions will be in themed (i.e, displayed in a specific context)."),(0,i.mdx)("p",null,"First, we'll create a new composition file in the component's directory:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},"touch path/to/component/directory/<component-name>.compositions.tsx\n")),(0,i.mdx)("p",null,"Then, we'll import the component and use it to create the compositions:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx{}[button.compositions.jsx]"},"import React from 'react';\nimport { IrisTheme } from '@my-organization/design-system/iris-theme';\nimport { Button } from './button';\n\nexport const PrimaryButton = () => {\n return (\n <IrisTheme>\n <Button importance=\"cta\" style={{ width: 120 }}>\n Primary\n </Button>\n </IrisTheme>\n );\n};\n\nexport const SecondaryButton = () => {\n return (\n <IrisTheme>\n <Button importance=\"ghost\" style={{ width: 120 }}>\n Secondary\n </Button>\n </IrisTheme>\n );\n};\n")),(0,i.mdx)("div",{style:{width:450,display:"flex",justifyContent:"space-between"}},(0,i.mdx)(l,{Composition:function(){return(0,i.mdx)(d,{importance:"cta",style:{width:120},mdxType:"Button"},"Primary")},name:"Primary",mdxType:"CompositionCard"}),(0,i.mdx)(l,{Composition:function(){return(0,i.mdx)(d,{importance:"ghost",style:{width:120},mdxType:"Button"},"Secondary")},name:"Secondary",mdxType:"CompositionCard"})),(0,i.mdx)("h2",null,"Loading compositions"),(0,i.mdx)("p",null,"The Environment in use will automatically detect the composition file for each component and use it to load its compositions to the workspace UI."),(0,i.mdx)("h2",null,"Viewing component compositions"),(0,i.mdx)("p",null,"To explore compositions in your Workspace UI, start the local development server for your workspace (",(0,i.mdx)("inlineCode",{parentName:"p"},"bit start"),"),\nbrowse to a specific component and select the ",(0,i.mdx)("strong",{parentName:"p"},"compositions")," tab.\nThere, you will see the full list of compositions available for that component, along with additional component meta-data."),(0,i.mdx)("h2",null,"Using compositions for automated testings"),(0,i.mdx)("p",null,"Component compositions can be used in automated testing as well as manual examinations. To do that, simply import the compositions in your test file to run the appropriate tests."),(0,i.mdx)("p",null,"For example, the below snapshot test checks the 'Button' component when the 'variant' prop is set to 'primary'.\nIn addition to simple unit tests, compositions play an important role in integration test as they provide feedback as to how a change to the component may affect potential usages."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport testRenderer from 'react-test-renderer';\nimport { PrimaryButton } from './button.compositions.tsx';\n\ndescribe('Button', () => {\n it('renders correctly as \"primary\"', () => {\n const component = testRenderer.create(<PrimaryButton>test primary variant</PrimaryButton>);\n const tree = component.toJSON();\n expect(tree).toMatchSnapshot();\n });\n});\n")),(0,i.mdx)("h2",null,"Setting providers for all your compositions"),(0,i.mdx)("p",null,"Extend the React environment to customize its list of providers with your own composition providers.\nThe extended environment will then wrap every composition with these providers to make sure your themes or mock data are accessible to all of them,\nwithout you having to repeat that task ever again."),(0,i.mdx)("h2",null,"Compositions and storybook"),(0,i.mdx)("p",null,"Storybook displays individual components in different states and variations.\nIt is designed to help in authoring and displaying standalone components, each of which is usually part of a design system.\nIn contrast, 'Compositions' is mainly about examining how an independent component looks and behaves when used with other components.\nThese component integrations serve as a way to examine compositions that are likely to be part of real applications, using manual and automated testing."),(0,i.mdx)("p",null,"If you're looking for a Storybook-like solution, you can find that either in the Storybook extension (currently in development) or by using 'Compositions' for that use-case as well."))}f.__bit_component=n,f.isMDXComponent=!0},2415:(e,o,t)=>{Object.defineProperty(o,"s",{enumerable:!0,get:function(){return n.default}});var n=i(t(977));function i(e){return e&&e.__esModule?e:{default:e}}i.__bit_component={id:"teambit.compositions/aspect-docs/compositions@0.0.169",homepage:"https://bit.cloud/teambit/compositions/aspect-docs/compositions",exported:!0}},3843:(e,o,t)=>{var n={id:"teambit.compositions/compositions@1.0.496",homepage:"https://bit.cloud/teambit/compositions/compositions",exported:!0};function i(){const e=s(t(1594));return i=function(){return e},e}function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0}),o.Logo=void 0,i.__bit_component=n,s.__bit_component=n;const a=()=>i().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},i().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/compositions.svg"}));a.__bit_component=n,o.Logo=a},5016:e=>{e.exports=MdxJsReact},1594:e=>{e.exports=React}},o={};function t(n){var i=o[n];if(void 0!==i)return i.exports;var s=o[n]={exports:{}};return e[n](s,s.exports,t),s.exports}t.d=(e,o)=>{for(var n in o)t.o(o,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:o[n]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};t.r(n),t.d(n,{compositions:()=>h,compositions_metadata:()=>y,overview:()=>f});var i={};t.r(i),t.d(i,{default:()=>u});var s=t(3843),a=(t(1594),t(5016));const r=TeambitMdxUiMdxScopeContext;var p=t(2415),m=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},c.apply(null,arguments)}var l={},d="wrapper";function u(e){var o=e.components,t=function(e,o){if(null==e)return{};var t,n,i=function(e,o){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(o.includes(n))continue;t[n]=e[n]}return t}(e,o);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],o.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(e,m);return(0,a.mdx)(d,c({},l,t,{components:o,mdxType:"MDXLayout"}),(0,a.mdx)(r.MDXScopeProvider,{components:{Compositions:p.s},mdxType:"MDXScopeProvider"},(0,a.mdx)(p.s,{mdxType:"Compositions"})))}u.isMDXComponent=!0;const h=[s],f=[i],y={compositions:[{displayName:"Logo",identifier:"Logo"}]};return n})()));
1
+ !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports["teambit.compositions/compositions-preview"]=o():e["teambit.compositions/compositions-preview"]=o()}(self,(()=>(()=>{"use strict";var e={4692:(e,o,t)=>{var n={id:"teambit.compositions/aspect-docs/compositions@0.0.169",homepage:"https://bit.cloud/teambit/compositions/aspect-docs/compositions",exported:!0};Object.defineProperty(o,"__esModule",{value:!0}),o.default=f,a(t(1594));var i=t(5016),s=["components"];function a(e){return e&&e.__esModule?e:{default:e}}function r(){return r=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r.apply(null,arguments)}function p(e,o){if(null==e)return{};var t,n,i=m(e,o);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],o.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}function m(e,o){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(o.includes(n))continue;t[n]=e[n]}return t}a.__bit_component=n,r.__bit_component=n,p.__bit_component=n,m.__bit_component=n;var c=function(e){return function(o){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),(0,i.mdx)("div",o)}};c.__bit_component=n;var l=c("CompositionCard"),d=c("Button"),u={},h="wrapper";function f(e){var o=e.components,t=p(e,s);return(0,i.mdx)(h,r({},u,t,{components:o,mdxType:"MDXLayout"}),(0,i.mdx)("p",null,"The Compositions aspect renders component 'compositions' in isolation and displays them in the Workspace UI and Scope UI.\n'Compositions' are, essentially, small apps that exhibit and test a component in different contexts and variations."),(0,i.mdx)("p",null,'The Compositions aspect is an essential tool to authoring independent components as it renders component instances in "controlled environments", isolated and un-affected by code that was not purposefully included.\nThis sterile environment provides an accurate understanding of their look and behavior, for manual and automated testings.'),(0,i.mdx)("p",null,"Moreover, a component's composition is a way to demonstrate the component for other developers looking to use it, and non-developers, such as designers and product managers, looking to inspect it."),(0,i.mdx)("h4",null,"Features"),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"Create component examples with zero configuration:")," Write your compositions the same way you write your components.\nPlace your examples in the component's ",(0,i.mdx)("inlineCode",{parentName:"p"},"*.compositions.*")," file to have them rendered in the Workspace UI with no additional configurations."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"See your components render in all relevant contexts:")," - Render components in the visual context of related and dependant components to learn how changes impact other components during development."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"Hot-reloading in workspace UI:")," - See various instances of a component render live to reflect most recent changes. Get immediate feedbacks to changes in your component's code."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"Compositions as visual documentation:")," - Compositions play an essential part in a component documentation. They demonstrate potential behaviors and use cases for that component. Compositions are another step in promoting components' discoverability, both in your local workspace and in remote scopes."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"Compositions as test samples for your CI")," - Use your compositions as samples for automated integration and unit tests, to track and view the impact of changes on all affected components in your different scopes."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"Developer-Designers collaboration")," - Make visual compositions accessible to designers (and everyone else) to include them in the development and release process of web applications, in a visual way."),(0,i.mdx)("h2",null,"Quickstart & configurations"),(0,i.mdx)("p",null,"Compositions require no configuration. Any ",(0,i.mdx)("inlineCode",{parentName:"p"},"*.compositions.*")," or ",(0,i.mdx)("inlineCode",{parentName:"p"},"*.composition.*")," file will be loaded and displayed in the workspace UI.\nAny tagged version of a component will have its composition included in its build artifacts, to be used as part of the component's preview."),(0,i.mdx)("p",null,"To add your own file pattern for compositions (to be automatically loaded and displayed by the Compositions aspect):"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-json"},'// In the workspace configuration file\n{\n "teambit.compositions/compositions": {\n "compositionFilePattern": ["**.my-pattern.tsx", "**.my-pattern-2.jsx"]\n }\n}\n')),(0,i.mdx)("h2",null,"Creating compositions"),(0,i.mdx)("blockquote",null,(0,i.mdx)("p",{parentName:"blockquote"},"This document uses React code as snippets.")),(0,i.mdx)("p",null,"Writing a composition does not require any configuration. Import the component to the component's ",(0,i.mdx)("inlineCode",{parentName:"p"},"*.compositions.tsx")," file, use it to build a composition and export the new component (a.k.a, the composition) with a named export."),(0,i.mdx)("p",null,"The name of the export will be converted from PascalCase/camelCase and used for the composition name (e.g, ",(0,i.mdx)("inlineCode",{parentName:"p"},'"CompositionName" --\x3e "Composition name"'),")."),(0,i.mdx)("p",null,(0,i.mdx)("strong",{parentName:"p"},"For example"),", we'll create two compositions, 'Primary button' and 'Secondary button', each of which demonstrates a different variant or usage of that component.\nBoth compositions will be in themed (i.e, displayed in a specific context)."),(0,i.mdx)("p",null,"First, we'll create a new composition file in the component's directory:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},"touch path/to/component/directory/<component-name>.compositions.tsx\n")),(0,i.mdx)("p",null,"Then, we'll import the component and use it to create the compositions:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx{}[button.compositions.jsx]"},"import React from 'react';\nimport { IrisTheme } from '@my-organization/design-system/iris-theme';\nimport { Button } from './button';\n\nexport const PrimaryButton = () => {\n return (\n <IrisTheme>\n <Button importance=\"cta\" style={{ width: 120 }}>\n Primary\n </Button>\n </IrisTheme>\n );\n};\n\nexport const SecondaryButton = () => {\n return (\n <IrisTheme>\n <Button importance=\"ghost\" style={{ width: 120 }}>\n Secondary\n </Button>\n </IrisTheme>\n );\n};\n")),(0,i.mdx)("div",{style:{width:450,display:"flex",justifyContent:"space-between"}},(0,i.mdx)(l,{Composition:function(){return(0,i.mdx)(d,{importance:"cta",style:{width:120},mdxType:"Button"},"Primary")},name:"Primary",mdxType:"CompositionCard"}),(0,i.mdx)(l,{Composition:function(){return(0,i.mdx)(d,{importance:"ghost",style:{width:120},mdxType:"Button"},"Secondary")},name:"Secondary",mdxType:"CompositionCard"})),(0,i.mdx)("h2",null,"Loading compositions"),(0,i.mdx)("p",null,"The Environment in use will automatically detect the composition file for each component and use it to load its compositions to the workspace UI."),(0,i.mdx)("h2",null,"Viewing component compositions"),(0,i.mdx)("p",null,"To explore compositions in your Workspace UI, start the local development server for your workspace (",(0,i.mdx)("inlineCode",{parentName:"p"},"bit start"),"),\nbrowse to a specific component and select the ",(0,i.mdx)("strong",{parentName:"p"},"compositions")," tab.\nThere, you will see the full list of compositions available for that component, along with additional component meta-data."),(0,i.mdx)("h2",null,"Using compositions for automated testings"),(0,i.mdx)("p",null,"Component compositions can be used in automated testing as well as manual examinations. To do that, simply import the compositions in your test file to run the appropriate tests."),(0,i.mdx)("p",null,"For example, the below snapshot test checks the 'Button' component when the 'variant' prop is set to 'primary'.\nIn addition to simple unit tests, compositions play an important role in integration test as they provide feedback as to how a change to the component may affect potential usages."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport testRenderer from 'react-test-renderer';\nimport { PrimaryButton } from './button.compositions.tsx';\n\ndescribe('Button', () => {\n it('renders correctly as \"primary\"', () => {\n const component = testRenderer.create(<PrimaryButton>test primary variant</PrimaryButton>);\n const tree = component.toJSON();\n expect(tree).toMatchSnapshot();\n });\n});\n")),(0,i.mdx)("h2",null,"Setting providers for all your compositions"),(0,i.mdx)("p",null,"Extend the React environment to customize its list of providers with your own composition providers.\nThe extended environment will then wrap every composition with these providers to make sure your themes or mock data are accessible to all of them,\nwithout you having to repeat that task ever again."),(0,i.mdx)("h2",null,"Compositions and storybook"),(0,i.mdx)("p",null,"Storybook displays individual components in different states and variations.\nIt is designed to help in authoring and displaying standalone components, each of which is usually part of a design system.\nIn contrast, 'Compositions' is mainly about examining how an independent component looks and behaves when used with other components.\nThese component integrations serve as a way to examine compositions that are likely to be part of real applications, using manual and automated testing."),(0,i.mdx)("p",null,"If you're looking for a Storybook-like solution, you can find that either in the Storybook extension (currently in development) or by using 'Compositions' for that use-case as well."))}f.__bit_component=n,f.isMDXComponent=!0},5516:(e,o,t)=>{Object.defineProperty(o,"s",{enumerable:!0,get:function(){return n.default}});var n=i(t(4692));function i(e){return e&&e.__esModule?e:{default:e}}i.__bit_component={id:"teambit.compositions/aspect-docs/compositions@0.0.169",homepage:"https://bit.cloud/teambit/compositions/aspect-docs/compositions",exported:!0}},2533:(e,o,t)=>{var n={id:"teambit.compositions/compositions@1.0.497",homepage:"https://bit.cloud/teambit/compositions/compositions",exported:!0};function i(){const e=s(t(1594));return i=function(){return e},e}function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(o,"__esModule",{value:!0}),o.Logo=void 0,i.__bit_component=n,s.__bit_component=n;const a=()=>i().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},i().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/compositions.svg"}));a.__bit_component=n,o.Logo=a},5016:e=>{e.exports=MdxJsReact},1594:e=>{e.exports=React}},o={};function t(n){var i=o[n];if(void 0!==i)return i.exports;var s=o[n]={exports:{}};return e[n](s,s.exports,t),s.exports}t.d=(e,o)=>{for(var n in o)t.o(o,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:o[n]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};t.r(n),t.d(n,{compositions:()=>h,compositions_metadata:()=>y,overview:()=>f});var i={};t.r(i),t.d(i,{default:()=>u});var s=t(2533),a=(t(1594),t(5016));const r=TeambitMdxUiMdxScopeContext;var p=t(5516),m=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},c.apply(null,arguments)}var l={},d="wrapper";function u(e){var o=e.components,t=function(e,o){if(null==e)return{};var t,n,i=function(e,o){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(o.includes(n))continue;t[n]=e[n]}return t}(e,o);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],o.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(e,m);return(0,a.mdx)(d,c({},l,t,{components:o,mdxType:"MDXLayout"}),(0,a.mdx)(r.MDXScopeProvider,{components:{Compositions:p.s},mdxType:"MDXScopeProvider"},(0,a.mdx)(p.s,{mdxType:"Compositions"})))}u.isMDXComponent=!0;const h=[s],f=[i],y={compositions:[{displayName:"Logo",identifier:"Logo"}]};return n})()));
package/artifacts/schema.json CHANGED
@@ -160,11 +160,7 @@
160
160
  "line": 50,
161
161
  "character": 22
162
162
  },
163
- "name": "PreviewMain",
164
- "componentId": {
165
- "scope": "teambit.preview",
166
- "name": "preview"
167
- }
163
+ "name": "PreviewMain"
168
164
  },
169
165
  "isOptional": false,
170
166
  "isSpread": false
@@ -184,11 +180,7 @@
184
180
  "line": 55,
185
181
  "character": 24
186
182
  },
187
- "name": "Workspace",
188
- "componentId": {
189
- "scope": "teambit.workspace",
190
- "name": "workspace"
191
- }
183
+ "name": "Workspace"
192
184
  },
193
185
  "isOptional": false,
194
186
  "isSpread": false
@@ -208,11 +200,7 @@
208
200
  "line": 60,
209
201
  "character": 21
210
202
  },
211
- "name": "SchemaMain",
212
- "componentId": {
213
- "scope": "teambit.semantics",
214
- "name": "schema"
215
- }
203
+ "name": "SchemaMain"
216
204
  },
217
205
  "isOptional": false,
218
206
  "isSpread": false
@@ -232,11 +220,7 @@
232
220
  "line": 62,
233
221
  "character": 23
234
222
  },
235
- "name": "DevFilesMain",
236
- "componentId": {
237
- "scope": "teambit.component",
238
- "name": "dev-files"
239
- }
223
+ "name": "DevFilesMain"
240
224
  },
241
225
  "isOptional": false,
242
226
  "isSpread": false
@@ -256,11 +240,7 @@
256
240
  "line": 64,
257
241
  "character": 19
258
242
  },
259
- "name": "EnvsMain",
260
- "componentId": {
261
- "scope": "teambit.envs",
262
- "name": "envs"
263
- }
243
+ "name": "EnvsMain"
264
244
  },
265
245
  "isOptional": false,
266
246
  "isSpread": false
@@ -320,11 +300,7 @@
320
300
  "line": 70,
321
301
  "character": 31
322
302
  },
323
- "name": "Component",
324
- "componentId": {
325
- "scope": "teambit.component",
326
- "name": "component"
327
- }
303
+ "name": "Component"
328
304
  }
329
305
  },
330
306
  "isOptional": false,
@@ -339,10 +315,6 @@
339
315
  "character": 45
340
316
  },
341
317
  "name": "ComponentMap",
342
- "componentId": {
343
- "scope": "teambit.component",
344
- "name": "component"
345
- },
346
318
  "typeArgs": [
347
319
  {
348
320
  "__schema": "TypeArraySchema",
@@ -358,12 +330,7 @@
358
330
  "line": 70,
359
331
  "character": 58
360
332
  },
361
- "name": "AbstractVinyl",
362
- "componentId": {
363
- "scope": "teambit.component",
364
- "name": "sources",
365
- "version": "0.0.60"
366
- }
333
+ "name": "AbstractVinyl"
367
334
  }
368
335
  }
369
336
  ]
@@ -459,11 +426,7 @@
459
426
  "line": 96,
460
427
  "character": 30
461
428
  },
462
- "name": "IComponent",
463
- "componentId": {
464
- "scope": "teambit.component",
465
- "name": "component"
466
- }
429
+ "name": "IComponent"
467
430
  },
468
431
  "isOptional": false,
469
432
  "isSpread": false
@@ -524,11 +487,7 @@
524
487
  "line": 108,
525
488
  "character": 31
526
489
  },
527
- "name": "Component",
528
- "componentId": {
529
- "scope": "teambit.component",
530
- "name": "component"
531
- }
490
+ "name": "Component"
532
491
  },
533
492
  "isOptional": false,
534
493
  "isSpread": false
@@ -599,11 +558,7 @@
599
558
  "line": 120,
600
559
  "character": 38
601
560
  },
602
- "name": "Component",
603
- "componentId": {
604
- "scope": "teambit.component",
605
- "name": "component"
606
- }
561
+ "name": "Component"
607
562
  },
608
563
  "isOptional": false,
609
564
  "isSpread": false
@@ -666,11 +621,7 @@
666
621
  "line": 133,
667
622
  "character": 36
668
623
  },
669
- "name": "Component",
670
- "componentId": {
671
- "scope": "teambit.component",
672
- "name": "component"
673
- }
624
+ "name": "Component"
674
625
  },
675
626
  "isOptional": false,
676
627
  "isSpread": false
@@ -690,12 +641,7 @@
690
641
  "line": 133,
691
642
  "character": 58
692
643
  },
693
- "name": "ComponentLoadOptions",
694
- "componentId": {
695
- "scope": "teambit.legacy",
696
- "name": "consumer-component",
697
- "version": "0.0.9"
698
- }
644
+ "name": "ComponentLoadOptions"
699
645
  },
700
646
  "isOptional": true,
701
647
  "isSpread": false
@@ -725,11 +671,7 @@
725
671
  "line": 133,
726
672
  "character": 89
727
673
  },
728
- "name": "AspectData",
729
- "componentId": {
730
- "scope": "teambit.component",
731
- "name": "component"
732
- }
674
+ "name": "AspectData"
733
675
  },
734
676
  {
735
677
  "__schema": "KeywordTypeSchema",
@@ -845,11 +787,7 @@
845
787
  "line": 177,
846
788
  "character": 7
847
789
  },
848
- "name": "PreviewMain",
849
- "componentId": {
850
- "scope": "teambit.preview",
851
- "name": "preview"
852
- }
790
+ "name": "PreviewMain"
853
791
  },
854
792
  {
855
793
  "__schema": "TypeRefSchema",
@@ -858,11 +796,7 @@
858
796
  "line": 178,
859
797
  "character": 7
860
798
  },
861
- "name": "GraphqlMain",
862
- "componentId": {
863
- "scope": "teambit.harmony",
864
- "name": "graphql"
865
- }
799
+ "name": "GraphqlMain"
866
800
  },
867
801
  {
868
802
  "__schema": "TypeRefSchema",
@@ -871,11 +805,7 @@
871
805
  "line": 179,
872
806
  "character": 7
873
807
  },
874
- "name": "Workspace",
875
- "componentId": {
876
- "scope": "teambit.workspace",
877
- "name": "workspace"
878
- }
808
+ "name": "Workspace"
879
809
  },
880
810
  {
881
811
  "__schema": "TypeRefSchema",
@@ -884,11 +814,7 @@
884
814
  "line": 180,
885
815
  "character": 7
886
816
  },
887
- "name": "SchemaMain",
888
- "componentId": {
889
- "scope": "teambit.semantics",
890
- "name": "schema"
891
- }
817
+ "name": "SchemaMain"
892
818
  },
893
819
  {
894
820
  "__schema": "TypeRefSchema",
@@ -897,11 +823,7 @@
897
823
  "line": 181,
898
824
  "character": 7
899
825
  },
900
- "name": "DevFilesMain",
901
- "componentId": {
902
- "scope": "teambit.component",
903
- "name": "dev-files"
904
- }
826
+ "name": "DevFilesMain"
905
827
  },
906
828
  {
907
829
  "__schema": "TypeRefSchema",
@@ -910,11 +832,7 @@
910
832
  "line": 182,
911
833
  "character": 7
912
834
  },
913
- "name": "EnvsMain",
914
- "componentId": {
915
- "scope": "teambit.envs",
916
- "name": "envs"
917
- }
835
+ "name": "EnvsMain"
918
836
  },
919
837
  {
920
838
  "__schema": "TypeRefSchema",
@@ -923,11 +841,7 @@
923
841
  "line": 183,
924
842
  "character": 7
925
843
  },
926
- "name": "ScopeMain",
927
- "componentId": {
928
- "scope": "teambit.scope",
929
- "name": "scope"
930
- }
844
+ "name": "ScopeMain"
931
845
  }
932
846
  ]
933
847
  },
@@ -949,8 +863,7 @@
949
863
  "line": 185,
950
864
  "character": 13
951
865
  },
952
- "name": "CompositionsConfig",
953
- "internalFilePath": "compositions.main.runtime.ts"
866
+ "name": "CompositionsConfig"
954
867
  },
955
868
  "isOptional": false,
956
869
  "isSpread": false
@@ -1092,8 +1005,7 @@
1092
1005
  "line": 24,
1093
1006
  "character": 43
1094
1007
  },
1095
- "name": "ComponentType",
1096
- "packageName": "react"
1008
+ "name": "ComponentType"
1097
1009
  },
1098
1010
  "isOptional": false,
1099
1011
  "isSpread": false
@@ -1142,8 +1054,7 @@
1142
1054
  "line": 29,
1143
1055
  "character": 33
1144
1056
  },
1145
- "name": "MenuBarWidget",
1146
- "internalFilePath": "compositions.tsx"
1057
+ "name": "MenuBarWidget"
1147
1058
  }
1148
1059
  },
1149
1060
  "isOptional": false,
@@ -1278,11 +1189,7 @@
1278
1189
  "line": 49,
1279
1190
  "character": 37
1280
1191
  },
1281
- "name": "ComponentUI",
1282
- "componentId": {
1283
- "scope": "teambit.component",
1284
- "name": "component"
1285
- }
1192
+ "name": "ComponentUI"
1286
1193
  },
1287
1194
  {
1288
1195
  "__schema": "TypeRefSchema",
@@ -1291,11 +1198,7 @@
1291
1198
  "line": 49,
1292
1199
  "character": 50
1293
1200
  },
1294
- "name": "ComponentCompareUI",
1295
- "componentId": {
1296
- "scope": "teambit.component",
1297
- "name": "component-compare"
1298
- }
1201
+ "name": "ComponentCompareUI"
1299
1202
  }
1300
1203
  ]
1301
1204
  },
@@ -1407,11 +1310,6 @@
1407
1310
  "character": 36
1408
1311
  },
1409
1312
  "name": "SlotRegistry",
1410
- "componentId": {
1411
- "scope": "teambit.harmony",
1412
- "name": "harmony",
1413
- "version": "0.4.6"
1414
- },
1415
1313
  "typeArgs": [
1416
1314
  {
1417
1315
  "__schema": "TypeArraySchema",
@@ -1427,8 +1325,7 @@
1427
1325
  "line": 13,
1428
1326
  "character": 49
1429
1327
  },
1430
- "name": "MenuBarWidget",
1431
- "internalFilePath": "compositions.tsx"
1328
+ "name": "MenuBarWidget"
1432
1329
  }
1433
1330
  }
1434
1331
  ]
@@ -1461,11 +1358,6 @@
1461
1358
  "character": 30
1462
1359
  },
1463
1360
  "name": "SlotRegistry",
1464
- "componentId": {
1465
- "scope": "teambit.harmony",
1466
- "name": "harmony",
1467
- "version": "0.4.6"
1468
- },
1469
1361
  "typeArgs": [
1470
1362
  {
1471
1363
  "__schema": "TypeRefSchema",
@@ -1474,8 +1366,7 @@
1474
1366
  "line": 14,
1475
1367
  "character": 43
1476
1368
  },
1477
- "name": "ComponentType",
1478
- "packageName": "react"
1369
+ "name": "ComponentType"
1479
1370
  }
1480
1371
  ]
1481
1372
  }
@@ -1953,8 +1844,7 @@
1953
1844
  "line": 166,
1954
1845
  "character": 5
1955
1846
  },
1956
- "name": "ComponentCompositionProps",
1957
- "internalFilePath": "ui/composition-preview.tsx"
1847
+ "name": "ComponentCompositionProps"
1958
1848
  }
1959
1849
  ]
1960
1850
  }
@@ -2114,11 +2004,7 @@
2114
2004
  "line": 20,
2115
2005
  "character": 22
2116
2006
  },
2117
- "name": "PreviewPreview",
2118
- "componentId": {
2119
- "scope": "teambit.preview",
2120
- "name": "preview"
2121
- }
2007
+ "name": "PreviewPreview"
2122
2008
  },
2123
2009
  "isOptional": false,
2124
2010
  "isSpread": false
@@ -2160,12 +2046,7 @@
2160
2046
  "line": 23,
2161
2047
  "character": 23
2162
2048
  },
2163
- "name": "ComponentID",
2164
- "componentId": {
2165
- "scope": "teambit.component",
2166
- "name": "component-id",
2167
- "version": "1.2.2"
2168
- }
2049
+ "name": "ComponentID"
2169
2050
  },
2170
2051
  "isOptional": false,
2171
2052
  "isSpread": false
@@ -2205,11 +2086,7 @@
2205
2086
  "line": 23,
2206
2087
  "character": 60
2207
2088
  },
2208
- "name": "PreviewModule",
2209
- "componentId": {
2210
- "scope": "teambit.preview",
2211
- "name": "preview"
2212
- }
2089
+ "name": "PreviewModule"
2213
2090
  },
2214
2091
  "isOptional": false,
2215
2092
  "isSpread": false
@@ -2249,11 +2126,7 @@
2249
2126
  "line": 23,
2250
2127
  "character": 102
2251
2128
  },
2252
- "name": "RenderingContext",
2253
- "componentId": {
2254
- "scope": "teambit.preview",
2255
- "name": "preview"
2256
- }
2129
+ "name": "RenderingContext"
2257
2130
  },
2258
2131
  "isOptional": false,
2259
2132
  "isSpread": false
@@ -2326,11 +2199,7 @@
2326
2199
  "line": 42,
2327
2200
  "character": 64
2328
2201
  },
2329
- "name": "PreviewModule",
2330
- "componentId": {
2331
- "scope": "teambit.preview",
2332
- "name": "preview"
2333
- }
2202
+ "name": "PreviewModule"
2334
2203
  },
2335
2204
  "isOptional": false,
2336
2205
  "isSpread": false
@@ -2392,11 +2261,7 @@
2392
2261
  "line": 50,
2393
2262
  "character": 57
2394
2263
  },
2395
- "name": "PreviewModule",
2396
- "componentId": {
2397
- "scope": "teambit.preview",
2398
- "name": "preview"
2399
- }
2264
+ "name": "PreviewModule"
2400
2265
  },
2401
2266
  "isOptional": false,
2402
2267
  "isSpread": false
@@ -2417,8 +2282,7 @@
2417
2282
  "line": 50,
2418
2283
  "character": 73
2419
2284
  },
2420
- "name": "CompositionBrowserMetadataObject",
2421
- "internalFilePath": "composition.ts"
2285
+ "name": "CompositionBrowserMetadataObject"
2422
2286
  },
2423
2287
  {
2424
2288
  "__schema": "KeywordTypeSchema",
@@ -2508,11 +2372,7 @@
2508
2372
  "line": 85,
2509
2373
  "character": 37
2510
2374
  },
2511
- "name": "PreviewPreview",
2512
- "componentId": {
2513
- "scope": "teambit.preview",
2514
- "name": "preview"
2515
- }
2375
+ "name": "PreviewPreview"
2516
2376
  }
2517
2377
  ]
2518
2378
  },
@@ -2572,8 +2432,7 @@
2572
2432
  "line": 13,
2573
2433
  "character": 93
2574
2434
  },
2575
- "name": "ComponentCompositionProps",
2576
- "internalFilePath": "ui/composition-preview.tsx"
2435
+ "name": "ComponentCompositionProps"
2577
2436
  },
2578
2437
  "isOptional": false,
2579
2438
  "objectBindingNodes": [
@@ -2931,11 +2790,7 @@
2931
2790
  "line": 50,
2932
2791
  "character": 22
2933
2792
  },
2934
- "name": "PreviewMain",
2935
- "componentId": {
2936
- "scope": "teambit.preview",
2937
- "name": "preview"
2938
- }
2793
+ "name": "PreviewMain"
2939
2794
  },
2940
2795
  "isOptional": false,
2941
2796
  "isSpread": false
@@ -2955,11 +2810,7 @@
2955
2810
  "line": 55,
2956
2811
  "character": 24
2957
2812
  },
2958
- "name": "Workspace",
2959
- "componentId": {
2960
- "scope": "teambit.workspace",
2961
- "name": "workspace"
2962
- }
2813
+ "name": "Workspace"
2963
2814
  },
2964
2815
  "isOptional": false,
2965
2816
  "isSpread": false
@@ -2979,11 +2830,7 @@
2979
2830
  "line": 60,
2980
2831
  "character": 21
2981
2832
  },
2982
- "name": "SchemaMain",
2983
- "componentId": {
2984
- "scope": "teambit.semantics",
2985
- "name": "schema"
2986
- }
2833
+ "name": "SchemaMain"
2987
2834
  },
2988
2835
  "isOptional": false,
2989
2836
  "isSpread": false
@@ -3003,11 +2850,7 @@
3003
2850
  "line": 62,
3004
2851
  "character": 23
3005
2852
  },
3006
- "name": "DevFilesMain",
3007
- "componentId": {
3008
- "scope": "teambit.component",
3009
- "name": "dev-files"
3010
- }
2853
+ "name": "DevFilesMain"
3011
2854
  },
3012
2855
  "isOptional": false,
3013
2856
  "isSpread": false
@@ -3027,11 +2870,7 @@
3027
2870
  "line": 64,
3028
2871
  "character": 19
3029
2872
  },
3030
- "name": "EnvsMain",
3031
- "componentId": {
3032
- "scope": "teambit.envs",
3033
- "name": "envs"
3034
- }
2873
+ "name": "EnvsMain"
3035
2874
  },
3036
2875
  "isOptional": false,
3037
2876
  "isSpread": false
@@ -3091,11 +2930,7 @@
3091
2930
  "line": 70,
3092
2931
  "character": 31
3093
2932
  },
3094
- "name": "Component",
3095
- "componentId": {
3096
- "scope": "teambit.component",
3097
- "name": "component"
3098
- }
2933
+ "name": "Component"
3099
2934
  }
3100
2935
  },
3101
2936
  "isOptional": false,
@@ -3110,10 +2945,6 @@
3110
2945
  "character": 45
3111
2946
  },
3112
2947
  "name": "ComponentMap",
3113
- "componentId": {
3114
- "scope": "teambit.component",
3115
- "name": "component"
3116
- },
3117
2948
  "typeArgs": [
3118
2949
  {
3119
2950
  "__schema": "TypeArraySchema",
@@ -3129,12 +2960,7 @@
3129
2960
  "line": 70,
3130
2961
  "character": 58
3131
2962
  },
3132
- "name": "AbstractVinyl",
3133
- "componentId": {
3134
- "scope": "teambit.component",
3135
- "name": "sources",
3136
- "version": "0.0.60"
3137
- }
2963
+ "name": "AbstractVinyl"
3138
2964
  }
3139
2965
  }
3140
2966
  ]
@@ -3230,11 +3056,7 @@
3230
3056
  "line": 96,
3231
3057
  "character": 30
3232
3058
  },
3233
- "name": "IComponent",
3234
- "componentId": {
3235
- "scope": "teambit.component",
3236
- "name": "component"
3237
- }
3059
+ "name": "IComponent"
3238
3060
  },
3239
3061
  "isOptional": false,
3240
3062
  "isSpread": false
@@ -3295,11 +3117,7 @@
3295
3117
  "line": 108,
3296
3118
  "character": 31
3297
3119
  },
3298
- "name": "Component",
3299
- "componentId": {
3300
- "scope": "teambit.component",
3301
- "name": "component"
3302
- }
3120
+ "name": "Component"
3303
3121
  },
3304
3122
  "isOptional": false,
3305
3123
  "isSpread": false
@@ -3370,11 +3188,7 @@
3370
3188
  "line": 120,
3371
3189
  "character": 38
3372
3190
  },
3373
- "name": "Component",
3374
- "componentId": {
3375
- "scope": "teambit.component",
3376
- "name": "component"
3377
- }
3191
+ "name": "Component"
3378
3192
  },
3379
3193
  "isOptional": false,
3380
3194
  "isSpread": false
@@ -3437,11 +3251,7 @@
3437
3251
  "line": 133,
3438
3252
  "character": 36
3439
3253
  },
3440
- "name": "Component",
3441
- "componentId": {
3442
- "scope": "teambit.component",
3443
- "name": "component"
3444
- }
3254
+ "name": "Component"
3445
3255
  },
3446
3256
  "isOptional": false,
3447
3257
  "isSpread": false
@@ -3461,12 +3271,7 @@
3461
3271
  "line": 133,
3462
3272
  "character": 58
3463
3273
  },
3464
- "name": "ComponentLoadOptions",
3465
- "componentId": {
3466
- "scope": "teambit.legacy",
3467
- "name": "consumer-component",
3468
- "version": "0.0.9"
3469
- }
3274
+ "name": "ComponentLoadOptions"
3470
3275
  },
3471
3276
  "isOptional": true,
3472
3277
  "isSpread": false
@@ -3496,11 +3301,7 @@
3496
3301
  "line": 133,
3497
3302
  "character": 89
3498
3303
  },
3499
- "name": "AspectData",
3500
- "componentId": {
3501
- "scope": "teambit.component",
3502
- "name": "component"
3503
- }
3304
+ "name": "AspectData"
3504
3305
  },
3505
3306
  {
3506
3307
  "__schema": "KeywordTypeSchema",
@@ -3616,11 +3417,7 @@
3616
3417
  "line": 177,
3617
3418
  "character": 7
3618
3419
  },
3619
- "name": "PreviewMain",
3620
- "componentId": {
3621
- "scope": "teambit.preview",
3622
- "name": "preview"
3623
- }
3420
+ "name": "PreviewMain"
3624
3421
  },
3625
3422
  {
3626
3423
  "__schema": "TypeRefSchema",
@@ -3629,11 +3426,7 @@
3629
3426
  "line": 178,
3630
3427
  "character": 7
3631
3428
  },
3632
- "name": "GraphqlMain",
3633
- "componentId": {
3634
- "scope": "teambit.harmony",
3635
- "name": "graphql"
3636
- }
3429
+ "name": "GraphqlMain"
3637
3430
  },
3638
3431
  {
3639
3432
  "__schema": "TypeRefSchema",
@@ -3642,11 +3435,7 @@
3642
3435
  "line": 179,
3643
3436
  "character": 7
3644
3437
  },
3645
- "name": "Workspace",
3646
- "componentId": {
3647
- "scope": "teambit.workspace",
3648
- "name": "workspace"
3649
- }
3438
+ "name": "Workspace"
3650
3439
  },
3651
3440
  {
3652
3441
  "__schema": "TypeRefSchema",
@@ -3655,11 +3444,7 @@
3655
3444
  "line": 180,
3656
3445
  "character": 7
3657
3446
  },
3658
- "name": "SchemaMain",
3659
- "componentId": {
3660
- "scope": "teambit.semantics",
3661
- "name": "schema"
3662
- }
3447
+ "name": "SchemaMain"
3663
3448
  },
3664
3449
  {
3665
3450
  "__schema": "TypeRefSchema",
@@ -3668,11 +3453,7 @@
3668
3453
  "line": 181,
3669
3454
  "character": 7
3670
3455
  },
3671
- "name": "DevFilesMain",
3672
- "componentId": {
3673
- "scope": "teambit.component",
3674
- "name": "dev-files"
3675
- }
3456
+ "name": "DevFilesMain"
3676
3457
  },
3677
3458
  {
3678
3459
  "__schema": "TypeRefSchema",
@@ -3681,11 +3462,7 @@
3681
3462
  "line": 182,
3682
3463
  "character": 7
3683
3464
  },
3684
- "name": "EnvsMain",
3685
- "componentId": {
3686
- "scope": "teambit.envs",
3687
- "name": "envs"
3688
- }
3465
+ "name": "EnvsMain"
3689
3466
  },
3690
3467
  {
3691
3468
  "__schema": "TypeRefSchema",
@@ -3694,11 +3471,7 @@
3694
3471
  "line": 183,
3695
3472
  "character": 7
3696
3473
  },
3697
- "name": "ScopeMain",
3698
- "componentId": {
3699
- "scope": "teambit.scope",
3700
- "name": "scope"
3701
- }
3474
+ "name": "ScopeMain"
3702
3475
  }
3703
3476
  ]
3704
3477
  },
@@ -3720,8 +3493,7 @@
3720
3493
  "line": 185,
3721
3494
  "character": 13
3722
3495
  },
3723
- "name": "CompositionsConfig",
3724
- "internalFilePath": "compositions.main.runtime.ts"
3496
+ "name": "CompositionsConfig"
3725
3497
  },
3726
3498
  "isOptional": false,
3727
3499
  "isSpread": false
@@ -3784,11 +3556,6 @@
3784
3556
  "character": 36
3785
3557
  },
3786
3558
  "name": "SlotRegistry",
3787
- "componentId": {
3788
- "scope": "teambit.harmony",
3789
- "name": "harmony",
3790
- "version": "0.4.6"
3791
- },
3792
3559
  "typeArgs": [
3793
3560
  {
3794
3561
  "__schema": "TypeArraySchema",
@@ -3804,8 +3571,7 @@
3804
3571
  "line": 13,
3805
3572
  "character": 49
3806
3573
  },
3807
- "name": "MenuBarWidget",
3808
- "internalFilePath": "compositions.tsx"
3574
+ "name": "MenuBarWidget"
3809
3575
  }
3810
3576
  }
3811
3577
  ]
@@ -3828,11 +3594,6 @@
3828
3594
  "character": 30
3829
3595
  },
3830
3596
  "name": "SlotRegistry",
3831
- "componentId": {
3832
- "scope": "teambit.harmony",
3833
- "name": "harmony",
3834
- "version": "0.4.6"
3835
- },
3836
3597
  "typeArgs": [
3837
3598
  {
3838
3599
  "__schema": "TypeRefSchema",
@@ -3841,8 +3602,7 @@
3841
3602
  "line": 14,
3842
3603
  "character": 43
3843
3604
  },
3844
- "name": "ComponentType",
3845
- "packageName": "react"
3605
+ "name": "ComponentType"
3846
3606
  }
3847
3607
  ]
3848
3608
  }
@@ -3955,8 +3715,7 @@
3955
3715
  "line": 24,
3956
3716
  "character": 43
3957
3717
  },
3958
- "name": "ComponentType",
3959
- "packageName": "react"
3718
+ "name": "ComponentType"
3960
3719
  },
3961
3720
  "isOptional": false,
3962
3721
  "isSpread": false
@@ -4005,8 +3764,7 @@
4005
3764
  "line": 29,
4006
3765
  "character": 33
4007
3766
  },
4008
- "name": "MenuBarWidget",
4009
- "internalFilePath": "compositions.tsx"
3767
+ "name": "MenuBarWidget"
4010
3768
  }
4011
3769
  },
4012
3770
  "isOptional": false,
@@ -4141,11 +3899,7 @@
4141
3899
  "line": 49,
4142
3900
  "character": 37
4143
3901
  },
4144
- "name": "ComponentUI",
4145
- "componentId": {
4146
- "scope": "teambit.component",
4147
- "name": "component"
4148
- }
3902
+ "name": "ComponentUI"
4149
3903
  },
4150
3904
  {
4151
3905
  "__schema": "TypeRefSchema",
@@ -4154,11 +3908,7 @@
4154
3908
  "line": 49,
4155
3909
  "character": 50
4156
3910
  },
4157
- "name": "ComponentCompareUI",
4158
- "componentId": {
4159
- "scope": "teambit.component",
4160
- "name": "component-compare"
4161
- }
3911
+ "name": "ComponentCompareUI"
4162
3912
  }
4163
3913
  ]
4164
3914
  },
@@ -4455,8 +4205,7 @@
4455
4205
  "line": 15,
4456
4206
  "character": 17
4457
4207
  },
4458
- "name": "CompositionBrowserMetadata",
4459
- "internalFilePath": "composition.ts"
4208
+ "name": "CompositionBrowserMetadata"
4460
4209
  }
4461
4210
  },
4462
4211
  "isOptional": false
@@ -4717,7 +4466,7 @@
4717
4466
  "line": 38,
4718
4467
  "character": 3
4719
4468
  },
4720
- "signature": "(property) location: \"start\" | \"end\"",
4469
+ "signature": "(property) location: \"end\" | \"start\"",
4721
4470
  "name": "location",
4722
4471
  "type": {
4723
4472
  "__schema": "TypeUnionSchema",
@@ -4765,8 +4514,7 @@
4765
4514
  "line": 39,
4766
4515
  "character": 12
4767
4516
  },
4768
- "name": "ReactNode",
4769
- "packageName": "react"
4517
+ "name": "ReactNode"
4770
4518
  },
4771
4519
  "isOptional": false
4772
4520
  }
@@ -4857,8 +4605,7 @@
4857
4605
  "line": 43,
4858
4606
  "character": 62
4859
4607
  },
4860
- "name": "CompositionsProp",
4861
- "internalFilePath": "compositions.tsx"
4608
+ "name": "CompositionsProp"
4862
4609
  },
4863
4610
  "isOptional": false,
4864
4611
  "objectBindingNodes": [
@@ -5046,8 +4793,7 @@
5046
4793
  "line": 166,
5047
4794
  "character": 5
5048
4795
  },
5049
- "name": "ComponentCompositionProps",
5050
- "internalFilePath": "ui/composition-preview.tsx"
4796
+ "name": "ComponentCompositionProps"
5051
4797
  }
5052
4798
  ]
5053
4799
  }
@@ -5231,11 +4977,7 @@
5231
4977
  "line": 20,
5232
4978
  "character": 22
5233
4979
  },
5234
- "name": "PreviewPreview",
5235
- "componentId": {
5236
- "scope": "teambit.preview",
5237
- "name": "preview"
5238
- }
4980
+ "name": "PreviewPreview"
5239
4981
  },
5240
4982
  "isOptional": false,
5241
4983
  "isSpread": false
@@ -5277,12 +5019,7 @@
5277
5019
  "line": 23,
5278
5020
  "character": 23
5279
5021
  },
5280
- "name": "ComponentID",
5281
- "componentId": {
5282
- "scope": "teambit.component",
5283
- "name": "component-id",
5284
- "version": "1.2.2"
5285
- }
5022
+ "name": "ComponentID"
5286
5023
  },
5287
5024
  "isOptional": false,
5288
5025
  "isSpread": false
@@ -5322,11 +5059,7 @@
5322
5059
  "line": 23,
5323
5060
  "character": 60
5324
5061
  },
5325
- "name": "PreviewModule",
5326
- "componentId": {
5327
- "scope": "teambit.preview",
5328
- "name": "preview"
5329
- }
5062
+ "name": "PreviewModule"
5330
5063
  },
5331
5064
  "isOptional": false,
5332
5065
  "isSpread": false
@@ -5366,11 +5099,7 @@
5366
5099
  "line": 23,
5367
5100
  "character": 102
5368
5101
  },
5369
- "name": "RenderingContext",
5370
- "componentId": {
5371
- "scope": "teambit.preview",
5372
- "name": "preview"
5373
- }
5102
+ "name": "RenderingContext"
5374
5103
  },
5375
5104
  "isOptional": false,
5376
5105
  "isSpread": false
@@ -5443,11 +5172,7 @@
5443
5172
  "line": 42,
5444
5173
  "character": 64
5445
5174
  },
5446
- "name": "PreviewModule",
5447
- "componentId": {
5448
- "scope": "teambit.preview",
5449
- "name": "preview"
5450
- }
5175
+ "name": "PreviewModule"
5451
5176
  },
5452
5177
  "isOptional": false,
5453
5178
  "isSpread": false
@@ -5509,11 +5234,7 @@
5509
5234
  "line": 50,
5510
5235
  "character": 57
5511
5236
  },
5512
- "name": "PreviewModule",
5513
- "componentId": {
5514
- "scope": "teambit.preview",
5515
- "name": "preview"
5516
- }
5237
+ "name": "PreviewModule"
5517
5238
  },
5518
5239
  "isOptional": false,
5519
5240
  "isSpread": false
@@ -5534,8 +5255,7 @@
5534
5255
  "line": 50,
5535
5256
  "character": 73
5536
5257
  },
5537
- "name": "CompositionBrowserMetadataObject",
5538
- "internalFilePath": "composition.ts"
5258
+ "name": "CompositionBrowserMetadataObject"
5539
5259
  },
5540
5260
  {
5541
5261
  "__schema": "KeywordTypeSchema",
@@ -5625,11 +5345,7 @@
5625
5345
  "line": 85,
5626
5346
  "character": 37
5627
5347
  },
5628
- "name": "PreviewPreview",
5629
- "componentId": {
5630
- "scope": "teambit.preview",
5631
- "name": "preview"
5632
- }
5348
+ "name": "PreviewPreview"
5633
5349
  }
5634
5350
  ]
5635
5351
  },
@@ -5742,12 +5458,7 @@
5742
5458
  "line": 11,
5743
5459
  "character": 5
5744
5460
  },
5745
- "name": "ComponentPreviewProps",
5746
- "componentId": {
5747
- "scope": "teambit.preview",
5748
- "name": "ui/component-preview",
5749
- "version": "1.0.19"
5750
- }
5461
+ "name": "ComponentPreviewProps"
5751
5462
  }
5752
5463
  ]
5753
5464
  }
@@ -5776,8 +5487,7 @@
5776
5487
  "line": 13,
5777
5488
  "character": 93
5778
5489
  },
5779
- "name": "ComponentCompositionProps",
5780
- "internalFilePath": "ui/composition-preview.tsx"
5490
+ "name": "ComponentCompositionProps"
5781
5491
  },
5782
5492
  "isOptional": false,
5783
5493
  "objectBindingNodes": [
@@ -5850,7 +5560,7 @@
5850
5560
  "componentId": {
5851
5561
  "scope": "teambit.compositions",
5852
5562
  "name": "compositions",
5853
- "version": "1.0.496"
5563
+ "version": "1.0.497"
5854
5564
  },
5855
5565
  "taggedModuleExports": []
5856
5566
  }
package/dist/{preview-1734405572492.js → preview-1734491866611.js} RENAMED
@@ -1,5 +1,5 @@
1
- import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.496/dist/compositions.composition.js';
2
- import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.496/dist/compositions.docs.mdx';
1
+ import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.497/dist/compositions.composition.js';
2
+ import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.497/dist/compositions.docs.mdx';
3
3
 
4
4
  export const compositions = [compositions_0];
5
5
  export const overview = [overview_0];
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/compositions",
3
- "version": "1.0.496",
3
+ "version": "1.0.497",
4
4
  "homepage": "https://bit.cloud/teambit/compositions/compositions",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.compositions",
8
8
  "name": "compositions",
9
- "version": "1.0.496"
9
+ "version": "1.0.497"
10
10
  },
11
11
  "dependencies": {
12
12
  "graphql-tag": "2.12.1",
@@ -34,26 +34,26 @@
34
34
  "@teambit/compositions.ui.composition-compare": "0.0.255",
35
35
  "@teambit/evangelist.elements.icon": "1.0.2",
36
36
  "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
37
- "@teambit/component": "1.0.496",
37
+ "@teambit/component": "1.0.497",
38
38
  "@teambit/compositions.model.composition-id": "0.0.503",
39
- "@teambit/graphql": "1.0.496",
40
- "@teambit/cli": "0.0.1073",
41
- "@teambit/component.sources": "0.0.60",
42
- "@teambit/dev-files": "1.0.496",
43
- "@teambit/envs": "1.0.496",
44
- "@teambit/legacy.consumer-component": "0.0.9",
45
- "@teambit/preview": "1.0.496",
46
- "@teambit/schema": "1.0.496",
47
- "@teambit/scope": "1.0.496",
39
+ "@teambit/graphql": "1.0.497",
40
+ "@teambit/cli": "0.0.1074",
41
+ "@teambit/component.sources": "0.0.61",
42
+ "@teambit/dev-files": "1.0.497",
43
+ "@teambit/envs": "1.0.497",
44
+ "@teambit/legacy.consumer-component": "0.0.10",
45
+ "@teambit/preview": "1.0.497",
46
+ "@teambit/schema": "1.0.497",
47
+ "@teambit/scope": "1.0.497",
48
48
  "@teambit/toolbox.path.match-patterns": "0.0.16",
49
- "@teambit/workspace": "1.0.496",
49
+ "@teambit/workspace": "1.0.497",
50
50
  "@teambit/design.ui.tooltip": "0.0.372",
51
51
  "@teambit/docs.ui.queries.get-docs": "0.0.509",
52
- "@teambit/panels": "0.0.1075",
52
+ "@teambit/panels": "0.0.1076",
53
53
  "@teambit/preview.ui.component-preview": "1.0.19",
54
54
  "@teambit/ui-foundation.ui.buttons.collapser": "0.0.225",
55
- "@teambit/component-compare": "1.0.496",
56
- "@teambit/ui": "1.0.496"
55
+ "@teambit/component-compare": "1.0.497",
56
+ "@teambit/ui": "1.0.497"
57
57
  },
58
58
  "devDependencies": {
59
59
  "@types/lodash": "4.14.165",