@teambit/workspace 1.0.983 → 1.0.985

package/dist/{preview-1778621260574.js → preview-1778686821215.js}

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

package/dist/ui/workspace/use-workspace.d.ts

@@ -7,21 +7,22 @@ type UseWorkspaceOptions = {
     onComponentRemoved?: (compId: ComponentID[]) => void;
 };
 export declare function useWorkspace(options?: UseWorkspaceOptions): {
+    errors?: ReadonlyArray<import("graphql").GraphQLFormattedError> | undefined;
     error?: import("@apollo/client").ApolloError | undefined;
     client: import("@apollo/client").ApolloClient<any>;
     loading: boolean;
-    variables: import("@apollo/client").OperationVariables | undefined;
-    startPolling: (pollInterval: number) => void;
-    stopPolling: () => void;
-    updateQuery: <TVars = import("@apollo/client").OperationVariables>(mapFn: (previousQueryResult: any, options: Pick<import("@apollo/client").WatchQueryOptions<TVars, any>, "variables">) => any) => void;
-    reobserve: (newOptions?: Partial<import("@apollo/client").WatchQueryOptions<import("@apollo/client").OperationVariables, any>> | undefined, newNetworkStatus?: import("@apollo/client").NetworkStatus) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
     observable: import("@apollo/client").ObservableQuery<any, import("@apollo/client").OperationVariables>;
     networkStatus: import("@apollo/client").NetworkStatus;
     called: boolean;
+    startPolling: (pollInterval: number) => void;
+    stopPolling: () => void;
+    updateQuery: (mapFn: import("@apollo/client").UpdateQueryMapFn<any, import("@apollo/client").OperationVariables>) => void;
+    reobserve: (newOptions?: Partial<import("@apollo/client").WatchQueryOptions<import("@apollo/client").OperationVariables, any>> | undefined, newNetworkStatus?: import("@apollo/client").NetworkStatus) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
+    variables: import("@apollo/client").OperationVariables | undefined;
     previousData?: any;
     fetchMore: (options: import("@apollo/client").FetchMoreQueryOptions<import("@apollo/client").OperationVariables, any>) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
     refetch: (variables?: Partial<import("@apollo/client").OperationVariables> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
     workspace: Workspace | undefined;
-    subscribeToMore: <TSubscriptionData = any, TSubscriptionVariables = import("@apollo/client").OperationVariables>(options: import("@apollo/client").SubscribeToMoreOptions<any, TSubscriptionVariables, TSubscriptionData>) => () => void;
+    subscribeToMore: import("@apollo/client").SubscribeToMoreFunction<any, import("@apollo/client").OperationVariables>;
 };
 export {};

package/dist/ui/workspace/workspace-overview/card-overlays.d.ts

@@ -0,0 +1,4 @@
+export declare function ChangedPill(): import("react/jsx-runtime").JSX.Element;
+export declare function BuildSpinner(): import("react/jsx-runtime").JSX.Element;
+export declare function BuildingPreview(): import("react/jsx-runtime").JSX.Element;
+export declare function QueuedPreview(): import("react/jsx-runtime").JSX.Element;

package/dist/ui/workspace/workspace-overview/card-overlays.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BuildSpinner = BuildSpinner;
+exports.BuildingPreview = BuildingPreview;
+exports.ChangedPill = ChangedPill;
+exports.QueuedPreview = QueuedPreview;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _cardOverlaysModule() {
+  const data = _interopRequireDefault(require("./card-overlays.module.scss"));
+  _cardOverlaysModule = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const accent = 'var(--bit-accent-color, #6c5ce7)';
+const accentAlpha = pct => `color-mix(in srgb, var(--bit-accent-color, #6c5ce7) ${pct}%, transparent)`;
+function ChangedPill() {
+  return /*#__PURE__*/_react().default.createElement("span", {
+    className: _cardOverlaysModule().default.changedPill
+  }, /*#__PURE__*/_react().default.createElement("span", {
+    className: _cardOverlaysModule().default.changedDot
+  }), "changed");
+}
+function BuildSpinner() {
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: _cardOverlaysModule().default.spinnerBadge
+  }, /*#__PURE__*/_react().default.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14"
+  }, /*#__PURE__*/_react().default.createElement("circle", {
+    cx: "7",
+    cy: "7",
+    r: "5",
+    stroke: accentAlpha(20),
+    strokeWidth: "1.5",
+    fill: "none"
+  }), /*#__PURE__*/_react().default.createElement("circle", {
+    cx: "7",
+    cy: "7",
+    r: "5",
+    stroke: accent,
+    strokeWidth: "1.5",
+    fill: "none",
+    strokeDasharray: "8 24",
+    strokeLinecap: "round",
+    className: _cardOverlaysModule().default.spinnerArc
+  })));
+}
+function BuildingPreview() {
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: _cardOverlaysModule().default.buildingPreview
+  }, /*#__PURE__*/_react().default.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    preserveAspectRatio: "none",
+    className: _cardOverlaysModule().default.dotsPattern
+  }, /*#__PURE__*/_react().default.createElement("defs", null, /*#__PURE__*/_react().default.createElement("pattern", {
+    id: "dots-accent",
+    width: "14",
+    height: "14",
+    patternUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react().default.createElement("circle", {
+    cx: "7",
+    cy: "7",
+    r: "1",
+    fill: accentAlpha(20)
+  }))), /*#__PURE__*/_react().default.createElement("rect", {
+    width: "100%",
+    height: "100%",
+    fill: "url(#dots-accent)"
+  })), /*#__PURE__*/_react().default.createElement("div", {
+    className: _cardOverlaysModule().default.buildingPlaceholder,
+    style: {
+      border: `1.5px dashed ${accentAlpha(40)}`
+    }
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    style: {
+      height: 6,
+      width: '55%',
+      background: accentAlpha(27),
+      borderRadius: 3
+    }
+  }), /*#__PURE__*/_react().default.createElement("div", {
+    style: {
+      height: 4,
+      width: '85%',
+      background: accentAlpha(13),
+      borderRadius: 2
+    }
+  }), /*#__PURE__*/_react().default.createElement("div", {
+    style: {
+      height: 4,
+      width: '70%',
+      background: accentAlpha(13),
+      borderRadius: 2
+    }
+  })));
+}
+function QueuedPreview() {
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: _cardOverlaysModule().default.queuedPreview
+  }, /*#__PURE__*/_react().default.createElement("svg", {
+    width: "46",
+    height: "46",
+    viewBox: "0 0 46 46"
+  }, /*#__PURE__*/_react().default.createElement("circle", {
+    cx: "23",
+    cy: "23",
+    r: "20",
+    fill: "none",
+    stroke: accentAlpha(20),
+    strokeWidth: "1.2",
+    strokeDasharray: "3 4"
+  }), /*#__PURE__*/_react().default.createElement("circle", {
+    cx: "23",
+    cy: "23",
+    r: "3",
+    fill: accentAlpha(53)
+  })));
+}
+
+//# sourceMappingURL=card-overlays.js.map

