@teambit/compositions.ui.composition-compare 0.0.254 → 0.0.256

package/composition-compare.context.tsx

@@ -1,14 +1,14 @@
-import { CompositionContentProps } from '@teambit/compositions';
-import { useContext, createContext } from 'react';
+import { useContext, createContext } from "react";
+import { CompositionContentProps } from "@teambit/compositions";
 
 export type CompositionCompareContextModel = {
-  compositionProps?: CompositionContentProps;
-  isBase?: boolean;
-  isCompare?: boolean;
+    compositionProps?: CompositionContentProps;
+    isBase?: boolean;
+    isCompare?: boolean;
 };
 
 export const CompositionCompareContext: React.Context<CompositionCompareContextModel | undefined> = createContext<
-  CompositionCompareContextModel | undefined
+    CompositionCompareContextModel | undefined
 >(undefined);
 
 export const useCompositionCompare = () => useContext(CompositionCompareContext);

package/composition-compare.tsx

@@ -6,12 +6,12 @@ import {
   useCompareQueryParam,
   useUpdatedUrlFromQuery,
 } from '@teambit/component.ui.component-compare.hooks.use-component-compare-url';
-import { uniqBy } from 'lodash';
 import { CompareSplitLayoutPreset } from '@teambit/component.ui.component-compare.layouts.compare-split-layout-preset';
 import { RoundLoader } from '@teambit/design.ui.round-loader';
 import queryString from 'query-string';
 import { CompositionDropdown } from './composition-dropdown';
 import { CompositionCompareContext } from './composition-compare.context';
+import { uniqBy } from 'lodash';
 
 import styles from './composition-compare.module.scss';
 
@@ -64,24 +64,48 @@ export function CompositionCompare(props: CompositionCompareProps) {
       })) ||
     (compareCompositions && compareCompositions[0]);
 
-  const compositionsDropdownSource = uniqBy(baseCompositions?.concat(compareCompositions || []), 'identifier')?.map(
-    (c) => {
-      const href = !compareState?.controlled
-        ? useUpdatedUrlFromQuery({
-            compositionBaseFile: selectedBaseComp?.identifier,
-            compositionCompareFile: c.identifier,
-          })
-        : useUpdatedUrlFromQuery({});
-
-      const onClick = compareState?.controlled
-        ? (_, __) => {
-            compareHooks?.onClick?.(_, __);
-            baseHooks?.onClick?.(_, __);
-          }
-        : undefined;
-      return { id: c.identifier, label: c.displayName, href, onClick };
-    }
-  );
+  // const baseCompositionDropdownSource =
+  //   baseCompositions?.map((c) => {
+  //     const href = !baseState?.controlled
+  //       ? useUpdatedUrlFromQuery({
+  //         compositionBaseFile: c.identifier,
+  //         compositionCompareFile: selectedCompareComp?.identifier,
+  //       })
+  //       : useUpdatedUrlFromQuery({});
+
+  //     const onClick = baseState?.controlled ? baseHooks?.onClick : undefined;
+
+  //     return { id: c.identifier, label: c.displayName, href, onClick };
+  //   }) || [];
+
+  // const compareCompositionDropdownSource =
+  //   compareCompositions?.map((c) => {
+  //     const href = !compareState?.controlled
+  //       ? useUpdatedUrlFromQuery({
+  //         compositionBaseFile: selectedBaseComp?.identifier,
+  //         compositionCompareFile: c.identifier,
+  //       })
+  //       : useUpdatedUrlFromQuery({});
+
+  //     const onClick = compareState?.controlled ? () => compareHooks?.onClick : undefined;
+
+  //     return { id: c.identifier, label: c.displayName, href, onClick };
+  //   }) || [];
+
+  const compositionsDropdownSource = uniqBy((baseCompositions || []).concat(compareCompositions || []), 'identifier')?.map((c) => {
+    const href = !compareState?.controlled
+      ? useUpdatedUrlFromQuery({
+        compositionBaseFile: selectedBaseComp?.identifier,
+        compositionCompareFile: c.identifier,
+      })
+      : useUpdatedUrlFromQuery({});
+
+    const onClick = compareState?.controlled ? (_, __) => {
+      compareHooks?.onClick?.(_, __);
+      baseHooks?.onClick?.(_, __);
+    } : undefined;
+    return { id: c.identifier, label: c.displayName, href, onClick };
+  });
 
   const [baseCompositionParams, setBaseCompositionParams] = useState<Record<string, any>>({});
   const baseCompQueryParams = useMemo(() => queryString.stringify(baseCompositionParams), [baseCompositionParams]);
