@teambit/scope 1.0.107 → 1.0.109

package/dist/ui/scope.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_baseUiSurfacesSplitPane","_uiFoundationUiReactRouter","_uiFoundationUi","_uiFoundationUiButtons","_baseUiSurfacesSplitPane2","_uiFoundationUi2","_baseUiUtils","_uiFoundationUi3","_reactRouterDom","_uiFoundationUiHooks","_scopeUiHooks","_scopeUiHooks2","_scopeOverview","_scopeModule","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Scope","routeSlot","menuSlot","sidebar","scopeUi","badgeSlot","overviewLineSlot","cornerSlot","PaneWrapper","context","paneClassName","TargetScopeOverview","TargetCorner","onSidebarTogglerChange","userUseScopeQuery","scopeClassName","scope","useScopeQuery","isMobile","useIsMobile","isSidebarOpen","handleSidebarToggle","useReducer","x","sidebarOpenness","Layout","row","right","createElement","FullLoader","CornerOverride","values","setComponents","components","Context","map","ctx","ScopeProvider","Composer","className","classNames","styles","TopBar","topbar","Corner","name","whiteCorner","menu","SplitPane","main","size","layout","Pane","collapsed","HoverSplitter","splitter","Collapser","isOpen","onMouseDown","stopPropagation","onClick","tooltipContent","PaneContainer","Wrapper","pane","SlotRouter","slot","Route","index","element","ScopeOverview","overviewSlot","TargetOverview","children"],"sources":["scope.tsx"],"sourcesContent":["import React, { useReducer, ComponentType, ReactNode } from 'react';\nimport 'reset-css';\nimport classNames from 'classnames';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\nimport { RouteSlot, SlotRouter } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Corner } from '@teambit/ui-foundation.ui.corner';\nimport { Collapser } from '@teambit/ui-foundation.ui.buttons.collapser';\nimport { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport { Composer, ComponentTuple } from '@teambit/base-ui.utils.composer';\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\nimport { Route } from 'react-router-dom';\nimport { useIsMobile } from '@teambit/ui-foundation.ui.hooks.use-is-mobile';\nimport { ScopeProvider } from '@teambit/scope.ui.hooks.scope-context';\nimport { useScopeQuery } from '@teambit/scope.ui.hooks.use-scope';\nimport { ScopeOverview } from './scope-overview';\nimport styles from './scope.module.scss';\nimport { ScopeUI, ScopeBadgeSlot, ScopeContextType, CornerSlot, OverviewLineSlot } from '../scope.ui.runtime';\nimport { ScopeModel } from '..';\n\nexport type ScopeProps = {\n  routeSlot: RouteSlot;\n  menuSlot: RouteSlot;\n  sidebar: JSX.Element;\n  scopeUi: ScopeUI;\n  badgeSlot: ScopeBadgeSlot;\n  overviewLineSlot: OverviewLineSlot;\n  cornerSlot: CornerSlot;\n  context: ScopeContextType[];\n  TargetScopeOverview?: ComponentType;\n  userUseScopeQuery?: () => { scope: ScopeModel | undefined };\n  onSidebarTogglerChange: (callback: () => void) => void;\n  TargetCorner?: ComponentType;\n  paneClassName?: string;\n  scopeClassName?: string;\n  PaneWrapper?: ComponentType<{ children: ReactNode }>;\n};\n\n/**\n * root component of the scope\n */\nexport function Scope({\n  routeSlot,\n  menuSlot,\n  sidebar,\n  scopeUi,\n  badgeSlot,\n  overviewLineSlot,\n  cornerSlot,\n  PaneWrapper,\n  context = [],\n  paneClassName,\n  TargetScopeOverview,\n  TargetCorner,\n  onSidebarTogglerChange,\n  userUseScopeQuery,\n  scopeClassName,\n}: ScopeProps) {\n  const { scope } = userUseScopeQuery ? userUseScopeQuery() : useScopeQuery();\n  const isMobile = useIsMobile();\n  const [isSidebarOpen, handleSidebarToggle] = useReducer((x) => !x, !isMobile);\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.right;\n  if (!scope) {\n    return <FullLoader />;\n  }\n  const CornerOverride = TargetCorner || cornerSlot?.values()[0];\n  scopeUi.setComponents(scope.components);\n  const Context = context.map((ctx) => [ctx, { scope }] as ComponentTuple);\n\n  onSidebarTogglerChange(handleSidebarToggle);\n\n  return (\n    <ScopeProvider scope={scope}>\n      <Composer components={Context}>\n        <div className={classNames(styles.scope, scopeClassName)}>\n          <TopBar\n            className={styles.topbar}\n            Corner={() => {\n              if (CornerOverride) return <CornerOverride />;\n              return <Corner name={scope.name} className={styles.whiteCorner} />;\n            }}\n            menu={menuSlot}\n          />\n\n          <SplitPane className={styles.main} size={264} layout={sidebarOpenness}>\n            <Pane className={classNames(styles.sidebar, !isSidebarOpen && styles.collapsed)}>{sidebar}</Pane>\n            <HoverSplitter className={styles.splitter}>\n              <Collapser\n                isOpen={isSidebarOpen}\n                onMouseDown={(e) => e.stopPropagation()} // avoid split-pane drag\n                onClick={handleSidebarToggle}\n                tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side panel`}\n              />\n            </HoverSplitter>\n\n            {\n              /**\n               * @hack - discuss with Ran why we need a PaneWrapper as a parent of the Pane\n               * conditionally rendering it makes sure that it doesn't break the code tab layout\n               */\n              (PaneWrapper && (\n                <PaneContainer Wrapper={PaneWrapper}>\n                  <Pane className={classNames(paneClassName, styles.pane)}>\n                    <SlotRouter slot={routeSlot}>\n                      <Route\n                        index\n                        element={\n                          <ScopeOverview\n                            badgeSlot={badgeSlot}\n                            overviewSlot={overviewLineSlot}\n                            TargetOverview={TargetScopeOverview}\n                          />\n                        }\n                      />\n                    </SlotRouter>\n                  </Pane>\n                </PaneContainer>\n              )) || (\n                <Pane className={classNames(paneClassName, styles.pane)}>\n                  <SlotRouter slot={routeSlot}>\n                    <Route\n                      index\n                      element={\n                        <ScopeOverview\n                          badgeSlot={badgeSlot}\n                          overviewSlot={overviewLineSlot}\n                          TargetOverview={TargetScopeOverview}\n                        />\n                      }\n                    />\n                  </SlotRouter>\n                </Pane>\n              )\n            }\n          </SplitPane>\n        </div>\n      </Composer>\n    </ScopeProvider>\n  );\n}\n\nfunction PaneContainer({\n  children,\n  Wrapper,\n}: {\n  children: ReactNode;\n  Wrapper: ComponentType<{ children: ReactNode }>;\n}) {\n  return <Wrapper>{children}</Wrapper>;\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_baseUiSurfacesSplitPane","_uiFoundationUiReactRouter","_uiFoundationUi","_uiFoundationUiButtons","_baseUiSurfacesSplitPane2","_uiFoundationUi2","_baseUiUtils","_uiFoundationUi3","_reactRouterDom","_uiFoundationUiHooks","_scopeUiHooks","_scopeUiHooks2","_scopeOverview","_scopeModule","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Scope","routeSlot","menuSlot","sidebar","scopeUi","badgeSlot","overviewLineSlot","cornerSlot","PaneWrapper","context","paneClassName","TargetScopeOverview","TargetCorner","onSidebarTogglerChange","userUseScopeQuery","scopeClassName","scope","useScopeQuery","isMobile","useIsMobile","isSidebarOpen","handleSidebarToggle","useReducer","x","sidebarOpenness","Layout","row","right","createElement","FullLoader","CornerOverride","values","setComponents","components","Context","map","ctx","ScopeProvider","Composer","className","classNames","styles","TopBar","topbar","Corner","name","whiteCorner","menu","SplitPane","main","size","layout","Pane","collapsed","HoverSplitter","splitter","Collapser","isOpen","onMouseDown","stopPropagation","onClick","tooltipContent","PaneContainer","Wrapper","pane","SlotRouter","slot","Route","index","element","ScopeOverview","overviewSlot","TargetOverview","children"],"sources":["scope.tsx"],"sourcesContent":["import React, { useReducer, ComponentType, ReactNode } from 'react';\nimport 'reset-css';\nimport classNames from 'classnames';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\nimport { RouteSlot, SlotRouter } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Corner } from '@teambit/ui-foundation.ui.corner';\nimport { Collapser } from '@teambit/ui-foundation.ui.buttons.collapser';\nimport { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport { Composer, ComponentTuple } from '@teambit/base-ui.utils.composer';\nimport { FullLoader } from '@teambit/ui-foundation.ui.full-loader';\nimport { Route } from 'react-router-dom';\nimport { useIsMobile } from '@teambit/ui-foundation.ui.hooks.use-is-mobile';\nimport { ScopeProvider } from '@teambit/scope.ui.hooks.scope-context';\nimport { useScopeQuery } from '@teambit/scope.ui.hooks.use-scope';\nimport { ScopeOverview } from './scope-overview';\nimport styles from './scope.module.scss';\nimport { ScopeUI, ScopeBadgeSlot, ScopeContextType, CornerSlot, OverviewLineSlot } from '../scope.ui.runtime';\nimport { ScopeModel } from '..';\n\nexport type ScopeProps = {\n  routeSlot: RouteSlot;\n  menuSlot: RouteSlot;\n  sidebar: JSX.Element;\n  scopeUi: ScopeUI;\n  badgeSlot: ScopeBadgeSlot;\n  overviewLineSlot: OverviewLineSlot;\n  cornerSlot: CornerSlot;\n  context: ScopeContextType[];\n  TargetScopeOverview?: ComponentType;\n  userUseScopeQuery?: () => { scope: ScopeModel | undefined };\n  onSidebarTogglerChange: (callback: () => void) => void;\n  TargetCorner?: ComponentType;\n  paneClassName?: string;\n  scopeClassName?: string;\n  PaneWrapper?: ComponentType<{ children: ReactNode }>;\n};\n\n/**\n * root component of the scope\n */\nexport function Scope({\n  routeSlot,\n  menuSlot,\n  sidebar,\n  scopeUi,\n  badgeSlot,\n  overviewLineSlot,\n  cornerSlot,\n  PaneWrapper,\n  context = [],\n  paneClassName,\n  TargetScopeOverview,\n  TargetCorner,\n  onSidebarTogglerChange,\n  userUseScopeQuery,\n  scopeClassName,\n}: ScopeProps) {\n  const { scope } = userUseScopeQuery ? userUseScopeQuery() : useScopeQuery();\n  const isMobile = useIsMobile();\n  const [isSidebarOpen, handleSidebarToggle] = useReducer((x) => !x, !isMobile);\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.right;\n  if (!scope) {\n    return <FullLoader />;\n  }\n  const CornerOverride = TargetCorner || cornerSlot?.values()[0];\n  scopeUi.setComponents(scope.components);\n  const Context = context.map((ctx) => [ctx, { scope }] as ComponentTuple);\n\n  onSidebarTogglerChange(handleSidebarToggle);\n\n  return (\n    <ScopeProvider scope={scope}>\n      <Composer components={Context}>\n        <div className={classNames(styles.scope, scopeClassName)}>\n          <TopBar\n            className={styles.topbar}\n            Corner={() => {\n              if (CornerOverride) return <CornerOverride />;\n              return <Corner name={scope.name} className={styles.whiteCorner} />;\n            }}\n            menu={menuSlot}\n          />\n\n          <SplitPane className={styles.main} size={264} layout={sidebarOpenness}>\n            <Pane className={classNames(styles.sidebar, !isSidebarOpen && styles.collapsed)}>{sidebar}</Pane>\n            <HoverSplitter className={styles.splitter}>\n              <Collapser\n                isOpen={isSidebarOpen}\n                onMouseDown={(e) => e.stopPropagation()} // avoid split-pane drag\n                onClick={handleSidebarToggle}\n                tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side panel`}\n              />\n            </HoverSplitter>\n\n            {\n              /**\n               * @hack - discuss with Ran why we need a PaneWrapper as a parent of the Pane\n               * conditionally rendering it makes sure that it doesn't break the code tab layout\n               */\n              (PaneWrapper && (\n                <PaneContainer Wrapper={PaneWrapper}>\n                  <Pane className={classNames(paneClassName, styles.pane)}>\n                    <SlotRouter slot={routeSlot}>\n                      <Route\n                        index\n                        element={\n                          <ScopeOverview\n                            badgeSlot={badgeSlot}\n                            overviewSlot={overviewLineSlot}\n                            TargetOverview={TargetScopeOverview}\n                          />\n                        }\n                      />\n                    </SlotRouter>\n                  </Pane>\n                </PaneContainer>\n              )) || (\n                <Pane className={classNames(paneClassName, styles.pane)}>\n                  <SlotRouter slot={routeSlot}>\n                    <Route\n                      index\n                      element={\n                        <ScopeOverview\n                          badgeSlot={badgeSlot}\n                          overviewSlot={overviewLineSlot}\n                          TargetOverview={TargetScopeOverview}\n                        />\n                      }\n                    />\n                  </SlotRouter>\n                </Pane>\n              )\n            }\n          </SplitPane>\n        </div>\n      </Composer>\n    </ScopeProvider>\n  );\n}\n\nfunction PaneContainer({\n  children,\n  Wrapper,\n}: {\n  children: ReactNode;\n  Wrapper: ComponentType<{ children: ReactNode }>;\n}) {\n  return <Wrapper>{children}</Wrapper>;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/scope",
-  "version": "1.0.107",
+  "version": "1.0.109",
   "homepage": "https://bit.cloud/teambit/scope/scope",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.scope",
     "name": "scope",
-    "version": "1.0.107"
+    "version": "1.0.109"
   },
   "dependencies": {
     "fs-extra": "10.0.0",
@@ -19,8 +19,6 @@
     "multimatch": "5.0.0",
     "classnames": "2.2.6",
     "reset-css": "5.0.1",
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/ui-foundation.ui.tree.drawer": "0.0.517",
     "@teambit/harmony": "0.4.6",
     "@teambit/bit-error": "0.0.404",
@@ -59,48 +57,46 @@
     "@teambit/scope.ui.empty-scope": "0.0.509",
     "@teambit/scope.ui.scope-details": "0.0.526",
     "@teambit/component.modules.component-url": "0.0.165",
-    "@teambit/scope.models.scope-model": "0.0.496",
-    "@teambit/scope.ui.hooks.scope-context": "0.0.490",
-    "@teambit/aspect-loader": "1.0.107",
-    "@teambit/cli": "0.0.839",
-    "@teambit/compiler": "1.0.107",
-    "@teambit/component": "1.0.107",
-    "@teambit/dependency-resolver": "1.0.107",
-    "@teambit/envs": "1.0.107",
-    "@teambit/global-config": "0.0.841",
+    "@teambit/scope.ui.hooks.scope-context": "0.0.492",
+    "@teambit/scope.models.scope-model": "0.0.498",
+    "@teambit/aspect-loader": "1.0.109",
+    "@teambit/cli": "0.0.841",
+    "@teambit/compiler": "1.0.109",
+    "@teambit/component": "1.0.109",
+    "@teambit/dependency-resolver": "1.0.109",
+    "@teambit/envs": "1.0.109",
+    "@teambit/global-config": "0.0.843",
     "@teambit/harmony.modules.requireable-component": "0.0.495",
-    "@teambit/isolator": "1.0.107",
-    "@teambit/logger": "0.0.932",
-    "@teambit/builder": "1.0.107",
-    "@teambit/express": "0.0.938",
-    "@teambit/graph": "1.0.107",
-    "@teambit/graphql": "1.0.107",
-    "@teambit/ui": "1.0.107",
+    "@teambit/isolator": "1.0.109",
+    "@teambit/logger": "0.0.934",
+    "@teambit/builder": "1.0.109",
+    "@teambit/express": "0.0.940",
+    "@teambit/graph": "1.0.109",
+    "@teambit/graphql": "1.0.109",
+    "@teambit/ui": "1.0.109",
     "@teambit/workspace.modules.match-pattern": "0.0.502",
-    "@teambit/component.ui.component-drawer": "0.0.380",
-    "@teambit/command-bar": "1.0.107",
-    "@teambit/component-tree": "1.0.107",
-    "@teambit/sidebar": "1.0.107",
+    "@teambit/component.ui.component-drawer": "0.0.382",
+    "@teambit/command-bar": "1.0.109",
+    "@teambit/component-tree": "1.0.109",
+    "@teambit/sidebar": "1.0.109",
     "@teambit/preview.ui.preview-placeholder": "0.0.504"
   },
   "devDependencies": {
-    "@types/react": "^17.0.8",
     "@types/fs-extra": "9.0.7",
     "@types/lodash": "4.14.165",
     "@types/semver": "7.3.4",
     "@types/classnames": "2.2.11",
     "@types/mocha": "9.1.0",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@types/testing-library__jest-dom": "5.9.5",
-    "@teambit/scope.content.scope-overview": "1.95.0"
+    "@types/jest": "^29.2.2",
+    "@types/testing-library__jest-dom": "^5.9.5",
+    "@teambit/scope.content.scope-overview": "1.95.0",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.14"
   },
   "peerDependencies": {
-    "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.624",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.8.1",
+    "@types/react": "^18.2.12",
+    "@teambit/legacy": "1.0.624"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},
@@ -114,7 +110,7 @@
   },
   "private": false,
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -123,12 +119,9 @@
   "keywords": [
     "bit",
     "bit-aspect",
+    "bit-core-aspect",
     "components",
     "collaboration",
-    "web",
-    "react",
-    "react-components",
-    "angular",
-    "angular-components"
+    "web"
   ]
 }