package/dist/ui/workspace/workspace-overview/card-overlays.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_cardOverlaysModule","e","__esModule","default","accent","accentAlpha","pct","ChangedPill","createElement","className","styles","changedPill","changedDot","BuildSpinner","spinnerBadge","width","height","viewBox","cx","cy","r","stroke","strokeWidth","fill","strokeDasharray","strokeLinecap","spinnerArc","BuildingPreview","buildingPreview","preserveAspectRatio","dotsPattern","id","patternUnits","buildingPlaceholder","style","border","background","borderRadius","QueuedPreview","queuedPreview"],"sources":["card-overlays.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './card-overlays.module.scss';\n\nconst accent = 'var(--bit-accent-color, #6c5ce7)';\nconst accentAlpha = (pct: number) => `color-mix(in srgb, var(--bit-accent-color, #6c5ce7) ${pct}%, transparent)`;\n\nexport function ChangedPill() {\n  return (\n    <span className={styles.changedPill}>\n      <span className={styles.changedDot} />\n      changed\n    </span>\n  );\n}\n\nexport function BuildSpinner() {\n  return (\n    <div className={styles.spinnerBadge}>\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\">\n        <circle cx=\"7\" cy=\"7\" r=\"5\" stroke={accentAlpha(20)} strokeWidth=\"1.5\" fill=\"none\" />\n        <circle\n          cx=\"7\"\n          cy=\"7\"\n          r=\"5\"\n          stroke={accent}\n          strokeWidth=\"1.5\"\n          fill=\"none\"\n          strokeDasharray=\"8 24\"\n          strokeLinecap=\"round\"\n          className={styles.spinnerArc}\n        />\n      </svg>\n    </div>\n  );\n}\n\nexport function BuildingPreview() {\n  return (\n    <div className={styles.buildingPreview}>\n      <svg width=\"100%\" height=\"100%\" preserveAspectRatio=\"none\" className={styles.dotsPattern}>\n        <defs>\n          <pattern id=\"dots-accent\" width=\"14\" height=\"14\" patternUnits=\"userSpaceOnUse\">\n            <circle cx=\"7\" cy=\"7\" r=\"1\" fill={accentAlpha(20)} />\n          </pattern>\n        </defs>\n        <rect width=\"100%\" height=\"100%\" fill=\"url(#dots-accent)\" />\n      </svg>\n      <div className={styles.buildingPlaceholder} style={{ border: `1.5px dashed ${accentAlpha(40)}` }}>\n        <div style={{ height: 6, width: '55%', background: accentAlpha(27), borderRadius: 3 }} />\n        <div style={{ height: 4, width: '85%', background: accentAlpha(13), borderRadius: 2 }} />\n        <div style={{ height: 4, width: '70%', background: accentAlpha(13), borderRadius: 2 }} />\n      </div>\n    </div>\n  );\n}\n\nexport function QueuedPreview() {\n  return (\n    <div className={styles.queuedPreview}>\n      <svg width=\"46\" height=\"46\" viewBox=\"0 0 46 46\">\n        <circle cx=\"23\" cy=\"23\" r=\"20\" fill=\"none\" stroke={accentAlpha(20)} strokeWidth=\"1.2\" strokeDasharray=\"3 4\" />\n        <circle cx=\"23\" cy=\"23\" r=\"3\" fill={accentAlpha(53)} />\n      </svg>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,oBAAA;EAAA,MAAAH,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAC,mBAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAiD,SAAAC,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAMG,MAAM,GAAG,kCAAkC;AACjD,MAAMC,WAAW,GAAIC,GAAW,IAAK,uDAAuDA,GAAG,iBAAiB;AAEzG,SAASC,WAAWA,CAAA,EAAG;EAC5B,oBACEX,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAMC,SAAS,EAAEC,6BAAM,CAACC;EAAY,gBAClCf,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAMC,SAAS,EAAEC,6BAAM,CAACE;EAAW,CAAE,CAAC,WAElC,CAAC;AAEX;AAEO,SAASC,YAAYA,CAAA,EAAG;EAC7B,oBACEjB,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEC,6BAAM,CAACI;EAAa,gBAClClB,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAKO,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACC,OAAO,EAAC;EAAW,gBAC7CrB,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAQU,EAAE,EAAC,GAAG;IAACC,EAAE,EAAC,GAAG;IAACC,CAAC,EAAC,GAAG;IAACC,MAAM,EAAEhB,WAAW,CAAC,EAAE,CAAE;IAACiB,WAAW,EAAC,KAAK;IAACC,IAAI,EAAC;EAAM,CAAE,CAAC,eACrF3B,MAAA,GAAAO,OAAA,CAAAK,aAAA;IACEU,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC,GAAG;IACNC,CAAC,EAAC,GAAG;IACLC,MAAM,EAAEjB,MAAO;IACfkB,WAAW,EAAC,KAAK;IACjBC,IAAI,EAAC,MAAM;IACXC,eAAe,EAAC,MAAM;IACtBC,aAAa,EAAC,OAAO;IACrBhB,SAAS,EAAEC,6BAAM,CAACgB;EAAW,CAC9B,CACE,CACF,CAAC;AAEV;AAEO,SAASC,eAAeA,CAAA,EAAG;EAChC,oBACE/B,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEC,6BAAM,CAACkB;EAAgB,gBACrChC,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAKO,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACa,mBAAmB,EAAC,MAAM;IAACpB,SAAS,EAAEC,6BAAM,CAACoB;EAAY,gBACvFlC,MAAA,GAAAO,OAAA,CAAAK,aAAA,4BACEZ,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAASuB,EAAE,EAAC,aAAa;IAAChB,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACgB,YAAY,EAAC;EAAgB,gBAC5EpC,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAQU,EAAE,EAAC,GAAG;IAACC,EAAE,EAAC,GAAG;IAACC,CAAC,EAAC,GAAG;IAACG,IAAI,EAAElB,WAAW,CAAC,EAAE;EAAE,CAAE,CAC7C,CACL,CAAC,eACPT,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAMO,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACO,IAAI,EAAC;EAAmB,CAAE,CACxD,CAAC,eACN3B,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEC,6BAAM,CAACuB,mBAAoB;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE,gBAAgB9B,WAAW,CAAC,EAAE,CAAC;IAAG;EAAE,gBAC/FT,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAK0B,KAAK,EAAE;MAAElB,MAAM,EAAE,CAAC;MAAED,KAAK,EAAE,KAAK;MAAEqB,UAAU,EAAE/B,WAAW,CAAC,EAAE,CAAC;MAAEgC,YAAY,EAAE;IAAE;EAAE,CAAE,CAAC,eACzFzC,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAK0B,KAAK,EAAE;MAAElB,MAAM,EAAE,CAAC;MAAED,KAAK,EAAE,KAAK;MAAEqB,UAAU,EAAE/B,WAAW,CAAC,EAAE,CAAC;MAAEgC,YAAY,EAAE;IAAE;EAAE,CAAE,CAAC,eACzFzC,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAK0B,KAAK,EAAE;MAAElB,MAAM,EAAE,CAAC;MAAED,KAAK,EAAE,KAAK;MAAEqB,UAAU,EAAE/B,WAAW,CAAC,EAAE,CAAC;MAAEgC,YAAY,EAAE;IAAE;EAAE,CAAE,CACrF,CACF,CAAC;AAEV;AAEO,SAASC,aAAaA,CAAA,EAAG;EAC9B,oBACE1C,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEC,6BAAM,CAAC6B;EAAc,gBACnC3C,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAKO,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACC,OAAO,EAAC;EAAW,gBAC7CrB,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAQU,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,IAAI;IAACC,CAAC,EAAC,IAAI;IAACG,IAAI,EAAC,MAAM;IAACF,MAAM,EAAEhB,WAAW,CAAC,EAAE,CAAE;IAACiB,WAAW,EAAC,KAAK;IAACE,eAAe,EAAC;EAAK,CAAE,CAAC,eAC9G5B,MAAA,GAAAO,OAAA,CAAAK,aAAA;IAAQU,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,IAAI;IAACC,CAAC,EAAC,GAAG;IAACG,IAAI,EAAElB,WAAW,CAAC,EAAE;EAAE,CAAE,CACnD,CACF,CAAC;AAEV","ignoreList":[]}

package/dist/ui/workspace/workspace-overview/card-overlays.module.scss

@@ -0,0 +1,72 @@
+.changedPill {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 10px;
+  padding: 3px 8px;
+  border-radius: 999px;
+  background: var(--warning-surface-color);
+  color: var(--warning-color);
+  font-weight: 600;
+  letter-spacing: 0.02em;
+}
+
+.changedDot {
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: var(--warning-color);
+}
+
+.spinnerBadge {
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  background: var(--surface-color);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.spinnerArc {
+  transform-origin: center;
+  animation: spinSlow 0.9s linear infinite;
+}
+
+.buildingPreview {
+  position: relative;
+  height: 100%;
+}
+
+.dotsPattern {
+  position: absolute;
+  inset: 0;
+}
+
+.buildingPlaceholder {
+  position: absolute;
+  inset: 20% 14%;
+  border-radius: 10px;
+  background: rgba(255, 255, 255, 0.55);
+  backdrop-filter: blur(2px);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 0 16px;
+  gap: 7px;
+}
+
+.queuedPreview {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@keyframes spinSlow {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/ui/workspace/workspace-overview/filter-utils.d.ts

@@ -1,7 +1,10 @@
-import type { WorkspaceItem } from './workspace-overview.types';
+import type { WorkspaceItem, ComponentStatus } from './workspace-overview.types';
 export interface ActiveFilters {
     namespaces: string[];
     scopes: string[];
+    statuses: Set<ComponentStatus>;
 }
+export declare const ALL_STATUSES: ComponentStatus[];
 export declare function parseActiveFilters(search: URLSearchParams): ActiveFilters;
+export declare function getComponentStatus(item: WorkspaceItem): ComponentStatus;
 export declare function filterItems(items: WorkspaceItem[], filters: ActiveFilters): WorkspaceItem[];

package/dist/ui/workspace/workspace-overview/filter-utils.js

@@ -3,20 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.ALL_STATUSES = void 0;
 exports.filterItems = filterItems;
+exports.getComponentStatus = getComponentStatus;
 exports.parseActiveFilters = parseActiveFilters;
+const ALL_STATUSES = exports.ALL_STATUSES = ['built', 'changed', 'building', 'queued'];
 function parseActiveFilters(search) {
   return {
     namespaces: (search.get('ns') || '').split(',').filter(Boolean),
-    scopes: (search.get('scopes') || '').split(',').filter(Boolean)
+    scopes: (search.get('scopes') || '').split(',').filter(Boolean),
+    statuses: new Set(ALL_STATUSES)
   };
 }
+function getComponentStatus(item) {
+  const buildStatus = item.component.buildStatus;
+  const status = item.component.status;
+  if (buildStatus === 'pending') return 'queued';
+  if (status?.modifyInfo?.hasModifiedFiles || status?.modifyInfo?.hasModifiedDependencies) return 'changed';
+  if (buildStatus === 'building') return 'building';
+  return 'built';
+}
 function filterItems(items, filters) {
   return items.filter(item => {
     const ns = item.component.id.namespace || '/';
     const sc = item.component.id.scope;
     if (filters.namespaces.length && !filters.namespaces.includes(ns)) return false;
     if (filters.scopes.length && !filters.scopes.includes(sc)) return false;
+    if (filters.statuses.size > 0 && filters.statuses.size < ALL_STATUSES.length) {
+      const componentStatus = getComponentStatus(item);
+      if (!filters.statuses.has(componentStatus)) return false;
+    }
     return true;
   });
 }

package/dist/ui/workspace/workspace-overview/filter-utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["parseActiveFilters","search","namespaces","get","split","filter","Boolean","scopes","filterItems","items","filters","item","ns","component","id","namespace","sc","scope","length","includes"],"sources":["filter-utils.ts"],"sourcesContent":["import type { WorkspaceItem } from './workspace-overview.types';\n\nexport interface ActiveFilters {\n  namespaces: string[];\n  scopes: string[];\n}\n\nexport function parseActiveFilters(search: URLSearchParams): ActiveFilters {\n  return {\n    namespaces: (search.get('ns') || '').split(',').filter(Boolean),\n    scopes: (search.get('scopes') || '').split(',').filter(Boolean),\n  };\n}\n\nexport function filterItems(items: WorkspaceItem[], filters: ActiveFilters): WorkspaceItem[] {\n  return items.filter((item) => {\n    const ns = item.component.id.namespace || '/';\n    const sc = item.component.id.scope;\n\n    if (filters.namespaces.length && !filters.namespaces.includes(ns)) return false;\n    if (filters.scopes.length && !filters.scopes.includes(sc)) return false;\n\n    return true;\n  });\n}\n"],"mappings":";;;;;;;AAOO,SAASA,kBAAkBA,CAACC,MAAuB,EAAiB;EACzE,OAAO;IACLC,UAAU,EAAE,CAACD,MAAM,CAACE,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,EAAEC,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;IAC/DC,MAAM,EAAE,CAACN,MAAM,CAACE,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAEC,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAACC,OAAO;EAChE,CAAC;AACH;AAEO,SAASE,WAAWA,CAACC,KAAsB,EAAEC,OAAsB,EAAmB;EAC3F,OAAOD,KAAK,CAACJ,MAAM,CAAEM,IAAI,IAAK;IAC5B,MAAMC,EAAE,GAAGD,IAAI,CAACE,SAAS,CAACC,EAAE,CAACC,SAAS,IAAI,GAAG;IAC7C,MAAMC,EAAE,GAAGL,IAAI,CAACE,SAAS,CAACC,EAAE,CAACG,KAAK;IAElC,IAAIP,OAAO,CAACR,UAAU,CAACgB,MAAM,IAAI,CAACR,OAAO,CAACR,UAAU,CAACiB,QAAQ,CAACP,EAAE,CAAC,EAAE,OAAO,KAAK;IAC/E,IAAIF,OAAO,CAACH,MAAM,CAACW,MAAM,IAAI,CAACR,OAAO,CAACH,MAAM,CAACY,QAAQ,CAACH,EAAE,CAAC,EAAE,OAAO,KAAK;IAEvE,OAAO,IAAI;EACb,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["ALL_STATUSES","exports","parseActiveFilters","search","namespaces","get","split","filter","Boolean","scopes","statuses","Set","getComponentStatus","item","buildStatus","component","status","modifyInfo","hasModifiedFiles","hasModifiedDependencies","filterItems","items","filters","ns","id","namespace","sc","scope","length","includes","size","componentStatus","has"],"sources":["filter-utils.ts"],"sourcesContent":["import type { WorkspaceItem, ComponentStatus } from './workspace-overview.types';\n\nexport interface ActiveFilters {\n  namespaces: string[];\n  scopes: string[];\n  statuses: Set<ComponentStatus>;\n}\n\nexport const ALL_STATUSES: ComponentStatus[] = ['built', 'changed', 'building', 'queued'];\n\nexport function parseActiveFilters(search: URLSearchParams): ActiveFilters {\n  return {\n    namespaces: (search.get('ns') || '').split(',').filter(Boolean),\n    scopes: (search.get('scopes') || '').split(',').filter(Boolean),\n    statuses: new Set(ALL_STATUSES),\n  };\n}\n\nexport function getComponentStatus(item: WorkspaceItem): ComponentStatus {\n  const buildStatus = (item.component as any).buildStatus;\n  const status = (item.component as any).status;\n  if (buildStatus === 'pending') return 'queued';\n  if (status?.modifyInfo?.hasModifiedFiles || status?.modifyInfo?.hasModifiedDependencies) return 'changed';\n  if (buildStatus === 'building') return 'building';\n  return 'built';\n}\n\nexport function filterItems(items: WorkspaceItem[], filters: ActiveFilters): WorkspaceItem[] {\n  return items.filter((item) => {\n    const ns = item.component.id.namespace || '/';\n    const sc = item.component.id.scope;\n\n    if (filters.namespaces.length && !filters.namespaces.includes(ns)) return false;\n    if (filters.scopes.length && !filters.scopes.includes(sc)) return false;\n    if (filters.statuses.size > 0 && filters.statuses.size < ALL_STATUSES.length) {\n      const componentStatus = getComponentStatus(item);\n      if (!filters.statuses.has(componentStatus)) return false;\n    }\n\n    return true;\n  });\n}\n"],"mappings":";;;;;;;;;AAQO,MAAMA,YAA+B,GAAAC,OAAA,CAAAD,YAAA,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC;AAElF,SAASE,kBAAkBA,CAACC,MAAuB,EAAiB;EACzE,OAAO;IACLC,UAAU,EAAE,CAACD,MAAM,CAACE,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,EAAEC,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;IAC/DC,MAAM,EAAE,CAACN,MAAM,CAACE,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAEC,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;IAC/DE,QAAQ,EAAE,IAAIC,GAAG,CAACX,YAAY;EAChC,CAAC;AACH;AAEO,SAASY,kBAAkBA,CAACC,IAAmB,EAAmB;EACvE,MAAMC,WAAW,GAAID,IAAI,CAACE,SAAS,CAASD,WAAW;EACvD,MAAME,MAAM,GAAIH,IAAI,CAACE,SAAS,CAASC,MAAM;EAC7C,IAAIF,WAAW,KAAK,SAAS,EAAE,OAAO,QAAQ;EAC9C,IAAIE,MAAM,EAAEC,UAAU,EAAEC,gBAAgB,IAAIF,MAAM,EAAEC,UAAU,EAAEE,uBAAuB,EAAE,OAAO,SAAS;EACzG,IAAIL,WAAW,KAAK,UAAU,EAAE,OAAO,UAAU;EACjD,OAAO,OAAO;AAChB;AAEO,SAASM,WAAWA,CAACC,KAAsB,EAAEC,OAAsB,EAAmB;EAC3F,OAAOD,KAAK,CAACd,MAAM,CAAEM,IAAI,IAAK;IAC5B,MAAMU,EAAE,GAAGV,IAAI,CAACE,SAAS,CAACS,EAAE,CAACC,SAAS,IAAI,GAAG;IAC7C,MAAMC,EAAE,GAAGb,IAAI,CAACE,SAAS,CAACS,EAAE,CAACG,KAAK;IAElC,IAAIL,OAAO,CAAClB,UAAU,CAACwB,MAAM,IAAI,CAACN,OAAO,CAAClB,UAAU,CAACyB,QAAQ,CAACN,EAAE,CAAC,EAAE,OAAO,KAAK;IAC/E,IAAID,OAAO,CAACb,MAAM,CAACmB,MAAM,IAAI,CAACN,OAAO,CAACb,MAAM,CAACoB,QAAQ,CAACH,EAAE,CAAC,EAAE,OAAO,KAAK;IACvE,IAAIJ,OAAO,CAACZ,QAAQ,CAACoB,IAAI,GAAG,CAAC,IAAIR,OAAO,CAACZ,QAAQ,CAACoB,IAAI,GAAG9B,YAAY,CAAC4B,MAAM,EAAE;MAC5E,MAAMG,eAAe,GAAGnB,kBAAkB,CAACC,IAAI,CAAC;MAChD,IAAI,CAACS,OAAO,CAACZ,QAAQ,CAACsB,GAAG,CAACD,eAAe,CAAC,EAAE,OAAO,KAAK;IAC1D;IAEA,OAAO,IAAI;EACb,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/ui/workspace/workspace-overview/hope-component-card.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentModel } from '@teambit/component';
+import type { ComponentDescriptor } from '@teambit/component-descriptor';
+import type { ScopeID } from '@teambit/scopes.scope-id';
+export type HopeComponentCardProps = {
+    component: ComponentModel;
+    componentDescriptor: ComponentDescriptor;
+    scope?: {
+        id: ScopeID;
+        icon?: string;
+        backgroundIconColor?: string;
+    };
+    showPreview?: boolean;
+};
+export declare function HopeComponentCard({ component, componentDescriptor, scope, showPreview: showPreviewProp, }: HopeComponentCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/workspace/workspace-overview/hope-component-card.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HopeComponentCard = HopeComponentCard;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _baseReactNavigation() {
+  const data = require("@teambit/base-react.navigation.link");
+  _baseReactNavigation = function () {
+    return data;
+  };
+  return data;
+}
+function _previewUi() {
+  const data = require("@teambit/preview.ui.preview-placeholder");
+  _previewUi = function () {
+    return data;
+  };
+  return data;
+}
+function _designUi() {
+  const data = require("@teambit/design.ui.tooltip");
+  _designUi = function () {
+    return data;
+  };
+  return data;
+}
+function _workspaceUi() {
+  const data = require("@teambit/workspace.ui.load-preview");
+  _workspaceUi = function () {
+    return data;
+  };
+  return data;
+}
+function _componentId() {
+  const data = require("@teambit/component-id");
+  _componentId = function () {
+    return data;
+  };
+  return data;
+}
+function _filterUtils() {
+  const data = require("./filter-utils");
+  _filterUtils = function () {
+    return data;
+  };
+  return data;
+}
+function _cardOverlays() {
+  const data = require("./card-overlays");
+  _cardOverlays = function () {
+    return data;
+  };
+  return data;
+}
+function _hopeComponentCardModule() {
+  const data = _interopRequireDefault(require("./hope-component-card.module.scss"));
+  _hopeComponentCardModule = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function HopeComponentCard({
+  component,
+  componentDescriptor,
+  scope,
+  showPreview: showPreviewProp
+}) {
+  const [shouldShowPreview, setShouldShowPreview] = (0, _react().useState)(Boolean(showPreviewProp));
+  const prevServerUrlRef = (0, _react().useRef)(component.server?.url);
+  (0, _react().useEffect)(() => {
+    if (prevServerUrlRef.current !== component.server?.url && shouldShowPreview) {
+      setShouldShowPreview(false);
+      setTimeout(() => setShouldShowPreview(true), 50);
+    }
+    prevServerUrlRef.current = component.server?.url;
+  }, [component.server?.url]);
+  (0, _react().useEffect)(() => {
+    setShouldShowPreview(Boolean(showPreviewProp));
+  }, [showPreviewProp]);
+  const item = {
+    component
+  };
+  const status = (0, _filterUtils().getComponentStatus)(item);
+  const accent = 'var(--bit-accent-color, #6c5ce7)';
+  const isBuilding = status === 'building';
+  const isQueued = status === 'queued';
+  const isChanged = status === 'changed';
+  const href = `${component.id.fullName}?scope=${component.id.scope}`;
+  const loadPreviewVisible = component.compositions.length > 0 && !isBuilding && !shouldShowPreview;
+  const showPreviewClick = e => {
+    e.stopPropagation();
+    e.preventDefault();
+    setShouldShowPreview(true);
+  };
+  const envAspect = componentDescriptor.get('teambit.envs/envs');
+  const env = envAspect?.data || envAspect;
+  const envComponentId = env?.id ? _componentId().ComponentID.fromString(env.id) : undefined;
+  const cardClass = isBuilding ? _hopeComponentCardModule().default.cardBuilding : _hopeComponentCardModule().default.card;
+  const buildingBorderStyle = isBuilding ? {
+    borderColor: accent,
+    boxShadow: `0 0 0 3px color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 10%, transparent)`
+  } : undefined;
+  const nameLabel = component.id.namespace ? `${component.id.namespace}/${component.id.name}` : component.id.name;
+  const shortHash = component.id.version?.slice(0, 7);
+  const scopeInitial = component.id.scope?.split('.').pop()?.charAt(0).toUpperCase();
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: cardClass,
+    style: buildingBorderStyle
+  }, loadPreviewVisible && /*#__PURE__*/_react().default.createElement(_workspaceUi().LoadPreview, {
+    className: _hopeComponentCardModule().default.loadPreview,
+    onClick: showPreviewClick
+  }), /*#__PURE__*/_react().default.createElement(_baseReactNavigation().Link, {
+    href: href,
+    className: _hopeComponentCardModule().default.linkWrapper
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _hopeComponentCardModule().default.preview
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _hopeComponentCardModule().default.previewInner
+  }, /*#__PURE__*/_react().default.createElement(CardPreview, {
+    component: component,
+    componentDescriptor: componentDescriptor,
+    status: status,
+    shouldShowPreview: shouldShowPreview
+  })), !isQueued && env?.icon && /*#__PURE__*/_react().default.createElement("div", {
+    className: _hopeComponentCardModule().default.envBadge
+  }, /*#__PURE__*/_react().default.createElement(_designUi().Tooltip, {
+    delay: 300,
+    content: envComponentId?.name
+  }, /*#__PURE__*/_react().default.createElement("img", {
+    src: env.icon,
+    className: _hopeComponentCardModule().default.envIcon,
+    alt: ""
+  }))), (isChanged || isBuilding) && /*#__PURE__*/_react().default.createElement("div", {
+    className: _hopeComponentCardModule().default.statusCorner
+  }, isChanged && /*#__PURE__*/_react().default.createElement(_cardOverlays().ChangedPill, null), isBuilding && /*#__PURE__*/_react().default.createElement(_cardOverlays().BuildSpinner, null))), /*#__PURE__*/_react().default.createElement("div", {
+    className: _hopeComponentCardModule().default.footer
+  }, /*#__PURE__*/_react().default.createElement(_designUi().Tooltip, {
+    delay: 300,
+    content: component.id.scope
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _hopeComponentCardModule().default.scopeBadge,
+    style: {
+      background: scope?.backgroundIconColor || accent
+    }
+  }, scope?.icon ? /*#__PURE__*/_react().default.createElement("img", {
+    src: scope.icon,
+    className: _hopeComponentCardModule().default.scopeBadgeIcon,
+    alt: ""
+  }) : /*#__PURE__*/_react().default.createElement("span", {
+    className: _hopeComponentCardModule().default.scopeBadgeInitial
+  }, scopeInitial))), /*#__PURE__*/_react().default.createElement("span", {
+    className: _hopeComponentCardModule().default.name
+  }, nameLabel), !isBuilding && !isQueued && shortHash && /*#__PURE__*/_react().default.createElement("span", {
+    className: _hopeComponentCardModule().default.hash
+  }, shortHash), isBuilding && /*#__PURE__*/_react().default.createElement("span", {
+    className: _hopeComponentCardModule().default.buildingLabel,
+    style: {
+      color: accent
+    }
+  }, "BUILDING"))));
+}
+function CardPreview({
+  component,
+  componentDescriptor,
+  status,
+  shouldShowPreview
+}) {
+  if (status === 'building') return /*#__PURE__*/_react().default.createElement(_cardOverlays().BuildingPreview, null);
+  return /*#__PURE__*/_react().default.createElement(_previewUi().PreviewPlaceholder, {
+    component: component,
+    componentDescriptor: componentDescriptor,
+    shouldShowPreview: shouldShowPreview
+  });
+}
+
+//# sourceMappingURL=hope-component-card.js.map

