@teambit/compositions 0.0.659 → 0.0.662

package/{__preview-1645932113477.js → __preview-1646104918375.js}

@@ -1 +1 @@
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.compositions_compositions@0.0.659/dist/compositions.docs.mdx')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.compositions_compositions@0.0.662/dist/compositions.docs.mdx')]

package/dist/ui/composition-preview.d.ts

@@ -1,31 +1,11 @@
 /// <reference types="react" />
-import { ComponentModel } from '@teambit/component';
+import { ComponentPreviewProps } from '@teambit/preview.ui.component-preview';
 import { Composition } from '../composition';
-export declare type ComponentCompositionProps = {
-    /**
-     * HTML class
-     */
-    className?: string;
-    /**
-     * component to render.
-     */
-    component: ComponentModel;
+interface ComponentCompositionProps extends ComponentPreviewProps {
     /**
      * composition to use for component rendering.
      */
     composition?: Composition;
-    /**
-     * Additional query params to append at the end of the *hash*. Changing this property will not reload the composition.
-     */
-    queryParams?: string | string[];
-    /**
-     * skip hot reload
-     */
-    hotReload?: boolean;
-};
-export declare function ComponentComposition({ component, composition, hotReload, className, queryParams, }: ComponentCompositionProps): JSX.Element;
-export declare namespace ComponentComposition {
-    var defaultProps: {
-        skipHotReload: boolean;
-    };
 }
+export declare function ComponentComposition({ composition, queryParams, ...rest }: ComponentCompositionProps): JSX.Element;
+export {};

package/dist/ui/composition-preview.js

@@ -1,10 +1,32 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ComponentComposition = ComponentComposition;
 
+function _extends2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+  _extends2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _objectWithoutProperties2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+  _objectWithoutProperties2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _react() {
   const data = _interopRequireWildcard(require("react"));
 
@@ -29,29 +51,21 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ComponentComposition({
-  component,
-  composition,
-  hotReload,
-  className,
-  queryParams = []
-}) {
+function ComponentComposition(_ref) {
+  let {
+    composition,
+    queryParams = []
+  } = _ref,
+      rest = (0, _objectWithoutProperties2().default)(_ref, ["composition", "queryParams"]);
   const compositionParams = (0, _react().useMemo)(() => (composition ? [composition.identifier] : []).concat(queryParams), [composition === null || composition === void 0 ? void 0 : composition.identifier, queryParams]);
-  return /*#__PURE__*/_react().default.createElement(_previewUi().ComponentPreview, {
-    className: className,
-    component: component,
+  return /*#__PURE__*/_react().default.createElement(_previewUi().ComponentPreview, (0, _extends2().default)({}, rest, {
     style: {
       width: '100%',
       height: '100%'
     },
     previewName: "compositions",
-    queryParams: compositionParams,
-    hotReload: hotReload
-  });
+    queryParams: compositionParams
+  }));
 }
 
-ComponentComposition.defaultProps = {
-  skipHotReload: true
-};
-
 //# sourceMappingURL=composition-preview.js.map

package/dist/ui/composition-preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["composition-preview.tsx"],"names":["ComponentComposition","component","composition","hotReload","className","queryParams","compositionParams","identifier","concat","width","height","defaultProps","skipHotReload"],"mappings":";;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AA+BO,SAASA,oBAAT,CAA8B;AACnCC,EAAAA,SADmC;AAEnCC,EAAAA,WAFmC;AAGnCC,EAAAA,SAHmC;AAInCC,EAAAA,SAJmC;AAKnCC,EAAAA,WAAW,GAAG;AALqB,CAA9B,EAMuB;AAC5B,QAAMC,iBAAiB,GAAG,sBAAQ,MAAM,CAACJ,WAAW,GAAG,CAACA,WAAW,CAACK,UAAb,CAAH,GAA8B,EAA1C,EAA8CC,MAA9C,CAAqDH,WAArD,CAAd,EAAiF,CACzGH,WADyG,aACzGA,WADyG,uBACzGA,WAAW,CAAEK,UAD4F,EAEzGF,WAFyG,CAAjF,CAA1B;AAKA,sBACE,+BAAC,6BAAD;AACE,IAAA,SAAS,EAAED,SADb;AAEE,IAAA,SAAS,EAAEH,SAFb;AAGE,IAAA,KAAK,EAAE;AAAEQ,MAAAA,KAAK,EAAE,MAAT;AAAiBC,MAAAA,MAAM,EAAE;AAAzB,KAHT;AAIE,IAAA,WAAW,EAAC,cAJd;AAKE,IAAA,WAAW,EAAEJ,iBALf;AAME,IAAA,SAAS,EAAEH;AANb,IADF;AAUD;;AAEDH,oBAAoB,CAACW,YAArB,GAAoC;AAClCC,EAAAA,aAAa,EAAE;AADmB,CAApC","sourcesContent":["import React, { useMemo } from 'react';\nimport { ComponentModel } from '@teambit/component';\nimport { ComponentPreview } from '@teambit/preview.ui.component-preview';\n\nimport { Composition } from '../composition';\n\nexport type ComponentCompositionProps = {\n  /**\n   * HTML class\n   */\n  className?: string;\n\n  /**\n   * component to render.\n   */\n  component: ComponentModel;\n\n  /**\n   * composition to use for component rendering.\n   */\n  composition?: Composition;\n\n  /**\n   * Additional query params to append at the end of the *hash*. Changing this property will not reload the composition.\n   */\n  queryParams?: string | string[];\n\n  /**\n   * skip hot reload\n   */\n  hotReload?: boolean;\n};\n\nexport function ComponentComposition({\n  component,\n  composition,\n  hotReload,\n  className,\n  queryParams = [],\n}: ComponentCompositionProps) {\n  const compositionParams = useMemo(() => (composition ? [composition.identifier] : []).concat(queryParams), [\n    composition?.identifier,\n    queryParams,\n  ]);\n\n  return (\n    <ComponentPreview\n      className={className}\n      component={component}\n      style={{ width: '100%', height: '100%' }}\n      previewName=\"compositions\"\n      queryParams={compositionParams}\n      hotReload={hotReload}\n    />\n  );\n}\n\nComponentComposition.defaultProps = {\n  skipHotReload: true,\n};\n"]}
+{"version":3,"sources":["composition-preview.tsx"],"names":["ComponentComposition","composition","queryParams","rest","compositionParams","identifier","concat","width","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAWO,SAASA,oBAAT,OAAqG;AAAA,MAAvE;AAAEC,IAAAA,WAAF;AAAeC,IAAAA,WAAW,GAAG;AAA7B,GAAuE;AAAA,MAAnCC,IAAmC;AAC1G,QAAMC,iBAAiB,GAAG,sBACxB,MAAM,CAACH,WAAW,GAAG,CAACA,WAAW,CAACI,UAAb,CAAH,GAA8B,EAA1C,EAA8CC,MAA9C,CAAqDJ,WAArD,CADkB,EAExB,CAACD,WAAD,aAACA,WAAD,uBAACA,WAAW,CAAEI,UAAd,EAA0BH,WAA1B,CAFwB,CAA1B;AAKA,sBACE,+BAAC,6BAAD,+BACMC,IADN;AAEE,IAAA,KAAK,EAAE;AAAEI,MAAAA,KAAK,EAAE,MAAT;AAAiBC,MAAAA,MAAM,EAAE;AAAzB,KAFT;AAGE,IAAA,WAAW,EAAC,cAHd;AAIE,IAAA,WAAW,EAAEJ;AAJf,KADF;AAQD","sourcesContent":["import React, { useMemo } from 'react';\nimport { ComponentPreview, ComponentPreviewProps } from '@teambit/preview.ui.component-preview';\n\nimport { Composition } from '../composition';\n\ninterface ComponentCompositionProps extends ComponentPreviewProps {\n  /**\n   * composition to use for component rendering.\n   */\n  composition?: Composition;\n}\n\nexport function ComponentComposition({ composition, queryParams = [], ...rest }: ComponentCompositionProps) {\n  const compositionParams = useMemo(\n    () => (composition ? [composition.identifier] : []).concat(queryParams),\n    [composition?.identifier, queryParams]\n  );\n\n  return (\n    <ComponentPreview\n      {...rest}\n      style={{ width: '100%', height: '100%' }}\n      previewName=\"compositions\"\n      queryParams={compositionParams}\n    />\n  );\n}\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/compositions",
-  "version": "0.0.659",
+  "version": "0.0.662",
   "homepage": "https://bit.dev/teambit/compositions/compositions",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.compositions",
     "name": "compositions",
-    "version": "0.0.659"
+    "version": "0.0.662"
   },
   "dependencies": {
     "@teambit/harmony": "0.2.11",
@@ -23,16 +23,16 @@
     "@teambit/documenter.ui.heading": "4.1.1",
     "@teambit/documenter.ui.property-table": "4.1.3",
     "@teambit/evangelist.elements.icon": "1.0.2",
-    "@teambit/component": "0.0.659",
+    "@teambit/component": "0.0.662",
     "@teambit/compositions.model.composition-id": "0.0.486",
-    "@teambit/graphql": "0.0.659",
+    "@teambit/graphql": "0.0.662",
     "@teambit/cli": "0.0.449",
-    "@teambit/dev-files": "0.0.659",
-    "@teambit/preview": "0.0.659",
-    "@teambit/schema": "0.0.659",
-    "@teambit/workspace": "0.0.659",
+    "@teambit/dev-files": "0.0.662",
+    "@teambit/preview": "0.0.662",
+    "@teambit/schema": "0.0.662",
+    "@teambit/workspace": "0.0.662",
     "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.487",
-    "@teambit/envs": "0.0.659",
+    "@teambit/envs": "0.0.662",
     "@teambit/compositions.ui.compositions-menu-bar": "0.0.163",
     "@teambit/compositions.ui.hooks.use-composition": "0.0.163",
     "@teambit/design.ui.alert-card": "0.0.14",
@@ -43,10 +43,10 @@
     "@teambit/docs.ui.queries.get-docs": "0.0.487",
     "@teambit/mdx.ui.mdx-layout": "0.0.494",
     "@teambit/panels": "0.0.450",
-    "@teambit/preview.ui.component-preview": "0.0.490",
+    "@teambit/preview.ui.component-preview": "0.0.491",
     "@teambit/ui-foundation.ui.buttons.collapser": "0.0.193",
     "@teambit/ui-foundation.ui.hooks.use-is-mobile": "0.0.179",
-    "@teambit/ui": "0.0.659",
+    "@teambit/ui": "0.0.662",
     "@teambit/compositions.model.composition-type": "0.0.487",
     "@teambit/compositions.ui.composition-card": "0.0.493"
   },

package/ui/composition-preview.tsx

@@ -1,60 +1,27 @@
 import React, { useMemo } from 'react';
-import { ComponentModel } from '@teambit/component';
-import { ComponentPreview } from '@teambit/preview.ui.component-preview';
+import { ComponentPreview, ComponentPreviewProps } from '@teambit/preview.ui.component-preview';
 
 import { Composition } from '../composition';
 
-export type ComponentCompositionProps = {
-  /**
-   * HTML class
-   */
-  className?: string;
-
-  /**
-   * component to render.
-   */
-  component: ComponentModel;
-
+interface ComponentCompositionProps extends ComponentPreviewProps {
   /**
    * composition to use for component rendering.
    */
   composition?: Composition;
+}
 
-  /**
-   * Additional query params to append at the end of the *hash*. Changing this property will not reload the composition.
-   */
-  queryParams?: string | string[];
-
-  /**
-   * skip hot reload
-   */
-  hotReload?: boolean;
-};
-
-export function ComponentComposition({
-  component,
-  composition,
-  hotReload,
-  className,
-  queryParams = [],
-}: ComponentCompositionProps) {
-  const compositionParams = useMemo(() => (composition ? [composition.identifier] : []).concat(queryParams), [
-    composition?.identifier,
-    queryParams,
-  ]);
+export function ComponentComposition({ composition, queryParams = [], ...rest }: ComponentCompositionProps) {
+  const compositionParams = useMemo(
+    () => (composition ? [composition.identifier] : []).concat(queryParams),
+    [composition?.identifier, queryParams]
+  );
 
   return (
     <ComponentPreview
-      className={className}
-      component={component}
+      {...rest}
       style={{ width: '100%', height: '100%' }}
       previewName="compositions"
       queryParams={compositionParams}
-      hotReload={hotReload}
     />
   );
 }
-
-ComponentComposition.defaultProps = {
-  skipHotReload: true,
-};