@@ -92,6 +116,11 @@ export function CompositionCompare(props: CompositionCompareProps) {
     [compareCompositionParams]
   );
 
+  const selectedBaseDropdown = selectedBaseComp && {
+    id: selectedBaseComp.identifier,
+    label: selectedBaseComp.displayName,
+  };
+
   const selectedCompareDropdown = selectedCompareComp && {
     id: selectedCompareComp.identifier,
     label: selectedCompareComp.displayName,
@@ -110,7 +139,7 @@ export function CompositionCompare(props: CompositionCompareProps) {
       component: baseCompModel,
       queryParams: baseCompQueryParams,
       selected: selectedCompareComp,
-    };
+    }
     return (
       <div className={styles.subView}>
         <CompositionCompareContext.Provider value={{ compositionProps, isBase: true }}>
@@ -143,14 +172,11 @@ export function CompositionCompare(props: CompositionCompareProps) {
       component: compareCompModel,
       queryParams: compareCompQueryParams,
       selected: selectedCompareComp,
-    };
+    }
     return (
       <div className={styles.subView}>
         <CompositionCompareContext.Provider value={{ compositionProps, isCompare: true }}>
-          <CompositionContextProvider
-            queryParams={compareCompositionParams}
-            setQueryParams={setCompareCompositionParams}
-          >
+          <CompositionContextProvider queryParams={compareCompositionParams} setQueryParams={setCompareCompositionParams}>
             <PreviewView
               forceHeight={undefined}
               innerBottomPadding={50}
@@ -162,6 +188,7 @@ export function CompositionCompare(props: CompositionCompareProps) {
             />
           </CompositionContextProvider>
         </CompositionCompareContext.Provider>
+
       </div>
     );
   }, [compare, selectedCompareComp?.identifier]);
@@ -198,7 +225,9 @@ export function CompositionCompare(props: CompositionCompareProps) {
         </div>
       )}
       <CompositionToolbar />
-      <CompareSplitLayoutPreset base={BaseLayout} compare={CompareLayout} />
+      <CompareSplitLayoutPreset base={BaseLayout} compare={CompareLayout}
+      />
     </React.Fragment>
   );
 }
+

package/composition-dropdown.module.scss

@@ -1,4 +1,4 @@
-@import '@teambit/ui-foundation.ui.constants.z-indexes/z-indexes.module.scss';
+@import '~@teambit/ui-foundation.ui.constants.z-indexes/z-indexes.module.scss';
 
 .placeholder {
   display: flex;
@@ -19,8 +19,8 @@
   border-radius: 6px;
   max-height: 240px;
   overflow-y: scroll;
-  max-width: 100%;
-  width: 100%;
+  max-width: 400px;
+  width: fit-content;
   padding: 0px;
   z-index: $modal-z-index;
 }