package/dist/ui/workspace/workspace-overview/hope-component-card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_baseReactNavigation","_previewUi","_designUi","_workspaceUi","_componentId","_filterUtils","_cardOverlays","_hopeComponentCardModule","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HopeComponentCard","component","componentDescriptor","scope","showPreview","showPreviewProp","shouldShowPreview","setShouldShowPreview","useState","Boolean","prevServerUrlRef","useRef","server","url","useEffect","current","setTimeout","item","status","getComponentStatus","accent","isBuilding","isQueued","isChanged","href","id","fullName","loadPreviewVisible","compositions","length","showPreviewClick","stopPropagation","preventDefault","envAspect","env","envComponentId","ComponentID","fromString","undefined","cardClass","styles","cardBuilding","card","buildingBorderStyle","borderColor","boxShadow","nameLabel","namespace","name","shortHash","version","slice","scopeInitial","split","pop","charAt","toUpperCase","createElement","className","style","LoadPreview","loadPreview","onClick","Link","linkWrapper","preview","previewInner","CardPreview","icon","envBadge","Tooltip","delay","content","src","envIcon","alt","statusCorner","ChangedPill","BuildSpinner","footer","scopeBadge","background","backgroundIconColor","scopeBadgeIcon","scopeBadgeInitial","hash","buildingLabel","color","BuildingPreview","PreviewPlaceholder"],"sources":["hope-component-card.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Link } from '@teambit/base-react.navigation.link';\nimport { PreviewPlaceholder } from '@teambit/preview.ui.preview-placeholder';\nimport { Tooltip } from '@teambit/design.ui.tooltip';\nimport { LoadPreview } from '@teambit/workspace.ui.load-preview';\nimport { ComponentID } from '@teambit/component-id';\nimport type { ComponentModel } from '@teambit/component';\nimport type { ComponentDescriptor } from '@teambit/component-descriptor';\nimport type { ScopeID } from '@teambit/scopes.scope-id';\nimport { getComponentStatus } from './filter-utils';\nimport { ChangedPill, BuildSpinner, BuildingPreview } from './card-overlays';\nimport styles from './hope-component-card.module.scss';\n\nexport type HopeComponentCardProps = {\n  component: ComponentModel;\n  componentDescriptor: ComponentDescriptor;\n  scope?: { id: ScopeID; icon?: string; backgroundIconColor?: string };\n  showPreview?: boolean;\n};\n\nexport function HopeComponentCard({\n  component,\n  componentDescriptor,\n  scope,\n  showPreview: showPreviewProp,\n}: HopeComponentCardProps) {\n  const [shouldShowPreview, setShouldShowPreview] = useState(Boolean(showPreviewProp));\n  const prevServerUrlRef = useRef(component.server?.url);\n\n  useEffect(() => {\n    if (prevServerUrlRef.current !== component.server?.url && shouldShowPreview) {\n      setShouldShowPreview(false);\n      setTimeout(() => setShouldShowPreview(true), 50);\n    }\n    prevServerUrlRef.current = component.server?.url;\n  }, [component.server?.url]);\n\n  useEffect(() => {\n    setShouldShowPreview(Boolean(showPreviewProp));\n  }, [showPreviewProp]);\n\n  const item = { component } as any;\n  const status = getComponentStatus(item);\n  const accent = 'var(--bit-accent-color, #6c5ce7)';\n\n  const isBuilding = status === 'building';\n  const isQueued = status === 'queued';\n  const isChanged = status === 'changed';\n\n  const href = `${component.id.fullName}?scope=${component.id.scope}`;\n\n  const loadPreviewVisible = component.compositions.length > 0 && !isBuilding && !shouldShowPreview;\n\n  const showPreviewClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    e.preventDefault();\n    setShouldShowPreview(true);\n  };\n\n  const envAspect = componentDescriptor.get<any>('teambit.envs/envs');\n  const env = envAspect?.data || envAspect;\n  const envComponentId = env?.id ? ComponentID.fromString(env.id) : undefined;\n\n  const cardClass = isBuilding ? styles.cardBuilding : styles.card;\n  const buildingBorderStyle = isBuilding\n    ? {\n        borderColor: accent,\n        boxShadow: `0 0 0 3px color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 10%, transparent)`,\n      }\n    : undefined;\n\n  const nameLabel = component.id.namespace ? `${component.id.namespace}/${component.id.name}` : component.id.name;\n\n  const shortHash = component.id.version?.slice(0, 7);\n\n  const scopeInitial = component.id.scope?.split('.').pop()?.charAt(0).toUpperCase();\n\n  return (\n    <div className={cardClass} style={buildingBorderStyle}>\n      {loadPreviewVisible && <LoadPreview className={styles.loadPreview} onClick={showPreviewClick} />}\n\n      <Link href={href} className={styles.linkWrapper}>\n        <div className={styles.preview}>\n          <div className={styles.previewInner}>\n            <CardPreview\n              component={component}\n              componentDescriptor={componentDescriptor}\n              status={status}\n              shouldShowPreview={shouldShowPreview}\n            />\n          </div>\n\n          {!isQueued && env?.icon && (\n            <div className={styles.envBadge}>\n              <Tooltip delay={300} content={envComponentId?.name}>\n                <img src={env.icon} className={styles.envIcon} alt=\"\" />\n              </Tooltip>\n            </div>\n          )}\n\n          {(isChanged || isBuilding) && (\n            <div className={styles.statusCorner}>\n              {isChanged && <ChangedPill />}\n              {isBuilding && <BuildSpinner />}\n            </div>\n          )}\n        </div>\n\n        <div className={styles.footer}>\n          <Tooltip delay={300} content={component.id.scope}>\n            <div className={styles.scopeBadge} style={{ background: scope?.backgroundIconColor || accent }}>\n              {scope?.icon ? (\n                <img src={scope.icon} className={styles.scopeBadgeIcon} alt=\"\" />\n              ) : (\n                <span className={styles.scopeBadgeInitial}>{scopeInitial}</span>\n              )}\n            </div>\n          </Tooltip>\n          <span className={styles.name}>{nameLabel}</span>\n          {!isBuilding && !isQueued && shortHash && <span className={styles.hash}>{shortHash}</span>}\n          {isBuilding && (\n            <span className={styles.buildingLabel} style={{ color: accent }}>\n              BUILDING\n            </span>\n          )}\n        </div>\n      </Link>\n    </div>\n  );\n}\n\nfunction CardPreview({\n  component,\n  componentDescriptor,\n  status,\n  shouldShowPreview,\n}: {\n  component: ComponentModel;\n  componentDescriptor: ComponentDescriptor;\n  status: string;\n  shouldShowPreview: boolean;\n}) {\n  if (status === 'building') return <BuildingPreview />;\n\n  return (\n    <PreviewPlaceholder\n      component={component}\n      componentDescriptor={componentDescriptor}\n      shouldShowPreview={shouldShowPreview}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}