@teambit/workspace 1.0.843 → 1.0.845

package/dist/{preview-1765465587750.js → preview-1765561375887.js}

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

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

@@ -0,0 +1,7 @@
+import type { WorkspaceItem } from './workspace-overview.types';
+export interface ActiveFilters {
+    namespaces: string[];
+    scopes: string[];
+}
+export declare function parseActiveFilters(search: URLSearchParams): ActiveFilters;
+export declare function filterItems(items: WorkspaceItem[], filters: ActiveFilters): WorkspaceItem[];

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterItems = filterItems;
+exports.parseActiveFilters = parseActiveFilters;
+function parseActiveFilters(search) {
+  return {
+    namespaces: (search.get('ns') || '').split(',').filter(Boolean),
+    scopes: (search.get('scopes') || '').split(',').filter(Boolean)
+  };
+}
+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;
+    return true;
+  });
+}
+
+//# sourceMappingURL=filter-utils.js.map

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

@@ -0,0 +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":[]}

package/dist/ui/workspace/workspace-overview/namespace-sort.d.ts

@@ -0,0 +1,8 @@
+import type { WorkspaceItem } from './workspace-overview.types';
+export declare const PRIORITY_HIGH: string[];
+export declare const PRIORITY_MED: string[];
+export declare const PRIORITY_LOW: string[];
+export declare function getRootNamespace(ns: string): string;
+export declare function namespacePriority(ns: string): number;
+export declare function sortNamespacesAdvanced(list: string[]): string[];
+export declare function sortItemsByNamespace(items: WorkspaceItem[]): WorkspaceItem[];

package/dist/ui/workspace/workspace-overview/namespace-sort.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PRIORITY_MED = exports.PRIORITY_LOW = exports.PRIORITY_HIGH = void 0;
+exports.getRootNamespace = getRootNamespace;
+exports.namespacePriority = namespacePriority;
+exports.sortItemsByNamespace = sortItemsByNamespace;
+exports.sortNamespacesAdvanced = sortNamespacesAdvanced;
+const PRIORITY_HIGH = exports.PRIORITY_HIGH = ['ui', 'pages'];
+const PRIORITY_MED = exports.PRIORITY_MED = ['design'];
+const PRIORITY_LOW = exports.PRIORITY_LOW = ['entities', 'provider', 'hooks', 'icons'];
+function getRootNamespace(ns) {
+  if (!ns) return '';
+  return ns.split('/')[0];
+}
+function namespacePriority(ns) {
+  const root = getRootNamespace(ns);
+  if (PRIORITY_HIGH.includes(root)) return 0;
+  if (PRIORITY_MED.includes(root)) return 1;
+  if (PRIORITY_LOW.includes(root)) return 3;
+  return 2;
+}
+function sortNamespacesAdvanced(list) {
+  return [...list].sort((a, b) => {
+    const pa = namespacePriority(a);
+    const pb = namespacePriority(b);
+    if (pa !== pb) return pa - pb;
+    return a.localeCompare(b);
+  });
+}
+function sortItemsByNamespace(items) {
+  return [...items].sort((a, b) => {
+    const na = a.component.id.namespace || '/';
+    const nb = b.component.id.namespace || '/';
+    const pa = namespacePriority(na);
+    const pb = namespacePriority(nb);
+    if (pa !== pb) return pa - pb;
+    return a.component.id.name.localeCompare(b.component.id.name);
+  });
+}
+
+//# sourceMappingURL=namespace-sort.js.map

