npm - @teambit/compositions - Versions diffs - 1.0.964 → 1.0.966 - Mend

@teambit/compositions 1.0.964 → 1.0.966

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 (14) hide show

package/compositions.module.scss CHANGED Viewed

@@ -20,7 +20,6 @@
 }
 .right {
-  background: var(--compositions-panel-bg, #f7f7f8);
   overflow-y: auto;
   min-width: 200px;
   max-width: calc(100% - 200px);
@@ -145,7 +144,7 @@
   display: flex;
   flex-direction: column;
   border-top: 1px solid var(--bit-border-color-lightest, #eaeaec);
-  background: var(--compositions-panel-bg, #f7f7f8);
+  background: var(--bit-bg-color, #ffffff);
   overflow: hidden;
 }

package/compositions.tsx CHANGED Viewed

@@ -114,7 +114,7 @@ export function Compositions({
       const next = Math.max(120, Math.min(600, startHeight + (startY - ev.clientY)));
       trayHeightRef.current = next;
       if (trayRef.current) {
-        trayRef.current.style.height = `${next}px`;
+        trayRef.current.style.maxHeight = `${next}px`;
       }
     };
     const onUp = () => {
@@ -187,7 +187,7 @@ export function Compositions({
               sandbox={sandboxValue}
             />
             {showControlsTray && (
-              <div ref={trayRef} className={styles.controlsTray} style={{ height: trayHeightRef.current }}>
+              <div ref={trayRef} className={styles.controlsTray} style={{ maxHeight: trayHeightRef.current }}>
                 <div className={styles.trayDragHandle} onMouseDown={onTrayDragStart}>
                   <div className={styles.trayDragBar} />
                 </div>

package/dist/compositions.js CHANGED Viewed

@@ -301,7 +301,7 @@ function Compositions({
       const next = Math.max(120, Math.min(600, startHeight + (startY - ev.clientY)));
       trayHeightRef.current = next;
       if (trayRef.current) {
-        trayRef.current.style.height = `${next}px`;
+        trayRef.current.style.maxHeight = `${next}px`;
       }
     };
     const onUp = () => {
@@ -384,7 +384,7 @@ function Compositions({
     ref: trayRef,
     className: _compositionsModule().default.controlsTray,
     style: {
-      height: trayHeightRef.current
+      maxHeight: trayHeightRef.current
     }
   }, /*#__PURE__*/_react().default.createElement("div", {
     className: _compositionsModule().default.trayDragHandle,

package/dist/compositions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","data","_interopRequireWildcard","require","_reactRouterDom","_lodash","_interopRequireDefault","_queryString","_documenterTheme","_baseUiSurfacesSplitPane","_baseUiSurfacesSplitPane2","_component","_documenterUi","_panels","_docsUiQueries","_uiFoundationUiButtons","_designUi","_previewUi","_uiFoundationUiHooks","_compositionsUi","_compositionsUiHooks","_mdxUi","_designUi2","_documenterUi2","_designUi3","_baseReactNavigation","_designUiInput","_designUiSurfaces","_designUi4","_evangelistElements","_compositionsUi2","_compositionsModule","_ui","_compositionsPanel","_liveControlPanel","_useDefaultControlsSchemaResponder","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ownKeys","keys","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","Link","BaseLink","Compositions","menuBarWidgets","emptyState","usePreviewSandboxSlot","enableLiveControls","component","useContext","ComponentContext","componentIdStr","id","toString","searchParams","useSearchParams","params","useParams","versionFromQueryParams","navigate","useNavigate","location","useLocation","currentCompositionName","currentComposition","compositions","find","composition","identifier","toLowerCase","head","sandboxValue","setSandboxValue","useState","selectedRef","useRef","current","useDefaultControlsSchemaResponder","properties","useDocs","previewSandboxHooks","values","isMobile","useIsMobile","showSidebar","isSidebarOpen","setSidebarOpenness","sidebarOpenness","Layout","row","left","compositionUrl","toPreviewUrl","isScaling","preview","includesEnvTemplates","includesEnvTemplate","useNameParam","compositionIdentifierParam","currentCompositionFullUrl","compositionParams","setCompositionParams","fullscreen","livecontrols","queryParams","useMemo","queryString","stringify","controlsTrayOpen","setControlsTrayOpen","isDraggingTray","setIsDraggingTray","trayRef","trayHeightRef","ready","defs","onChange","useLiveControls","onTrayDragStart","useCallback","preventDefault","startY","clientY","startHeight","document","body","style","cursor","userSelect","onMove","ev","next","Math","max","min","height","onUp","removeEventListener","addEventListener","useEffect","currentCompositionHasControls","showControlsTray","createElement","CompositionContextProvider","setQueryParams","SplitPane","layout","size","className","styles","compositionsPage","Pane","CompositionsMenuBar","menuBar","Tooltip","content","placement","external","href","toolbarButton","OptionButton","icon","toolbarButtonActive","onClick","Icon","of","SandboxPermissionsAggregator","hooks","onSandboxChange","previewArea","dragOverlay","CompositionContent","compositionPanel","selected","sandbox","ref","controlsTray","trayDragHandle","onMouseDown","trayDragBar","trayHeader","trayTitleRow","trayIcon","trayTitle","trayBadge","trayClose","trayBody","LiveControls","trayEmpty","HoverSplitter","splitter","Collapser","isOpen","stopPropagation","x","tooltipContent","collapser","right","ThemeContext","TabContainer","tabsContainer","TabList","tabs","Tab","TabPanel","tabContent","CompositionsPanel","onSelectComposition","selectedCompositionFromUrl","pathSegments","pathname","split","urlParams","URLSearchParams","newPath","join","url","active","PropTable","rows","showListView","_ref","componentCompositionProps","env","environment","EmptyStateTemplate","host","noCompositionsPage","H1","title","Separator","isPresentational","separator","AlertCard","level","MDXLayout","buildStatus","StatusMessageCard","buildStatusMessage","status","EmptyBox","linkText","link","ComponentComposition","compositionsIframe","viewport","forceHeight","fullContentHeight","pubsub"],"sources":["compositions.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useEffect, useState, useMemo, useRef, useCallback } from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\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 type { ComponentModel } from '@teambit/component';\nimport { ComponentContext } 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 { SandboxPermissionsAggregator, 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 { Link as BaseLink, useNavigate, useLocation } from '@teambit/base-react.navigation.link';\nimport { OptionButton } from '@teambit/design.ui.input.option-button';\nimport { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { Tooltip } from '@teambit/design.ui.tooltip';\nimport { Icon } from '@teambit/evangelist.elements.icon';\nimport { useLiveControls } from '@teambit/compositions.ui.composition-live-controls';\nimport type { EmptyStateSlot, CompositionsMenuSlot, UsePreviewSandboxSlot } from './compositions.ui.runtime';\nimport type { Composition } from './composition';\nimport styles from './compositions.module.scss';\nimport { ComponentComposition } from './ui';\nimport { CompositionsPanel } from './ui/compositions-panel/compositions-panel';\nimport { LiveControls } from './ui/compositions-panel/live-control-panel';\nimport type { ComponentCompositionProps } from './ui/composition-preview';\nimport { useDefaultControlsSchemaResponder } from './use-default-controls-schema-responder';\n\n// @todo - this will be fixed as part of the @teambit/base-react.navigation.link upgrade to latest\nconst Link = BaseLink as any;\n\nexport type MenuBarWidget = {\n location: 'start' \| 'end';\n content: ReactNode;\n};\nexport type CompositionsProp = {\n menuBarWidgets?: CompositionsMenuSlot;\n emptyState?: EmptyStateSlot;\n usePreviewSandboxSlot?: UsePreviewSandboxSlot;\n enableLiveControls?: boolean;\n};\n\nexport function Compositions({\n menuBarWidgets,\n emptyState,\n usePreviewSandboxSlot,\n enableLiveControls = true,\n}: CompositionsProp) {\n const component = useContext(ComponentContext);\n const componentIdStr = component.id.toString();\n const [searchParams] = useSearchParams();\n const params = useParams();\n const versionFromQueryParams = searchParams.get('version');\n const navigate = useNavigate();\n const location = useLocation();\n const currentCompositionName = params[''];\n const currentComposition =\n component.compositions.find((composition) => composition.identifier.toLowerCase() === currentCompositionName) \|\|\n head(component.compositions);\n const [sandboxValue, setSandboxValue] = useState('');\n const selectedRef = useRef(currentComposition);\n selectedRef.current = currentComposition;\n useDefaultControlsSchemaResponder(componentIdStr, enableLiveControls);\n\n const properties = useDocs(component.id);\n const previewSandboxHooks = usePreviewSandboxSlot?.values() ?? [];\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 isScaling = component?.preview?.isScaling;\n const includesEnvTemplates = component?.preview?.includesEnvTemplate;\n const useNameParam = component?.preview?.useNameParam;\n const compositionIdentifierParam =\n useNameParam \|\| (isScaling && includesEnvTemplates === false)\n ? `name=${currentComposition?.identifier}`\n : currentComposition?.identifier;\n\n const currentCompositionFullUrl = toPreviewUrl(component, 'compositions', compositionIdentifierParam);\n\n const [compositionParams, setCompositionParams] = useState<Record<string, any>>(() =>\n enableLiveControls ? { fullscreen: true, livecontrols: true } : { fullscreen: true }\n );\n\n const queryParams = useMemo(() => queryString.stringify(compositionParams), [compositionParams]);\n\n const [controlsTrayOpen, setControlsTrayOpen] = useState(true);\n const [isDraggingTray, setIsDraggingTray] = useState(false);\n const trayRef = useRef<HTMLDivElement>(null);\n const trayHeightRef = useRef(260);\n const { ready, defs, values, onChange } = useLiveControls();\n\n const onTrayDragStart = useCallback((e: React.MouseEvent) => {\n e.preventDefault();\n const startY = e.clientY;\n const startHeight = trayHeightRef.current;\n setIsDraggingTray(true);\n document.body.style.cursor = 'ns-resize';\n document.body.style.userSelect = 'none';\n const onMove = (ev: MouseEvent) => {\n const next = Math.max(120, Math.min(600, startHeight + (startY - ev.clientY)));\n trayHeightRef.current = next;\n if (trayRef.current) {\n trayRef.current.style.height = `${next}px`;\n }\n };\n const onUp = () => {\n setIsDraggingTray(false);\n document.body.style.cursor = '';\n document.body.style.userSelect = '';\n document.removeEventListener('mousemove', onMove);\n document.removeEventListener('mouseup', onUp);\n };\n document.addEventListener('mousemove', onMove);\n document.addEventListener('mouseup', onUp);\n }, []);\n\n // collapse sidebar when empty, reopen when not\n useEffect(() => setSidebarOpenness(showSidebar), [showSidebar]);\n useEffect(() => {\n if (enableLiveControls) {\n setCompositionParams((current) => {\n if (current.livecontrols === true) return current;\n return { ...current, livecontrols: true };\n });\n return;\n }\n\n setCompositionParams((current) => {\n if (!('livecontrols' in current)) return current;\n const next = { ...current };\n delete next.livecontrols;\n return next;\n });\n }, [enableLiveControls]);\n\n const currentCompositionHasControls = ready && defs.length > 0;\n const showControlsTray = currentCompositionHasControls && controlsTrayOpen;\n\n return (\n <CompositionContextProvider queryParams={compositionParams} setQueryParams={setCompositionParams}>\n <SplitPane layout={sidebarOpenness} size=\"80%\" className={styles.compositionsPage}>\n <Pane className={styles.left}>\n <CompositionsMenuBar menuBarWidgets={menuBarWidgets} className={styles.menuBar}>\n <Tooltip content={'Open in new tab'} placement=\"bottom\">\n <Link external href={currentCompositionFullUrl} className={styles.toolbarButton}>\n <OptionButton icon=\"open-tab\" />\n </Link>\n </Tooltip>\n {currentCompositionHasControls && (\n <Tooltip content={controlsTrayOpen ? 'Hide controls' : 'Show controls'} placement=\"bottom\">\n <button\n className={`${styles.toolbarButton} ${controlsTrayOpen ? styles.toolbarButtonActive : ''}`}\n onClick={() => setControlsTrayOpen((o) => !o)}\n >\n <Icon of=\"settings\" />\n </button>\n </Tooltip>\n )}\n </CompositionsMenuBar>\n <SandboxPermissionsAggregator\n hooks={previewSandboxHooks}\n onSandboxChange={setSandboxValue}\n component={component}\n />\n <div className={styles.previewArea}>\n {isDraggingTray && <div className={styles.dragOverlay} />}\n <CompositionContent\n className={styles.compositionPanel}\n emptyState={emptyState}\n component={component}\n selected={currentComposition}\n queryParams={queryParams}\n sandbox={sandboxValue}\n />\n {showControlsTray && (\n <div ref={trayRef} className={styles.controlsTray} style={{ height: trayHeightRef.current }}>\n <div className={styles.trayDragHandle} onMouseDown={onTrayDragStart}>\n <div className={styles.trayDragBar} />\n </div>\n <div className={styles.trayHeader}>\n <div className={styles.trayTitleRow}>\n <Icon of=\"settings\" className={styles.trayIcon} />\n <span className={styles.trayTitle}>Live Controls</span>\n {ready && defs.length > 0 && <span className={styles.trayBadge}>{defs.length}</span>}\n </div>\n <button className={styles.trayClose} onClick={() => setControlsTrayOpen(false)}>\n <Icon of=\"x\" />\n </button>\n </div>\n <div className={styles.trayBody}>\n {ready ? (\n <LiveControls defs={defs} values={values} onChange={onChange} />\n ) : (\n <div className={styles.trayEmpty}>No live controls available for this composition</div>\n )}\n </div>\n </div>\n )}\n </div>\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 isScaling={isScaling}\n useNameParam={useNameParam}\n includesEnvTemplate={component.preview?.includesEnvTemplate}\n onSelectComposition={(composition) => {\n if (!currentComposition \|\| !location) return;\n const selectedCompositionFromUrl = params[''];\n\n const pathSegments = location.pathname.split('/').filter((x) => x);\n\n if (!selectedCompositionFromUrl) {\n pathSegments.push(composition.identifier.toLowerCase());\n } else {\n pathSegments[pathSegments.length - 1] = composition.identifier.toLowerCase();\n }\n\n const urlParams = new URLSearchParams(searchParams);\n if (versionFromQueryParams) {\n urlParams.set('version', versionFromQueryParams);\n }\n const newPath = pathSegments.join('/');\n navigate(`/${newPath}?${urlParams.toString()}`);\n }}\n url={compositionUrl}\n compositions={component.compositions}\n active={currentComposition}\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\nexport type CompositionContentProps = {\n component: ComponentModel;\n selected?: Composition;\n queryParams?: string \| string[];\n emptyState?: EmptyStateSlot;\n} & ComponentCompositionProps;\n\nexport function CompositionContent({\n component,\n selected,\n queryParams,\n emptyState,\n sandbox,\n ...componentCompositionProps\n}: 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/reference/dev-services-overview/compositions/compositions-overview`}\n />\n );\n }\n\n return (\n <ComponentComposition\n className={styles.compositionsIframe}\n // TODO: Oded to add control for viewport.\n viewport={null}\n component={component}\n forceHeight=\"100%\"\n composition={selected}\n fullContentHeight\n pubsub={true}\n queryParams={queryParams}\n sandbox={sandbox}\n {...componentCompositionProps}\n />\n );\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","data","_interopRequireWildcard","require","_reactRouterDom","_lodash","_interopRequireDefault","_queryString","_documenterTheme","_baseUiSurfacesSplitPane","_baseUiSurfacesSplitPane2","_component","_documenterUi","_panels","_docsUiQueries","_uiFoundationUiButtons","_designUi","_previewUi","_uiFoundationUiHooks","_compositionsUi","_compositionsUiHooks","_mdxUi","_designUi2","_documenterUi2","_designUi3","_baseReactNavigation","_designUiInput","_designUiSurfaces","_designUi4","_evangelistElements","_compositionsUi2","_compositionsModule","_ui","_compositionsPanel","_liveControlPanel","_useDefaultControlsSchemaResponder","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ownKeys","keys","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","Link","BaseLink","Compositions","menuBarWidgets","emptyState","usePreviewSandboxSlot","enableLiveControls","component","useContext","ComponentContext","componentIdStr","id","toString","searchParams","useSearchParams","params","useParams","versionFromQueryParams","navigate","useNavigate","location","useLocation","currentCompositionName","currentComposition","compositions","find","composition","identifier","toLowerCase","head","sandboxValue","setSandboxValue","useState","selectedRef","useRef","current","useDefaultControlsSchemaResponder","properties","useDocs","previewSandboxHooks","values","isMobile","useIsMobile","showSidebar","isSidebarOpen","setSidebarOpenness","sidebarOpenness","Layout","row","left","compositionUrl","toPreviewUrl","isScaling","preview","includesEnvTemplates","includesEnvTemplate","useNameParam","compositionIdentifierParam","currentCompositionFullUrl","compositionParams","setCompositionParams","fullscreen","livecontrols","queryParams","useMemo","queryString","stringify","controlsTrayOpen","setControlsTrayOpen","isDraggingTray","setIsDraggingTray","trayRef","trayHeightRef","ready","defs","onChange","useLiveControls","onTrayDragStart","useCallback","preventDefault","startY","clientY","startHeight","document","body","style","cursor","userSelect","onMove","ev","next","Math","max","min","maxHeight","onUp","removeEventListener","addEventListener","useEffect","currentCompositionHasControls","showControlsTray","createElement","CompositionContextProvider","setQueryParams","SplitPane","layout","size","className","styles","compositionsPage","Pane","CompositionsMenuBar","menuBar","Tooltip","content","placement","external","href","toolbarButton","OptionButton","icon","toolbarButtonActive","onClick","Icon","of","SandboxPermissionsAggregator","hooks","onSandboxChange","previewArea","dragOverlay","CompositionContent","compositionPanel","selected","sandbox","ref","controlsTray","trayDragHandle","onMouseDown","trayDragBar","trayHeader","trayTitleRow","trayIcon","trayTitle","trayBadge","trayClose","trayBody","LiveControls","trayEmpty","HoverSplitter","splitter","Collapser","isOpen","stopPropagation","x","tooltipContent","collapser","right","ThemeContext","TabContainer","tabsContainer","TabList","tabs","Tab","TabPanel","tabContent","CompositionsPanel","onSelectComposition","selectedCompositionFromUrl","pathSegments","pathname","split","urlParams","URLSearchParams","newPath","join","url","active","PropTable","rows","showListView","_ref","componentCompositionProps","env","environment","EmptyStateTemplate","host","noCompositionsPage","H1","title","Separator","isPresentational","separator","AlertCard","level","MDXLayout","buildStatus","StatusMessageCard","buildStatusMessage","status","EmptyBox","linkText","link","ComponentComposition","compositionsIframe","viewport","forceHeight","fullContentHeight","pubsub"],"sources":["compositions.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useEffect, useState, useMemo, useRef, useCallback } from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\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 type { ComponentModel } from '@teambit/component';\nimport { ComponentContext } 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 { SandboxPermissionsAggregator, 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 { Link as BaseLink, useNavigate, useLocation } from '@teambit/base-react.navigation.link';\nimport { OptionButton } from '@teambit/design.ui.input.option-button';\nimport { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { Tooltip } from '@teambit/design.ui.tooltip';\nimport { Icon } from '@teambit/evangelist.elements.icon';\nimport { useLiveControls } from '@teambit/compositions.ui.composition-live-controls';\nimport type { EmptyStateSlot, CompositionsMenuSlot, UsePreviewSandboxSlot } from './compositions.ui.runtime';\nimport type { Composition } from './composition';\nimport styles from './compositions.module.scss';\nimport { ComponentComposition } from './ui';\nimport { CompositionsPanel } from './ui/compositions-panel/compositions-panel';\nimport { LiveControls } from './ui/compositions-panel/live-control-panel';\nimport type { ComponentCompositionProps } from './ui/composition-preview';\nimport { useDefaultControlsSchemaResponder } from './use-default-controls-schema-responder';\n\n// @todo - this will be fixed as part of the @teambit/base-react.navigation.link upgrade to latest\nconst Link = BaseLink as any;\n\nexport type MenuBarWidget = {\n location: 'start' \| 'end';\n content: ReactNode;\n};\nexport type CompositionsProp = {\n menuBarWidgets?: CompositionsMenuSlot;\n emptyState?: EmptyStateSlot;\n usePreviewSandboxSlot?: UsePreviewSandboxSlot;\n enableLiveControls?: boolean;\n};\n\nexport function Compositions({\n menuBarWidgets,\n emptyState,\n usePreviewSandboxSlot,\n enableLiveControls = true,\n}: CompositionsProp) {\n const component = useContext(ComponentContext);\n const componentIdStr = component.id.toString();\n const [searchParams] = useSearchParams();\n const params = useParams();\n const versionFromQueryParams = searchParams.get('version');\n const navigate = useNavigate();\n const location = useLocation();\n const currentCompositionName = params[''];\n const currentComposition =\n component.compositions.find((composition) => composition.identifier.toLowerCase() === currentCompositionName) \|\|\n head(component.compositions);\n const [sandboxValue, setSandboxValue] = useState('');\n const selectedRef = useRef(currentComposition);\n selectedRef.current = currentComposition;\n useDefaultControlsSchemaResponder(componentIdStr, enableLiveControls);\n\n const properties = useDocs(component.id);\n const previewSandboxHooks = usePreviewSandboxSlot?.values() ?? [];\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 isScaling = component?.preview?.isScaling;\n const includesEnvTemplates = component?.preview?.includesEnvTemplate;\n const useNameParam = component?.preview?.useNameParam;\n const compositionIdentifierParam =\n useNameParam \|\| (isScaling && includesEnvTemplates === false)\n ? `name=${currentComposition?.identifier}`\n : currentComposition?.identifier;\n\n const currentCompositionFullUrl = toPreviewUrl(component, 'compositions', compositionIdentifierParam);\n\n const [compositionParams, setCompositionParams] = useState<Record<string, any>>(() =>\n enableLiveControls ? { fullscreen: true, livecontrols: true } : { fullscreen: true }\n );\n\n const queryParams = useMemo(() => queryString.stringify(compositionParams), [compositionParams]);\n\n const [controlsTrayOpen, setControlsTrayOpen] = useState(true);\n const [isDraggingTray, setIsDraggingTray] = useState(false);\n const trayRef = useRef<HTMLDivElement>(null);\n const trayHeightRef = useRef(260);\n const { ready, defs, values, onChange } = useLiveControls();\n\n const onTrayDragStart = useCallback((e: React.MouseEvent) => {\n e.preventDefault();\n const startY = e.clientY;\n const startHeight = trayHeightRef.current;\n setIsDraggingTray(true);\n document.body.style.cursor = 'ns-resize';\n document.body.style.userSelect = 'none';\n const onMove = (ev: MouseEvent) => {\n const next = Math.max(120, Math.min(600, startHeight + (startY - ev.clientY)));\n trayHeightRef.current = next;\n if (trayRef.current) {\n trayRef.current.style.maxHeight = `${next}px`;\n }\n };\n const onUp = () => {\n setIsDraggingTray(false);\n document.body.style.cursor = '';\n document.body.style.userSelect = '';\n document.removeEventListener('mousemove', onMove);\n document.removeEventListener('mouseup', onUp);\n };\n document.addEventListener('mousemove', onMove);\n document.addEventListener('mouseup', onUp);\n }, []);\n\n // collapse sidebar when empty, reopen when not\n useEffect(() => setSidebarOpenness(showSidebar), [showSidebar]);\n useEffect(() => {\n if (enableLiveControls) {\n setCompositionParams((current) => {\n if (current.livecontrols === true) return current;\n return { ...current, livecontrols: true };\n });\n return;\n }\n\n setCompositionParams((current) => {\n if (!('livecontrols' in current)) return current;\n const next = { ...current };\n delete next.livecontrols;\n return next;\n });\n }, [enableLiveControls]);\n\n const currentCompositionHasControls = ready && defs.length > 0;\n const showControlsTray = currentCompositionHasControls && controlsTrayOpen;\n\n return (\n <CompositionContextProvider queryParams={compositionParams} setQueryParams={setCompositionParams}>\n <SplitPane layout={sidebarOpenness} size=\"80%\" className={styles.compositionsPage}>\n <Pane className={styles.left}>\n <CompositionsMenuBar menuBarWidgets={menuBarWidgets} className={styles.menuBar}>\n <Tooltip content={'Open in new tab'} placement=\"bottom\">\n <Link external href={currentCompositionFullUrl} className={styles.toolbarButton}>\n <OptionButton icon=\"open-tab\" />\n </Link>\n </Tooltip>\n {currentCompositionHasControls && (\n <Tooltip content={controlsTrayOpen ? 'Hide controls' : 'Show controls'} placement=\"bottom\">\n <button\n className={`${styles.toolbarButton} ${controlsTrayOpen ? styles.toolbarButtonActive : ''}`}\n onClick={() => setControlsTrayOpen((o) => !o)}\n >\n <Icon of=\"settings\" />\n </button>\n </Tooltip>\n )}\n </CompositionsMenuBar>\n <SandboxPermissionsAggregator\n hooks={previewSandboxHooks}\n onSandboxChange={setSandboxValue}\n component={component}\n />\n <div className={styles.previewArea}>\n {isDraggingTray && <div className={styles.dragOverlay} />}\n <CompositionContent\n className={styles.compositionPanel}\n emptyState={emptyState}\n component={component}\n selected={currentComposition}\n queryParams={queryParams}\n sandbox={sandboxValue}\n />\n {showControlsTray && (\n <div ref={trayRef} className={styles.controlsTray} style={{ maxHeight: trayHeightRef.current }}>\n <div className={styles.trayDragHandle} onMouseDown={onTrayDragStart}>\n <div className={styles.trayDragBar} />\n </div>\n <div className={styles.trayHeader}>\n <div className={styles.trayTitleRow}>\n <Icon of=\"settings\" className={styles.trayIcon} />\n <span className={styles.trayTitle}>Live Controls</span>\n {ready && defs.length > 0 && <span className={styles.trayBadge}>{defs.length}</span>}\n </div>\n <button className={styles.trayClose} onClick={() => setControlsTrayOpen(false)}>\n <Icon of=\"x\" />\n </button>\n </div>\n <div className={styles.trayBody}>\n {ready ? (\n <LiveControls defs={defs} values={values} onChange={onChange} />\n ) : (\n <div className={styles.trayEmpty}>No live controls available for this composition</div>\n )}\n </div>\n </div>\n )}\n </div>\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 isScaling={isScaling}\n useNameParam={useNameParam}\n includesEnvTemplate={component.preview?.includesEnvTemplate}\n onSelectComposition={(composition) => {\n if (!currentComposition \|\| !location) return;\n const selectedCompositionFromUrl = params[''];\n\n const pathSegments = location.pathname.split('/').filter((x) => x);\n\n if (!selectedCompositionFromUrl) {\n pathSegments.push(composition.identifier.toLowerCase());\n } else {\n pathSegments[pathSegments.length - 1] = composition.identifier.toLowerCase();\n }\n\n const urlParams = new URLSearchParams(searchParams);\n if (versionFromQueryParams) {\n urlParams.set('version', versionFromQueryParams);\n }\n const newPath = pathSegments.join('/');\n navigate(`/${newPath}?${urlParams.toString()}`);\n }}\n url={compositionUrl}\n compositions={component.compositions}\n active={currentComposition}\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\nexport type CompositionContentProps = {\n component: ComponentModel;\n selected?: Composition;\n queryParams?: string \| string[];\n emptyState?: EmptyStateSlot;\n} & ComponentCompositionProps;\n\nexport function CompositionContent({\n component,\n selected,\n queryParams,\n emptyState,\n sandbox,\n ...componentCompositionProps\n}: 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/reference/dev-services-overview/compositions/compositions-overview`}\n />\n );\n }\n\n return (\n <ComponentComposition\n className={styles.compositionsIframe}\n // TODO: Oded to add control for viewport.\n viewport={null}\n component={component}\n forceHeight=\"100%\"\n composition={selected}\n fullContentHeight\n pubsub={true}\n queryParams={queryParams}\n sandbox={sandbox}\n {...componentCompositionProps}\n />\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/compositions.module.scss CHANGED Viewed

@@ -20,7 +20,6 @@
 }
 .right {
-  background: var(--compositions-panel-bg, #f7f7f8);
   overflow-y: auto;
   min-width: 200px;
   max-width: calc(100% - 200px);
@@ -145,7 +144,7 @@
   display: flex;
   flex-direction: column;
   border-top: 1px solid var(--bit-border-color-lightest, #eaeaec);
-  background: var(--compositions-panel-bg, #f7f7f8);
+  background: var(--bit-bg-color, #ffffff);
   overflow: hidden;
 }

package/dist/{preview-1776874071072.js → preview-1776960512780.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.964/dist/compositions.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.964/dist/compositions.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.966/dist/compositions.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.compositions_compositions@1.0.966/dist/compositions.docs.mdx';
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/dist/ui/compositions-panel/compositions-panel.js CHANGED Viewed

@@ -121,8 +121,6 @@ function CompositionsPanel(_ref) {
       className: _compositionsPanelModule().default.panelLink,
       onClick: () => handleSelect(composition)
     }, /*#__PURE__*/_react().default.createElement("span", {
-      className: _compositionsPanelModule().default.compositionDot
-    }), /*#__PURE__*/_react().default.createElement("span", {
       className: _compositionsPanelModule().default.name
     }, composition.displayName)), /*#__PURE__*/_react().default.createElement("div", {
       className: _compositionsPanelModule().default.itemActions

package/dist/ui/compositions-panel/compositions-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_evangelistElements","data","require","_classnames","_interopRequireDefault","_reactRouterDom","_react","_interopRequireWildcard","_uiFoundationUi","_designUi","_baseReactNavigation","_compositionsUi","_compositionsPanelModule","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","CompositionsPanel","_ref","url","compositions","isScaling","onSelectComposition","onSelect","active","includesEnvTemplate","useNameParam","className","rest","setTimestamp","useLiveControls","shouldAddNameParam","location","useLocation","searchParams","useSearchParams","versionFromQueryParams","navigate","useNavigate","handleSelect","useCallback","selected","onCompositionCodeClicked","composition","preventDefault","queryParams","URLSearchParams","basePath","pathname","split","filepath","toString","identifier","createElement","styles","container","classNames","compositionsList","map","href","key","compositionItem","panelLink","onClick","compositionDot","name","displayName","itemActions","MenuWidgetIcon","actionIcon","icon","tooltipContent","Tooltip","content","placement","iconLink","target","rel","Icon","of"],"sources":["compositions-panel.tsx"],"sourcesContent":["import { Icon } from '@teambit/evangelist.elements.icon';\nimport classNames from 'classnames';\nimport { useSearchParams } from 'react-router-dom';\nimport React, { useCallback } from 'react';\nimport { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';\nimport { Tooltip } from '@teambit/design.ui.tooltip';\nimport { useNavigate, useLocation } from '@teambit/base-react.navigation.link';\nimport { useLiveControls } from '@teambit/compositions.ui.composition-live-controls';\nimport styles from './compositions-panel.module.scss';\nimport type { Composition } from '../../composition';\n\nexport type CompositionsPanelProps = {\n compositions: Composition[];\n onSelectComposition: (composition: Composition) => void;\n active?: Composition;\n url: string;\n isScaling?: boolean;\n includesEnvTemplate?: boolean;\n useNameParam?: boolean;\n} & React.HTMLAttributes<HTMLUListElement>;\n\nexport function CompositionsPanel({\n url,\n compositions,\n isScaling,\n onSelectComposition: onSelect,\n active,\n includesEnvTemplate,\n useNameParam,\n className,\n ...rest\n}: CompositionsPanelProps) {\n const { setTimestamp } = useLiveControls();\n const shouldAddNameParam = useNameParam \|\| (isScaling && includesEnvTemplate === false);\n\n const location = useLocation();\n const [searchParams] = useSearchParams();\n const versionFromQueryParams = searchParams.get('version');\n const navigate = useNavigate();\n\n const handleSelect = useCallback(\n (selected: Composition) => {\n onSelect && onSelect(selected);\n if (selected === active) return;\n setTimestamp(0);\n },\n [onSelect, active, setTimestamp]\n );\n\n const onCompositionCodeClicked = useCallback(\n (composition: Composition) => (e: React.MouseEvent<HTMLDivElement>) => {\n e.preventDefault();\n setTimestamp(0);\n const queryParams = new URLSearchParams();\n if (versionFromQueryParams) {\n queryParams.set('version', versionFromQueryParams);\n }\n const basePath = location?.pathname.split('/~compositions')[0];\n navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`);\n },\n [location?.pathname, navigate, setTimestamp, versionFromQueryParams]\n );\n\n return (\n <div className={styles.container}>\n <ul {...rest} className={classNames(styles.compositionsList, className)}>\n {compositions.map((composition) => {\n const href = shouldAddNameParam\n ? `${url}&name=${composition.identifier}`\n : `${url}&${composition.identifier}`;\n return (\n <li\n key={composition.identifier}\n className={classNames(styles.compositionItem, composition === active && styles.active)}\n >\n <a className={styles.panelLink} onClick={() => handleSelect(composition)}>\n <span className={styles.compositionDot} />\n <span className={styles.name}>{composition.displayName}</span>\n </a>\n <div className={styles.itemActions}>\n <MenuWidgetIcon\n className={styles.actionIcon}\n icon=\"Code\"\n tooltipContent=\"View source\"\n onClick={onCompositionCodeClicked(composition)}\n />\n <Tooltip content=\"Open in new tab\" placement=\"bottom\">\n <a\n className={classNames(styles.actionIcon, styles.iconLink)}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n href={href}\n >\n <Icon of=\"open-tab\" />\n </a>\n </Tooltip>\n </div>\n </li>\n );\n })}\n </ul>\n </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_evangelistElements","data","require","_classnames","_interopRequireDefault","_reactRouterDom","_react","_interopRequireWildcard","_uiFoundationUi","_designUi","_baseReactNavigation","_compositionsUi","_compositionsPanelModule","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","CompositionsPanel","_ref","url","compositions","isScaling","onSelectComposition","onSelect","active","includesEnvTemplate","useNameParam","className","rest","setTimestamp","useLiveControls","shouldAddNameParam","location","useLocation","searchParams","useSearchParams","versionFromQueryParams","navigate","useNavigate","handleSelect","useCallback","selected","onCompositionCodeClicked","composition","preventDefault","queryParams","URLSearchParams","basePath","pathname","split","filepath","toString","identifier","createElement","styles","container","classNames","compositionsList","map","href","key","compositionItem","panelLink","onClick","name","displayName","itemActions","MenuWidgetIcon","actionIcon","icon","tooltipContent","Tooltip","content","placement","iconLink","target","rel","Icon","of"],"sources":["compositions-panel.tsx"],"sourcesContent":["import { Icon } from '@teambit/evangelist.elements.icon';\nimport classNames from 'classnames';\nimport { useSearchParams } from 'react-router-dom';\nimport React, { useCallback } from 'react';\nimport { MenuWidgetIcon } from '@teambit/ui-foundation.ui.menu-widget-icon';\nimport { Tooltip } from '@teambit/design.ui.tooltip';\nimport { useNavigate, useLocation } from '@teambit/base-react.navigation.link';\nimport { useLiveControls } from '@teambit/compositions.ui.composition-live-controls';\nimport styles from './compositions-panel.module.scss';\nimport type { Composition } from '../../composition';\n\nexport type CompositionsPanelProps = {\n compositions: Composition[];\n onSelectComposition: (composition: Composition) => void;\n active?: Composition;\n url: string;\n isScaling?: boolean;\n includesEnvTemplate?: boolean;\n useNameParam?: boolean;\n} & React.HTMLAttributes<HTMLUListElement>;\n\nexport function CompositionsPanel({\n url,\n compositions,\n isScaling,\n onSelectComposition: onSelect,\n active,\n includesEnvTemplate,\n useNameParam,\n className,\n ...rest\n}: CompositionsPanelProps) {\n const { setTimestamp } = useLiveControls();\n const shouldAddNameParam = useNameParam \|\| (isScaling && includesEnvTemplate === false);\n\n const location = useLocation();\n const [searchParams] = useSearchParams();\n const versionFromQueryParams = searchParams.get('version');\n const navigate = useNavigate();\n\n const handleSelect = useCallback(\n (selected: Composition) => {\n onSelect && onSelect(selected);\n if (selected === active) return;\n setTimestamp(0);\n },\n [onSelect, active, setTimestamp]\n );\n\n const onCompositionCodeClicked = useCallback(\n (composition: Composition) => (e: React.MouseEvent<HTMLDivElement>) => {\n e.preventDefault();\n setTimestamp(0);\n const queryParams = new URLSearchParams();\n if (versionFromQueryParams) {\n queryParams.set('version', versionFromQueryParams);\n }\n const basePath = location?.pathname.split('/~compositions')[0];\n navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`);\n },\n [location?.pathname, navigate, setTimestamp, versionFromQueryParams]\n );\n\n return (\n <div className={styles.container}>\n <ul {...rest} className={classNames(styles.compositionsList, className)}>\n {compositions.map((composition) => {\n const href = shouldAddNameParam\n ? `${url}&name=${composition.identifier}`\n : `${url}&${composition.identifier}`;\n return (\n <li\n key={composition.identifier}\n className={classNames(styles.compositionItem, composition === active && styles.active)}\n >\n <a className={styles.panelLink} onClick={() => handleSelect(composition)}>\n <span className={styles.name}>{composition.displayName}</span>\n </a>\n <div className={styles.itemActions}>\n <MenuWidgetIcon\n className={styles.actionIcon}\n icon=\"Code\"\n tooltipContent=\"View source\"\n onClick={onCompositionCodeClicked(composition)}\n />\n <Tooltip content=\"Open in new tab\" placement=\"bottom\">\n <a\n className={classNames(styles.actionIcon, styles.iconLink)}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n href={href}\n >\n <Icon of=\"open-tab\" />\n </a>\n </Tooltip>\n </div>\n </li>\n );\n })}\n </ul>\n </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui/compositions-panel/compositions-panel.module.scss CHANGED Viewed

@@ -57,23 +57,9 @@
         color: #ffffff;
       }
     }
-    .compositionDot {
-      background: rgba(255, 255, 255, 0.5);
-    }
   }
 }
-.compositionDot {
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  background: var(--bit-accent-color, #6c5ce7);
-  opacity: 0.4;
-  flex-shrink: 0;
-  margin-right: 8px;
-}
 .panelLink {
   display: flex;
   align-items: center;
@@ -117,7 +103,6 @@
   width: 22px;
   height: 22px;
   border-radius: 4px;
-  color: var(--bit-text-color-light, #8b8d98);
   cursor: pointer;
   transition: all 100ms ease;
   text-decoration: none;

package/dist/ui/compositions-panel/live-control-panel.module.scss CHANGED Viewed

@@ -1,21 +1,24 @@
 .container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  gap: 2px 0;
+  gap: 0;
   font-size: 13px;
-  padding: 0;
+  padding: 4px 0;
   width: 100%;
 }
 .item {
   padding: 8px 14px;
-  border-right: 1px solid var(--bit-border-color-lightest, rgba(0, 0, 0, 0.05));
-  border-bottom: 1px solid var(--bit-border-color-lightest, rgba(0, 0, 0, 0.05));
+  border-bottom: 1px solid var(--bit-border-color-lightest, rgba(0, 0, 0, 0.06));
   transition: background 120ms ease;
   min-width: 0;
   &:hover {
-    background: rgba(0, 0, 0, 0.015);
+    background: var(--surface-hover-color, rgba(0, 0, 0, 0.015));
+  }
+  &:last-child {
+    border-bottom: none;
   }
 }

package/package.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/compositions",
-  "version": "1.0.964",
+  "version": "1.0.966",
   "homepage": "https://bit.cloud/teambit/compositions/compositions",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.compositions",
     "name": "compositions",
-    "version": "1.0.964"
+    "version": "1.0.966"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
@@ -16,6 +16,9 @@
     "classnames": "^2.5.1",
     "@teambit/compositions.model.composition-id": "0.0.506",
     "@teambit/harmony": "0.4.7",
+    "@teambit/cli": "0.0.1320",
+    "@teambit/component.sources": "0.0.163",
+    "@teambit/legacy.consumer-component": "0.0.112",
     "@teambit/toolbox.path.match-patterns": "0.0.27",
     "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504",
     "@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.1",
@@ -39,7 +42,6 @@
     "@teambit/design.ui.surfaces.status-message-card": "0.0.18",
     "@teambit/mdx.ui.mdx-layout": "1.0.12",
     "@teambit/compositions.ui.composition-compare-section": "0.0.103",
-    "@teambit/compositions.ui.composition-compare": "0.0.263",
     "@teambit/api-reference.hooks.use-api": "0.0.57",
     "@teambit/workspace.ui.use-workspace-mode": "0.0.2",
     "@teambit/ui-foundation.ui.menu-widget-icon": "0.0.502",
@@ -51,20 +53,18 @@
     "@teambit/design.inputs.toggle-switch": "0.0.9",
     "@teambit/design.ui.input.color-picker": "0.0.56",
     "@teambit/base-ui.loaders.skeleton": "1.0.2",
-    "@teambit/component": "1.0.964",
-    "@teambit/graphql": "1.0.964",
-    "@teambit/cli": "0.0.1319",
-    "@teambit/component.sources": "0.0.162",
-    "@teambit/dev-files": "1.0.964",
-    "@teambit/envs": "1.0.964",
-    "@teambit/legacy.consumer-component": "0.0.111",
-    "@teambit/preview": "1.0.964",
-    "@teambit/schema": "1.0.964",
-    "@teambit/scope": "1.0.964",
-    "@teambit/workspace": "1.0.964",
-    "@teambit/panels": "0.0.1321",
-    "@teambit/component-compare": "1.0.964",
-    "@teambit/ui": "1.0.964"
+    "@teambit/component": "1.0.966",
+    "@teambit/graphql": "1.0.966",
+    "@teambit/dev-files": "1.0.966",
+    "@teambit/envs": "1.0.966",
+    "@teambit/preview": "1.0.966",
+    "@teambit/schema": "1.0.966",
+    "@teambit/scope": "1.0.966",
+    "@teambit/workspace": "1.0.966",
+    "@teambit/panels": "0.0.1323",
+    "@teambit/component-compare": "1.0.966",
+    "@teambit/compositions.ui.composition-compare": "0.0.264",
+    "@teambit/ui": "1.0.966"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",

package/ui/compositions-panel/compositions-panel.module.scss CHANGED Viewed

@@ -57,23 +57,9 @@
         color: #ffffff;
       }
     }
-    .compositionDot {
-      background: rgba(255, 255, 255, 0.5);
-    }
   }
 }
-.compositionDot {
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  background: var(--bit-accent-color, #6c5ce7);
-  opacity: 0.4;
-  flex-shrink: 0;
-  margin-right: 8px;
-}
 .panelLink {
   display: flex;
   align-items: center;
@@ -117,7 +103,6 @@
   width: 22px;
   height: 22px;
   border-radius: 4px;
-  color: var(--bit-text-color-light, #8b8d98);
   cursor: pointer;
   transition: all 100ms ease;
   text-decoration: none;

package/ui/compositions-panel/compositions-panel.tsx CHANGED Viewed

@@ -74,7 +74,6 @@ export function CompositionsPanel({
               className={classNames(styles.compositionItem, composition === active && styles.active)}
             >
               <a className={styles.panelLink} onClick={() => handleSelect(composition)}>
-                <span className={styles.compositionDot} />
                 <span className={styles.name}>{composition.displayName}</span>
               </a>
               <div className={styles.itemActions}>

package/ui/compositions-panel/live-control-panel.module.scss CHANGED Viewed

@@ -1,21 +1,24 @@
 .container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  gap: 2px 0;
+  gap: 0;
   font-size: 13px;
-  padding: 0;
+  padding: 4px 0;
   width: 100%;
 }
 .item {
   padding: 8px 14px;
-  border-right: 1px solid var(--bit-border-color-lightest, rgba(0, 0, 0, 0.05));
-  border-bottom: 1px solid var(--bit-border-color-lightest, rgba(0, 0, 0, 0.05));
+  border-bottom: 1px solid var(--bit-border-color-lightest, rgba(0, 0, 0, 0.06));
   transition: background 120ms ease;
   min-width: 0;
   &:hover {
-    background: rgba(0, 0, 0, 0.015);
+    background: var(--surface-hover-color, rgba(0, 0, 0, 0.015));
+  }
+  &:last-child {
+    border-bottom: none;
   }
 }