package/scope.ui.runtime.tsx

@@ -246,6 +246,7 @@ export class ScopeUI {
     const contexts = this.contextSlot.values();
     // eslint-disable-next-line react/prop-types
     const ComponentUrlFuncProvider: ScopeContextType = ({ children }) => (
+      // @ts-ignore TODO: fix this
       <ComponentUrlProvider value={componentUrlFn || this.componentUrlFunc}>{children}</ComponentUrlProvider>
     );
 

package/tsconfig.json

@@ -1,38 +1,33 @@
 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable",
-      "ScriptHost"
+      "esnext",
+      "dom",
+      "dom.Iterable"
     ],
-    "target": "es2015",
-    "module": "CommonJS",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
     "declaration": true,
     "sourceMap": true,
-    "skipLibCheck": true,
     "experimentalDecorators": true,
-    "outDir": "dist",
+    "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "rootDir": ".",
     "resolveJsonModule": true,
-    "emitDeclarationOnly": true,
-    "emitDecoratorMetadata": true,
-    "allowSyntheticDefaultImports": true,
-    "strictPropertyInitialization": false,
-    "strict": true,
-    "noImplicitAny": false,
-    "preserveConstEnums": true
+    "allowJs": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
+    "node_modules",
+    "package.json",
     "esm.mjs",
-    "package.json"
+    "**/*.cjs",
+    "./dist"
   ],
   "include": [
     "**/*",

package/types/asset.d.ts

@@ -5,12 +5,12 @@ declare module '*.png' {
 declare module '*.svg' {
   import type { FunctionComponent, SVGProps } from 'react';
 
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
   const src: string;
   export default src;
 }
-
-// @TODO Gilad
 declare module '*.jpg' {
   const value: any;
   export = value;
@@ -27,3 +27,15 @@ declare module '*.bmp' {
   const value: any;
   export = value;
 }
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}