package/dist/ui/workspace/workspace-overview/namespace-sort.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PRIORITY_HIGH","exports","PRIORITY_MED","PRIORITY_LOW","getRootNamespace","ns","split","namespacePriority","root","includes","sortNamespacesAdvanced","list","sort","a","b","pa","pb","localeCompare","sortItemsByNamespace","items","na","component","id","namespace","nb","name"],"sources":["namespace-sort.ts"],"sourcesContent":["import type { WorkspaceItem } from './workspace-overview.types';\n\nexport const PRIORITY_HIGH = ['ui', 'pages'] as string[];\nexport const PRIORITY_MED = ['design'] as string[];\nexport const PRIORITY_LOW = ['entities', 'provider', 'hooks', 'icons'] as string[];\n\nexport function getRootNamespace(ns: string): string {\n  if (!ns) return '';\n  return ns.split('/')[0]!;\n}\n\nexport function namespacePriority(ns: string): number {\n  const root = getRootNamespace(ns);\n\n  if (PRIORITY_HIGH.includes(root)) return 0;\n  if (PRIORITY_MED.includes(root)) return 1;\n  if (PRIORITY_LOW.includes(root)) return 3;\n  return 2;\n}\n\nexport function sortNamespacesAdvanced(list: string[]): string[] {\n  return [...list].sort((a, b) => {\n    const pa = namespacePriority(a);\n    const pb = namespacePriority(b);\n    if (pa !== pb) return pa - pb;\n    return a.localeCompare(b);\n  });\n}\n\nexport function sortItemsByNamespace(items: WorkspaceItem[]): WorkspaceItem[] {\n  return [...items].sort((a, b) => {\n    const na = a.component.id.namespace || '/';\n    const nb = b.component.id.namespace || '/';\n\n    const pa = namespacePriority(na);\n    const pb = namespacePriority(nb);\n    if (pa !== pb) return pa - pb;\n\n    return a.component.id.name.localeCompare(b.component.id.name);\n  });\n}\n"],"mappings":";;;;;;;;;;AAEO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,CAAC,IAAI,EAAE,OAAO,CAAa;AACjD,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,CAAC,QAAQ,CAAa;AAC3C,MAAMC,YAAY,GAAAF,OAAA,CAAAE,YAAA,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,CAAa;AAE3E,SAASC,gBAAgBA,CAACC,EAAU,EAAU;EACnD,IAAI,CAACA,EAAE,EAAE,OAAO,EAAE;EAClB,OAAOA,EAAE,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACzB;AAEO,SAASC,iBAAiBA,CAACF,EAAU,EAAU;EACpD,MAAMG,IAAI,GAAGJ,gBAAgB,CAACC,EAAE,CAAC;EAEjC,IAAIL,aAAa,CAACS,QAAQ,CAACD,IAAI,CAAC,EAAE,OAAO,CAAC;EAC1C,IAAIN,YAAY,CAACO,QAAQ,CAACD,IAAI,CAAC,EAAE,OAAO,CAAC;EACzC,IAAIL,YAAY,CAACM,QAAQ,CAACD,IAAI,CAAC,EAAE,OAAO,CAAC;EACzC,OAAO,CAAC;AACV;AAEO,SAASE,sBAAsBA,CAACC,IAAc,EAAY;EAC/D,OAAO,CAAC,GAAGA,IAAI,CAAC,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IAC9B,MAAMC,EAAE,GAAGR,iBAAiB,CAACM,CAAC,CAAC;IAC/B,MAAMG,EAAE,GAAGT,iBAAiB,CAACO,CAAC,CAAC;IAC/B,IAAIC,EAAE,KAAKC,EAAE,EAAE,OAAOD,EAAE,GAAGC,EAAE;IAC7B,OAAOH,CAAC,CAACI,aAAa,CAACH,CAAC,CAAC;EAC3B,CAAC,CAAC;AACJ;AAEO,SAASI,oBAAoBA,CAACC,KAAsB,EAAmB;EAC5E,OAAO,CAAC,GAAGA,KAAK,CAAC,CAACP,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IAC/B,MAAMM,EAAE,GAAGP,CAAC,CAACQ,SAAS,CAACC,EAAE,CAACC,SAAS,IAAI,GAAG;IAC1C,MAAMC,EAAE,GAAGV,CAAC,CAACO,SAAS,CAACC,EAAE,CAACC,SAAS,IAAI,GAAG;IAE1C,MAAMR,EAAE,GAAGR,iBAAiB,CAACa,EAAE,CAAC;IAChC,MAAMJ,EAAE,GAAGT,iBAAiB,CAACiB,EAAE,CAAC;IAChC,IAAIT,EAAE,KAAKC,EAAE,EAAE,OAAOD,EAAE,GAAGC,EAAE;IAE7B,OAAOH,CAAC,CAACQ,SAAS,CAACC,EAAE,CAACG,IAAI,CAACR,aAAa,CAACH,CAAC,CAACO,SAAS,CAACC,EAAE,CAACG,IAAI,CAAC;EAC/D,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/ui/workspace/workspace-overview/scope-sort.d.ts