package/composition-dropdown.tsx

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React, { useEffect, useRef } from 'react';
 import { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';
 import { Icon } from '@teambit/design.elements.icon';
 import { Dropdown } from '@teambit/evangelist.surfaces.dropdown';
@@ -41,12 +41,20 @@ type MenuItemProps = {
 function MenuItem(props: MenuItemProps) {
   const { selected, current } = props;
 
+  // const isCurrent = selected?.id === current.id;
   const currentVersionRef = useRef<HTMLDivElement>(null);
 
+  // useEffect(() => {
+  //   if (isCurrent) {
+  //     currentVersionRef.current?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+  //   }
+  // }, [isCurrent]);
+
   const onClick = (!!current.onClick && ((e) => current.onClick?.(current.id, e))) || undefined;
 
   return (
     <div ref={currentVersionRef} key={`${current.href}-container`}>
+      {/* @ts-ignore */}
       <MenuLinkItem key={current.href} active={current.id === selected?.id} href={current.href} onClick={onClick}>
         <div>{current.label}</div>
       </MenuLinkItem>

package/dist/composition-compare.context.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CompositionContentProps } from '@teambit/compositions';
-export declare type CompositionCompareContextModel = {
+import { CompositionContentProps } from "@teambit/compositions";
+export type CompositionCompareContextModel = {
     compositionProps?: CompositionContentProps;
     isBase?: boolean;
     isCompare?: boolean;

package/dist/composition-compare.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"composition-compare.context.js","sourceRoot":"","sources":["../composition-compare.context.tsx"],"names":[],"mappings":";;;AACA,iCAAkD;AAQrC,QAAA,yBAAyB,GAA8D,IAAA,qBAAa,EAE/G,SAAS,CAAC,CAAC;AAEN,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,iCAAyB,CAAC,CAAC;AAApE,QAAA,qBAAqB,yBAA+C"}
+{"version":3,"file":"composition-compare.context.js","sourceRoot":"","sources":["../composition-compare.context.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AASrC,QAAA,yBAAyB,GAA8D,IAAA,qBAAa,EAE/G,SAAS,CAAC,CAAC;AAEN,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,iCAAyB,CAAC,CAAC;AAApE,QAAA,qBAAqB,yBAA+C"}

package/dist/composition-compare.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CompositionContentProps, EmptyStateSlot } from '@teambit/compositions';
-export declare type CompositionCompareProps = {
+export type CompositionCompareProps = {
     emptyState?: EmptyStateSlot;
     Widgets?: {
         Right?: React.ReactNode;
@@ -9,4 +9,4 @@ export declare type CompositionCompareProps = {
     previewViewProps?: CompositionContentProps;
     PreviewView?: React.ComponentType<CompositionContentProps>;
 };
-export declare function CompositionCompare(props: CompositionCompareProps): JSX.Element;
+export declare function CompositionCompare(props: CompositionCompareProps): React.JSX.Element;

package/dist/composition-compare.js

@@ -32,12 +32,12 @@ const component_ui_component_compare_context_1 = require("@teambit/component.ui.
 const compositions_1 = require("@teambit/compositions");
 const compositions_ui_hooks_use_composition_1 = require("@teambit/compositions.ui.hooks.use-composition");
 const component_ui_component_compare_hooks_use_component_compare_url_1 = require("@teambit/component.ui.component-compare.hooks.use-component-compare-url");
-const lodash_1 = require("lodash");
 const component_ui_component_compare_layouts_compare_split_layout_preset_1 = require("@teambit/component.ui.component-compare.layouts.compare-split-layout-preset");
 const design_ui_round_loader_1 = require("@teambit/design.ui.round-loader");
 const query_string_1 = __importDefault(require("query-string"));
 const composition_dropdown_1 = require("./composition-dropdown");
 const composition_compare_context_1 = require("./composition-compare.context");
+const lodash_1 = require("lodash");
 const composition_compare_module_scss_1 = __importDefault(require("./composition-compare.module.scss"));
 function CompositionCompare(props) {
     var _a, _b, _c, _d, _e, _f, _g;
@@ -68,26 +68,50 @@ function CompositionCompare(props) {
             return c.identifier === selectedCompositionCompareId;
         })) ||
         (compareCompositions && compareCompositions[0]);
-    const compositionsDropdownSource = (_e = (0, lodash_1.uniqBy)(baseCompositions === null || baseCompositions === void 0 ? void 0 : baseCompositions.concat(compareCompositions || []), 'identifier')) === null || _e === void 0 ? void 0 : _e.map((c) => {
+    // const baseCompositionDropdownSource =
+    //   baseCompositions?.map((c) => {
+    //     const href = !baseState?.controlled
+    //       ? useUpdatedUrlFromQuery({
+    //         compositionBaseFile: c.identifier,
+    //         compositionCompareFile: selectedCompareComp?.identifier,
+    //       })
+    //       : useUpdatedUrlFromQuery({});
+    //     const onClick = baseState?.controlled ? baseHooks?.onClick : undefined;
+    //     return { id: c.identifier, label: c.displayName, href, onClick };
+    //   }) || [];
+    // const compareCompositionDropdownSource =
+    //   compareCompositions?.map((c) => {
+    //     const href = !compareState?.controlled
+    //       ? useUpdatedUrlFromQuery({
+    //         compositionBaseFile: selectedBaseComp?.identifier,
+    //         compositionCompareFile: c.identifier,
+    //       })
+    //       : useUpdatedUrlFromQuery({});
+    //     const onClick = compareState?.controlled ? () => compareHooks?.onClick : undefined;
+    //     return { id: c.identifier, label: c.displayName, href, onClick };
+    //   }) || [];
+    const compositionsDropdownSource = (_e = (0, lodash_1.uniqBy)((baseCompositions || []).concat(compareCompositions || []), 'identifier')) === null || _e === void 0 ? void 0 : _e.map((c) => {
         const href = !(compareState === null || compareState === void 0 ? void 0 : compareState.controlled)
             ? (0, component_ui_component_compare_hooks_use_component_compare_url_1.useUpdatedUrlFromQuery)({
                 compositionBaseFile: selectedBaseComp === null || selectedBaseComp === void 0 ? void 0 : selectedBaseComp.identifier,
                 compositionCompareFile: c.identifier,
             })
             : (0, component_ui_component_compare_hooks_use_component_compare_url_1.useUpdatedUrlFromQuery)({});
-        const onClick = (compareState === null || compareState === void 0 ? void 0 : compareState.controlled)
-            ? (_, __) => {
-                var _a, _b;
-                (_a = compareHooks === null || compareHooks === void 0 ? void 0 : compareHooks.onClick) === null || _a === void 0 ? void 0 : _a.call(compareHooks, _, __);
-                (_b = baseHooks === null || baseHooks === void 0 ? void 0 : baseHooks.onClick) === null || _b === void 0 ? void 0 : _b.call(baseHooks, _, __);
-            }
-            : undefined;
+        const onClick = (compareState === null || compareState === void 0 ? void 0 : compareState.controlled) ? (_, __) => {
+            var _a, _b;
+            (_a = compareHooks === null || compareHooks === void 0 ? void 0 : compareHooks.onClick) === null || _a === void 0 ? void 0 : _a.call(compareHooks, _, __);
+            (_b = baseHooks === null || baseHooks === void 0 ? void 0 : baseHooks.onClick) === null || _b === void 0 ? void 0 : _b.call(baseHooks, _, __);
+        } : undefined;
         return { id: c.identifier, label: c.displayName, href, onClick };
     });
     const [baseCompositionParams, setBaseCompositionParams] = (0, react_1.useState)({});
     const baseCompQueryParams = (0, react_1.useMemo)(() => query_string_1.default.stringify(baseCompositionParams), [baseCompositionParams]);
     const [compareCompositionParams, setCompareCompositionParams] = (0, react_1.useState)({});
     const compareCompQueryParams = (0, react_1.useMemo)(() => query_string_1.default.stringify(compareCompositionParams), [compareCompositionParams]);
+    const selectedBaseDropdown = selectedBaseComp && {
+        id: selectedBaseComp.identifier,
+        label: selectedBaseComp.displayName,
+    };
     const selectedCompareDropdown = selectedCompareComp && {
         id: selectedCompareComp.identifier,
         label: selectedCompareComp.displayName,

package/dist/composition-compare.js.map

@@ -1 +1 @@
-{"version":3,"file":"composition-compare.js","sourceRoot":"","sources":["../composition-compare.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"composition-compare.js","sourceRoot":"","sources":["../composition-compare.tsx"],"names":[],"mappings":"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"}

package/dist/composition-dropdown.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-export declare type DropdownItem = {
+import React from 'react';
+export type DropdownItem = {
     id: string;
     label: string;
     href?: string;
     onClick?: (id: string, e: any) => void;
 };
-export declare type CompositionDropdownProps = {
+export type CompositionDropdownProps = {
     selected?: Omit<DropdownItem, 'value'>;
     dropdownItems: Array<DropdownItem>;
 };
-export declare function CompositionDropdown(props: CompositionDropdownProps): JSX.Element;
+export declare function CompositionDropdown(props: CompositionDropdownProps): React.JSX.Element;

package/dist/composition-dropdown.js

@@ -44,7 +44,13 @@ function CompositionDropdown(props) {
 exports.CompositionDropdown = CompositionDropdown;
 function MenuItem(props) {
     const { selected, current } = props;
+    // const isCurrent = selected?.id === current.id;
     const currentVersionRef = (0, react_1.useRef)(null);
+    // useEffect(() => {
+    //   if (isCurrent) {
+    //     currentVersionRef.current?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+    //   }
+    // }, [isCurrent]);
     const onClick = (!!current.onClick && ((e) => { var _a; return (_a = current.onClick) === null || _a === void 0 ? void 0 : _a.call(current, current.id, e); })) || undefined;
     return (react_1.default.createElement("div", { ref: currentVersionRef, key: `${current.href}-container` },
         react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem, { key: current.href, active: current.id === (selected === null || selected === void 0 ? void 0 : selected.id), href: current.href, onClick: onClick },

package/dist/composition-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"composition-dropdown.js","sourceRoot":"","sources":["../composition-dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,kGAA0E;AAC1E,wEAAqD;AACrD,wFAAiE;AAEjE,0GAAwD;AASxD,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,GAAG,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;IAE9D,OAAO,CACL,8BAAC,uCAAQ,IACP,SAAS,EAAE,0CAAM,CAAC,IAAI,EACtB,WAAW,EACT,uCAAK,SAAS,EAAE,0CAAM,CAAC,WAAW;YAChC,2CAAM,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAO;YACvC,8BAAC,2BAAI,IAAC,EAAE,EAAC,gBAAgB,GAAG,CACxB,IAGP,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACjB,OAAO,8BAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;IACzE,CAAC,CAAC,CACO,CACZ,CAAC;AACJ,CAAC;AAnBD,kDAmBC;AAOD,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEvD,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,OAAO,CAAC,OAAO,wDAAG,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA,EAAA,CAAC,CAAC,IAAI,SAAS,CAAC;IAE9F,OAAO,CACL,uCAAK,GAAG,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,YAAY;QAC3D,8BAAC,gDAAY,IAAC,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,EAAE,CAAA,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO;YACxG,2CAAM,OAAO,CAAC,KAAK,CAAO,CACb,CACX,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"composition-dropdown.js","sourceRoot":"","sources":["../composition-dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,kGAA0E;AAC1E,wEAAqD;AACrD,wFAAiE;AAEjE,0GAAwD;AASxD,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,GAAG,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;IAE9D,OAAO,CACL,8BAAC,uCAAQ,IACP,SAAS,EAAE,0CAAM,CAAC,IAAI,EACtB,WAAW,EACT,uCAAK,SAAS,EAAE,0CAAM,CAAC,WAAW;YAChC,2CAAM,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAO;YACvC,8BAAC,2BAAI,IAAC,EAAE,EAAC,gBAAgB,GAAG,CACxB,IAGP,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACjB,OAAO,8BAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;IACzE,CAAC,CAAC,CACO,CACZ,CAAC;AACJ,CAAC;AAnBD,kDAmBC;AAOD,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,iDAAiD;IACjD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEvD,oBAAoB;IACpB,qBAAqB;IACrB,2FAA2F;IAC3F,MAAM;IACN,mBAAmB;IAEnB,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,OAAO,CAAC,OAAO,wDAAG,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA,EAAA,CAAC,CAAC,IAAI,SAAS,CAAC;IAE9F,OAAO,CACL,uCAAK,GAAG,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,YAAY;QAE3D,8BAAC,gDAAY,IAAC,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,EAAE,CAAA,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO;YACxG,2CAAM,OAAO,CAAC,KAAK,CAAO,CACb,CACX,CACP,CAAC;AACJ,CAAC"}

package/dist/composition-dropdown.module.scss

@@ -1,4 +1,4 @@
-@import '@teambit/ui-foundation.ui.constants.z-indexes/z-indexes.module.scss';
+@import '~@teambit/ui-foundation.ui.constants.z-indexes/z-indexes.module.scss';
 
 .placeholder {
   display: flex;
@@ -19,8 +19,8 @@
   border-radius: 6px;
   max-height: 240px;
   overflow-y: scroll;
-  max-width: 100%;
-  width: 100%;
+  max-width: 400px;
+  width: fit-content;
   padding: 0px;
   z-index: $modal-z-index;
 }

package/dist/tsconfig.json

@@ -22,8 +22,12 @@
         "resolveJsonModule": true
     },
     "exclude": [
+        "artifacts",
+        "public",
         "dist",
-        "package.json"
+        "node_modules",
+        "package.json",
+        "**/*.cjs"
     ],
     "include": [
         "**/*",

package/index.ts

@@ -1,2 +1,2 @@
 export { CompositionCompare } from './composition-compare';
-export { useCompositionCompare, CompositionCompareContext } from './composition-compare.context';
+export { useCompositionCompare, CompositionCompareContext } from './composition-compare.context';

package/package.json

@@ -1,31 +1,30 @@
 {
   "name": "@teambit/compositions.ui.composition-compare",
-  "version": "0.0.254",
+  "version": "0.0.256",
   "homepage": "https://bit.cloud/teambit/compositions/ui/composition-compare",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.compositions",
     "name": "ui/composition-compare",
-    "version": "0.0.254"
+    "version": "0.0.256"
   },
   "dependencies": {
     "lodash": "4.17.21",
-    "query-string": "7.0.0",
+    "query-string": "^8.1.0",
     "core-js": "^3.0.0",
-    "@teambit/design.ui.round-loader": "0.0.355",
-    "@teambit/design.elements.icon": "1.0.5",
-    "@teambit/design.ui.surfaces.menu.link-item": "1.0.0",
-    "@teambit/evangelist.surfaces.dropdown": "1.0.2",
-    "@teambit/component.ui.component-compare.context": "0.0.115",
+    "@teambit/component.ui.component-compare.context": "0.0.0-0bad1419359e7da5e28eb6da50240eb2fdf21382",
     "@teambit/component.ui.component-compare.hooks.use-component-compare-url": "0.0.8",
-    "@teambit/component.ui.component-compare.layouts.compare-split-layout-preset": "0.0.10",
+    "@teambit/component.ui.component-compare.layouts.compare-split-layout-preset": "0.0.0-945379716ff7f43a604017c9aec9e3eaceec787f",
     "@teambit/compositions.ui.hooks.use-composition": "0.0.177",
-    "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504"
+    "@teambit/design.ui.round-loader": "0.0.355",
+    "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504",
+    "@teambit/design.elements.icon": "1.0.24",
+    "@teambit/design.ui.surfaces.menu.link-item": "0.0.0-4846750b7a7f0563664db58e2443b1a4239047e9",
+    "@teambit/evangelist.surfaces.dropdown": "1.0.2"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
-    "@types/lodash": "4.14.165",
-    "@types/mocha": "9.1.0",
+    "@types/lodash": "4.14.181",
     "@types/node": "12.20.4",
     "@types/react-dom": "^17.0.5",
     "@types/jest": "^26.0.0",
@@ -37,6 +36,8 @@
     "react-dom": "^16.8.0 || ^17.0.0"
   },
   "license": "Apache-2.0",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
   "private": false,
   "engines": {
     "node": ">=12.22.0"
@@ -55,4 +56,4 @@
     "angular",
     "angular-components"
   ]
-}
+}