@@ -0,0 +1 @@
+export declare function sortScopes(scopes: string[]): string[];

package/dist/ui/workspace/workspace-overview/scope-sort.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sortScopes = sortScopes;
+function sortScopes(scopes) {
+  const designPrefix = 'design';
+  const nonDesign = scopes.filter(s => !s.includes(designPrefix)).sort((a, b) => a.localeCompare(b));
+  const design = scopes.filter(s => s.includes(designPrefix)).sort((a, b) => a.localeCompare(b));
+  return [...nonDesign, ...design];
+}
+
+//# sourceMappingURL=scope-sort.js.map

package/dist/ui/workspace/workspace-overview/scope-sort.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sortScopes","scopes","designPrefix","nonDesign","filter","s","includes","sort","a","b","localeCompare","design"],"sources":["scope-sort.ts"],"sourcesContent":["export function sortScopes(scopes: string[]) {\n  const designPrefix = 'design';\n\n  const nonDesign = scopes.filter((s) => !s.includes(designPrefix)).sort((a, b) => a.localeCompare(b));\n\n  const design = scopes.filter((s) => s.includes(designPrefix)).sort((a, b) => a.localeCompare(b));\n\n  return [...nonDesign, ...design];\n}\n"],"mappings":";;;;;;AAAO,SAASA,UAAUA,CAACC,MAAgB,EAAE;EAC3C,MAAMC,YAAY,GAAG,QAAQ;EAE7B,MAAMC,SAAS,GAAGF,MAAM,CAACG,MAAM,CAAEC,CAAC,IAAK,CAACA,CAAC,CAACC,QAAQ,CAACJ,YAAY,CAAC,CAAC,CAACK,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACE,aAAa,CAACD,CAAC,CAAC,CAAC;EAEpG,MAAME,MAAM,GAAGV,MAAM,CAACG,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACC,QAAQ,CAACJ,YAAY,CAAC,CAAC,CAACK,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACE,aAAa,CAACD,CAAC,CAAC,CAAC;EAEhG,OAAO,CAAC,GAAGN,SAAS,EAAE,GAAGQ,MAAM,CAAC;AAClC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import type { WorkspaceItem, AggregationType, AggregationResult } from './workspace-overview.types';
+export declare function useWorkspaceAggregation(items: WorkspaceItem[], aggregation: AggregationType): AggregationResult;

package/dist/ui/workspace/workspace-overview/use-workspace-aggregation.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWorkspaceAggregation = useWorkspaceAggregation;
+function _react() {
+  const data = require("react");
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _namespaceSort() {
+  const data = require("./namespace-sort");
+  _namespaceSort = function () {
+    return data;
+  };
+  return data;
+}
+function _filterUtils() {
+  const data = require("./filter-utils");
+  _filterUtils = function () {
+    return data;
+  };
+  return data;
+}
+function useWorkspaceAggregation(items, aggregation) {
+  const search = new URLSearchParams(window.location.search);
+  const filters = (0, _filterUtils().parseActiveFilters)(search);
+  const filtered = (0, _react().useMemo)(() => (0, _filterUtils().filterItems)(items, filters), [items, filters]);
+  if (aggregation === 'none') {
+    return {
+      groups: [{
+        name: 'all',
+        displayName: '',
+        items: (0, _namespaceSort().sortItemsByNamespace)(filtered)
+      }],
+      groupType: 'none',
+      availableAggregations: ['namespaces', 'scopes', 'none'],
+      filteredCount: filtered.length
+    };
+  }
+  if (aggregation === 'namespaces') {
+    const map = new Map();
+    for (const item of filtered) {
+      const ns = item.component.id.namespace || '/';
+      if (!map.has(ns)) map.set(ns, []);
+      map.get(ns).push(item);
+    }
+    const sortedKeys = (0, _namespaceSort().sortNamespacesAdvanced)([...map.keys()]);
+    const groups = sortedKeys.map(ns => ({
+      name: ns,
+      displayName: ns,
+      items: (0, _namespaceSort().sortItemsByNamespace)(map.get(ns))
+    }));
+    return {
+      groups,
+      groupType: 'namespaces',
+      availableAggregations: ['namespaces', 'scopes', 'none'],
+      filteredCount: filtered.length
+    };
+  }
+  const map = new Map();
+  for (const item of filtered) {
+    const scope = item.component.id.scope;
+    if (!map.has(scope)) map.set(scope, []);
+    map.get(scope).push(item);
+  }
+  const sortedScopes = [...map.keys()].sort();
+  const groups = sortedScopes.map(sc => ({
+    name: sc,
+    displayName: sc,
+    items: (0, _namespaceSort().sortItemsByNamespace)(map.get(sc))
+  }));
+  return {
+    groups,
+    groupType: 'scopes',
+    availableAggregations: ['namespaces', 'scopes', 'none'],
+    filteredCount: filtered.length
+  };
+}
+
+//# sourceMappingURL=use-workspace-aggregation.js.map

package/dist/ui/workspace/workspace-overview/use-workspace-aggregation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","require","_namespaceSort","_filterUtils","useWorkspaceAggregation","items","aggregation","search","URLSearchParams","window","location","filters","parseActiveFilters","filtered","useMemo","filterItems","groups","name","displayName","sortItemsByNamespace","groupType","availableAggregations","filteredCount","length","map","Map","item","ns","component","id","namespace","has","set","get","push","sortedKeys","sortNamespacesAdvanced","keys","scope","sortedScopes","sort","sc"],"sources":["use-workspace-aggregation.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { sortNamespacesAdvanced, sortItemsByNamespace } from './namespace-sort';\nimport { filterItems, parseActiveFilters } from './filter-utils';\nimport type { WorkspaceItem, AggregationType, AggregationGroup, AggregationResult } from './workspace-overview.types';\n\nexport function useWorkspaceAggregation(items: WorkspaceItem[], aggregation: AggregationType): AggregationResult {\n  const search = new URLSearchParams(window.location.search);\n  const filters = parseActiveFilters(search);\n\n  const filtered = useMemo(() => filterItems(items, filters), [items, filters]);\n\n  if (aggregation === 'none') {\n    return {\n      groups: [\n        {\n          name: 'all',\n          displayName: '',\n          items: sortItemsByNamespace(filtered),\n        },\n      ],\n      groupType: 'none',\n      availableAggregations: ['namespaces', 'scopes', 'none'],\n      filteredCount: filtered.length,\n    };\n  }\n\n  if (aggregation === 'namespaces') {\n    const map = new Map<string, WorkspaceItem[]>();\n    for (const item of filtered) {\n      const ns = item.component.id.namespace || '/';\n      if (!map.has(ns)) map.set(ns, []);\n      map.get(ns)!.push(item);\n    }\n\n    const sortedKeys = sortNamespacesAdvanced([...map.keys()]);\n\n    const groups: AggregationGroup[] = sortedKeys.map((ns) => ({\n      name: ns,\n      displayName: ns,\n      items: sortItemsByNamespace(map.get(ns)!),\n    }));\n\n    return {\n      groups,\n      groupType: 'namespaces',\n      availableAggregations: ['namespaces', 'scopes', 'none'],\n      filteredCount: filtered.length,\n    };\n  }\n\n  const map = new Map<string, WorkspaceItem[]>();\n  for (const item of filtered) {\n    const scope = item.component.id.scope;\n    if (!map.has(scope)) map.set(scope, []);\n    map.get(scope)!.push(item);\n  }\n\n  const sortedScopes = [...map.keys()].sort();\n\n  const groups: AggregationGroup[] = sortedScopes.map((sc) => ({\n    name: sc,\n    displayName: sc,\n    items: sortItemsByNamespace(map.get(sc)!),\n  }));\n\n  return {\n    groups,\n    groupType: 'scopes',\n    availableAggregations: ['namespaces', 'scopes', 'none'],\n    filteredCount: filtered.length,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import type { WorkspaceItem, AggregationType } from './workspace-overview.types';
+export interface WorkspaceFilterPanelProps {
+    aggregation: AggregationType;
+    availableAggregations: AggregationType[];
+    items: WorkspaceItem[];
+}
+export declare function WorkspaceFilterPanel({ aggregation, availableAggregations, items }: WorkspaceFilterPanelProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WorkspaceFilterPanel = WorkspaceFilterPanel;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+  _reactRouterDom = function () {
+    return data;
+  };
+  return data;
+}
+function _designInputs() {
+  const data = require("@teambit/design.inputs.toggle-button");
+  _designInputs = function () {
+    return data;
+  };
+  return data;
+}
+function _componentFilters() {
+  const data = require("@teambit/component.filters.base-filter");
+  _componentFilters = function () {
+    return data;
+  };
+  return data;
+}
+function _workspaceOverviewModule() {
+  const data = _interopRequireDefault(require("./workspace-overview.module.scss"));
+  _workspaceOverviewModule = 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); }
+const LABELS = {
+  namespaces: 'Namespaces',
+  scopes: 'Scopes',
+  none: 'None'
+};
+function WorkspaceFilterPanel({
+  aggregation,
+  availableAggregations,
+  items
+}) {
+  const [searchParams, setSearchParams] = (0, _reactRouterDom().useSearchParams)();
+  const namespaceOptions = (0, _react().useMemo)(() => [...new Set(items.map(i => i.component.id.namespace || '/'))].map(v => ({
+    value: v
+  })), [items]);
+  const scopeOptions = (0, _react().useMemo)(() => [...new Set(items.map(i => i.component.id.scope))].map(v => ({
+    value: v
+  })), [items]);
+  const activeNamespaces = (searchParams.get('ns') || '').split(',').filter(Boolean).map(v => ({
+    value: v
+  }));
+  const activeScopes = (searchParams.get('scopes') || '').split(',').filter(Boolean).map(v => ({
+    value: v
+  }));
+  const applyNs = opts => {
+    const list = opts.map(o => o.value).filter(v => typeof v === 'string');
+    if (list.length) searchParams.set('ns', list.join(','));else searchParams.delete('ns');
+    setSearchParams(searchParams);
+  };
+  const applyScopes = opts => {
+    const list = opts.map(o => o.value).filter(v => typeof v === 'string');
+    if (list.length) searchParams.set('scopes', list.join(','));else searchParams.delete('scopes');
+    setSearchParams(searchParams);
+  };
+  const currentIndex = Math.max(0, availableAggregations.findIndex(a => a === aggregation));
+  const applyAgg = i => {
+    const agg = availableAggregations[i];
+    searchParams.set('aggregation', agg);
+    setSearchParams(searchParams);
+  };
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceOverviewModule().default.filterPanel
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceOverviewModule().default.leftFilters
+  }, /*#__PURE__*/_react().default.createElement(_componentFilters().BaseFilter, {
+    id: "namespaces",
+    placeholder: "Namespaces",
+    options: namespaceOptions,
+    activeOptions: activeNamespaces,
+    onChange: applyNs,
+    isSearchable: true
+  }), /*#__PURE__*/_react().default.createElement(_componentFilters().BaseFilter, {
+    id: "scopes",
+    placeholder: "Scopes",
+    options: scopeOptions,
+    activeOptions: activeScopes,
+    onChange: applyScopes,
+    isSearchable: true
+  })), /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceOverviewModule().default.rightAggToggle
+  }, /*#__PURE__*/_react().default.createElement(_designInputs().ToggleButton, {
+    defaultIndex: currentIndex,
+    onOptionSelect: idx => applyAgg(idx),
+    options: availableAggregations.map(agg => ({
+      value: agg,
+      element: LABELS[agg]
+    }))
+  })));
+}
+
+//# sourceMappingURL=workspace-filter-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_reactRouterDom","_designInputs","_componentFilters","_workspaceOverviewModule","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LABELS","namespaces","scopes","none","WorkspaceFilterPanel","aggregation","availableAggregations","items","searchParams","setSearchParams","useSearchParams","namespaceOptions","useMemo","Set","map","component","id","namespace","v","value","scopeOptions","scope","activeNamespaces","split","filter","Boolean","activeScopes","applyNs","opts","list","length","join","delete","applyScopes","currentIndex","Math","max","findIndex","a","applyAgg","agg","createElement","className","styles","filterPanel","leftFilters","BaseFilter","placeholder","options","activeOptions","onChange","isSearchable","rightAggToggle","ToggleButton","defaultIndex","onOptionSelect","idx","element"],"sources":["workspace-filter-panel.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { ToggleButton } from '@teambit/design.inputs.toggle-button';\nimport { BaseFilter } from '@teambit/component.filters.base-filter';\nimport type { WorkspaceItem, AggregationType } from './workspace-overview.types';\nimport styles from './workspace-overview.module.scss';\n\nexport interface WorkspaceFilterPanelProps {\n  aggregation: AggregationType;\n  availableAggregations: AggregationType[];\n  items: WorkspaceItem[];\n}\n\nconst LABELS: Record<AggregationType, string> = {\n  namespaces: 'Namespaces',\n  scopes: 'Scopes',\n  none: 'None',\n};\n\nexport function WorkspaceFilterPanel({ aggregation, availableAggregations, items }: WorkspaceFilterPanelProps) {\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const namespaceOptions = useMemo(\n    () =>\n      [...new Set(items.map((i) => i.component.id.namespace || '/'))].map((v) => ({\n        value: v,\n      })),\n    [items]\n  );\n\n  const scopeOptions = useMemo(\n    () =>\n      [...new Set(items.map((i) => i.component.id.scope))].map((v) => ({\n        value: v,\n      })),\n    [items]\n  );\n\n  const activeNamespaces = (searchParams.get('ns') || '')\n    .split(',')\n    .filter(Boolean)\n    .map((v) => ({ value: v }));\n\n  const activeScopes = (searchParams.get('scopes') || '')\n    .split(',')\n    .filter(Boolean)\n    .map((v) => ({ value: v }));\n\n  const applyNs = (opts) => {\n    const list = opts.map((o) => o.value).filter((v): v is string => typeof v === 'string');\n\n    if (list.length) searchParams.set('ns', list.join(','));\n    else searchParams.delete('ns');\n\n    setSearchParams(searchParams);\n  };\n\n  const applyScopes = (opts) => {\n    const list = opts.map((o) => o.value).filter((v): v is string => typeof v === 'string');\n\n    if (list.length) searchParams.set('scopes', list.join(','));\n    else searchParams.delete('scopes');\n\n    setSearchParams(searchParams);\n  };\n\n  const currentIndex = Math.max(\n    0,\n    availableAggregations.findIndex((a) => a === aggregation)\n  );\n\n  const applyAgg = (i: number) => {\n    const agg = availableAggregations[i];\n    searchParams.set('aggregation', agg);\n    setSearchParams(searchParams);\n  };\n\n  return (\n    <div className={styles.filterPanel}>\n      <div className={styles.leftFilters}>\n        <BaseFilter\n          id=\"namespaces\"\n          placeholder=\"Namespaces\"\n          options={namespaceOptions}\n          activeOptions={activeNamespaces}\n          onChange={applyNs}\n          isSearchable\n        />\n\n        <BaseFilter\n          id=\"scopes\"\n          placeholder=\"Scopes\"\n          options={scopeOptions}\n          activeOptions={activeScopes}\n          onChange={applyScopes}\n          isSearchable\n        />\n      </div>\n\n      <div className={styles.rightAggToggle}>\n        <ToggleButton\n          defaultIndex={currentIndex}\n          onOptionSelect={(idx) => applyAgg(idx)}\n          options={availableAggregations.map((agg) => ({\n            value: agg,\n            element: LABELS[agg],\n          }))}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -47,9 +47,9 @@ function _componentId() {
   };
   return data;
 }
-function _cloudHooks() {
-  const data = require("@teambit/cloud.hooks.use-cloud-scopes");
-  _cloudHooks = function () {
+function _lodash() {
+  const data = _interopRequireDefault(require("lodash.compact"));
+  _lodash = function () {
     return data;
   };
   return data;
@@ -61,9 +61,16 @@ function _scopes() {
   };
   return data;
 }
-function _lodash() {
-  const data = require("lodash");
-  _lodash = function () {
+function _cloudHooks() {
+  const data = require("@teambit/cloud.hooks.use-cloud-scopes");
+  _cloudHooks = function () {
+    return data;
+  };
+  return data;
+}
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+  _reactRouterDom = function () {
     return data;
   };
   return data;
@@ -82,16 +89,16 @@ function _workspaceUi3() {
   };
   return data;
 }
-function _workspaceContext() {
-  const data = require("../workspace-context");
-  _workspaceContext = function () {
+function _designUi2() {
+  const data = require("@teambit/design.ui.heading");
+  _designUi2 = function () {
     return data;
   };
   return data;
 }
-function _workspaceOverviewModule() {
-  const data = _interopRequireDefault(require("./workspace-overview.module.scss"));
-  _workspaceOverviewModule = function () {
+function _workspaceContext() {
+  const data = require("../workspace-context");
+  _workspaceContext = function () {
     return data;
   };
   return data;
@@ -103,64 +110,99 @@ function _linkPlugin() {
   };
   return data;
 }
+function _useWorkspaceAggregation() {
+  const data = require("./use-workspace-aggregation");
+  _useWorkspaceAggregation = function () {
+    return data;
+  };
+  return data;
+}
+function _workspaceFilterPanel() {
+  const data = require("./workspace-filter-panel");
+  _workspaceFilterPanel = function () {
+    return data;
+  };
+  return data;
+}
+function _workspaceOverviewModule() {
+  const data = _interopRequireDefault(require("./workspace-overview.module.scss"));
+  _workspaceOverviewModule = 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 WorkspaceOverview() {
   const workspace = (0, _react().useContext)(_workspaceContext().WorkspaceContext);
-  const {
-    isMinimal
-  } = (0, _workspaceUi3().useWorkspaceMode)();
-  const compModelsById = new Map(workspace.components.map(comp => [comp.id.toString(), comp]));
   const {
     components,
     componentDescriptors
   } = workspace;
-  const uniqueScopes = new Set(components.map(c => c.id.scope));
-  const uniqueScopesArr = Array.from(uniqueScopes);
-  const {
-    cloudScopes = []
-  } = (0, _cloudHooks().useCloudScopes)(uniqueScopesArr);
-  const cloudScopesById = new Map(cloudScopes.map(scope => [scope.id.toString(), scope]));
-  const plugins = useCardPlugins({
-    compModelsById,
-    showPreview: isMinimal
-  });
-  if (!components || components.length === 0) return /*#__PURE__*/_react().default.createElement(_workspaceUi().EmptyWorkspace, {
+  if (!components.length) return /*#__PURE__*/_react().default.createElement(_workspaceUi().EmptyWorkspace, {
     name: workspace.name
   });
-  const compDescriptorById = new Map(componentDescriptors.map(comp => [comp.id.toString(), comp]));
-  const componentsWithDescriptorAndScope = (0, _lodash().compact)(components.map(component => {
+  const {
+    isMinimal
+  } = (0, _workspaceUi3().useWorkspaceMode)();
+  const compModelsById = (0, _react().useMemo)(() => new Map(components.map(c => [c.id.toString(), c])), [components]);
+  const uniqueScopes = [...new Set(components.map(c => c.id.scope))];
+  const {
+    cloudScopes
+  } = (0, _cloudHooks().useCloudScopes)(uniqueScopes);
+  const cloudMap = new Map((cloudScopes || []).map(s => [s.id.toString(), s]));
+  const compDescriptorMap = new Map(componentDescriptors.map(d => [d.id.toString(), d]));
+  const items = (0, _lodash().default)(components.map(component => {
     if (component.deprecation?.isDeprecate) return null;
-    const componentDescriptor = compDescriptorById.get(component.id.toString());
-    if (!componentDescriptor) return null;
-    const cloudScope = cloudScopesById.get(component.id.scope);
+    const descriptor = compDescriptorMap.get(component.id.toString());
+    if (!descriptor) return null;
+    const cloudScope = cloudMap.get(component.id.scope);
     const scope = cloudScope || _scopes().ScopeID.isValid(component.id.scope) && {
       id: _scopes().ScopeID.fromString(component.id.scope)
     } || undefined;
     return {
       component,
-      componentDescriptor,
-      scope
+      componentDescriptor: descriptor,
+      scope: scope && {
+        id: scope.id
+      } || undefined
     };
   }));
+  const [searchParams] = (0, _reactRouterDom().useSearchParams)();
+  const aggregation = searchParams.get('aggregation') || 'namespaces';
+  const {
+    groups,
+    groupType,
+    availableAggregations,
+    filteredCount
+  } = (0, _useWorkspaceAggregation().useWorkspaceAggregation)(items, aggregation);
+  const plugins = useCardPlugins({
+    compModelsById,
+    showPreview: isMinimal
+  });
   return /*#__PURE__*/_react().default.createElement("div", {
     className: _workspaceOverviewModule().default.container
-  }, /*#__PURE__*/_react().default.createElement(_explorerUiGallery().ComponentGrid, {
+  }, /*#__PURE__*/_react().default.createElement(_workspaceFilterPanel().WorkspaceFilterPanel, {
+    aggregation: aggregation,
+    availableAggregations: availableAggregations,
+    items: items
+  }), filteredCount === 0 && /*#__PURE__*/_react().default.createElement(_workspaceUi().EmptyWorkspace, {
+    name: workspace.name
+  }), groups.map(group => /*#__PURE__*/_react().default.createElement("section", {
+    key: group.name,
+    className: _workspaceOverviewModule().default.agg
+  }, groupType !== 'none' && /*#__PURE__*/_react().default.createElement(_designUi2().H3, {
+    className: _workspaceOverviewModule().default.aggregationTitle
+  }, group.displayName), /*#__PURE__*/_react().default.createElement(_explorerUiGallery().ComponentGrid, {
     className: _workspaceOverviewModule().default.cardGrid
-  }, componentsWithDescriptorAndScope.map(({
-    component,
-    componentDescriptor,
-    scope
-  }) => {
-    return /*#__PURE__*/_react().default.createElement(_workspaceUi2().WorkspaceComponentCard, {
-      key: component.id.toString(),
-      componentDescriptor: componentDescriptor,
-      component: component,
-      plugins: plugins,
-      scope: scope,
-      shouldShowPreviewState: isMinimal
-    });
-  })));
+  }, group.items.map(item => /*#__PURE__*/_react().default.createElement(_workspaceUi2().WorkspaceComponentCard, {
+    key: item.component.id.toString(),
+    component: item.component,
+    componentDescriptor: item.componentDescriptor,
+    scope: item.scope,
+    plugins: plugins,
+    shouldShowPreviewState: isMinimal
+  }))))));
 }
 function useCardPlugins({
   compModelsById,