@teambit/react 0.0.778 → 0.0.781

package/dist/compositions-app.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CompositionsApp = CompositionsApp;
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _baseUiUtils() {
-  const data = require("@teambit/base-ui.utils.composer");
-
-  _baseUiUtils = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _designUiPages() {
-  const data = require("@teambit/design.ui.pages.standalone-not-found-page");
-
-  _designUiPages = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _reactUi() {
-  const data = require("@teambit/react.ui.error-fallback");
-
-  _reactUi = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _reactUi2() {
-  const data = require("@teambit/react.ui.loader-fallback");
-
-  _reactUi2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _reactErrorBoundary() {
-  const data = require("react-error-boundary");
-
-  _reactErrorBoundary = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _react2() {
-  const data = require("./react.aspect");
-
-  _react2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-// hide scrollbars so they won't be visible in the preview at the component card (and it's ok not to show them in the compositions page)
-const hideScrollbars = 'body::-webkit-scrollbar {display: none;}';
-
-function CompositionsApp({
-  Composition,
-  previewContext
-}) {
-  const {
-    providers = []
-  } = previewContext.get(_react2().ReactAspect.id) || {};
-  const safeComposition = (0, _reactUi2().useFallback)(Composition && /*#__PURE__*/_react().default.createElement(Composition, null), /*#__PURE__*/_react().default.createElement(_designUiPages().StandaloneNotFoundPage, null));
-  return /*#__PURE__*/_react().default.createElement(_reactErrorBoundary().ErrorBoundary, {
-    FallbackComponent: _reactUi().ErrorFallback,
-    resetKeys: [Composition]
-  }, /*#__PURE__*/_react().default.createElement(_baseUiUtils().Composer, {
-    components: providers
-  }, /*#__PURE__*/_react().default.createElement("style", null, hideScrollbars), safeComposition));
-}
-
-//# sourceMappingURL=compositions-app.js.map

package/dist/compositions-app.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["hideScrollbars","CompositionsApp","Composition","previewContext","providers","get","ReactAspect","id","safeComposition","useFallback","ErrorFallback"],"sources":["compositions-app.tsx"],"sourcesContent":["import React, { ComponentType } from 'react';\nimport { Composer } from '@teambit/base-ui.utils.composer';\nimport { StandaloneNotFoundPage } from '@teambit/design.ui.pages.standalone-not-found-page';\nimport { RenderingContext } from '@teambit/preview';\nimport { ErrorFallback } from '@teambit/react.ui.error-fallback';\nimport { useFallback } from '@teambit/react.ui.loader-fallback';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { ReactAspect } from './react.aspect';\n\n// hide scrollbars so they won't be visible in the preview at the component card (and it's ok not to show them in the compositions page)\nconst hideScrollbars = 'body::-webkit-scrollbar {display: none;}';\n\nexport function CompositionsApp({\n  Composition,\n  previewContext,\n}: {\n  Composition?: ComponentType;\n  previewContext: RenderingContext;\n}) {\n  const { providers = [] } = previewContext.get(ReactAspect.id) || {};\n\n  const safeComposition = useFallback(Composition && <Composition />, <StandaloneNotFoundPage />);\n\n  return (\n    <ErrorBoundary FallbackComponent={ErrorFallback} resetKeys={[Composition]}>\n      <Composer components={providers}>\n        <style>{hideScrollbars}</style>\n        {safeComposition}\n      </Composer>\n    </ErrorBoundary>\n  );\n}\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;AACA,MAAMA,cAAc,GAAG,0CAAvB;;AAEO,SAASC,eAAT,CAAyB;EAC9BC,WAD8B;EAE9BC;AAF8B,CAAzB,EAMJ;EACD,MAAM;IAAEC,SAAS,GAAG;EAAd,IAAqBD,cAAc,CAACE,GAAf,CAAmBC,qBAAA,CAAYC,EAA/B,KAAsC,EAAjE;EAEA,MAAMC,eAAe,GAAG,IAAAC,uBAAA,EAAYP,WAAW,iBAAI,+BAAC,WAAD,OAA3B,eAA4C,+BAAC,uCAAD,OAA5C,CAAxB;EAEA,oBACE,+BAAC,mCAAD;IAAe,iBAAiB,EAAEQ,wBAAlC;IAAiD,SAAS,EAAE,CAACR,WAAD;EAA5D,gBACE,+BAAC,uBAAD;IAAU,UAAU,EAAEE;EAAtB,gBACE,8CAAQJ,cAAR,CADF,EAEGQ,eAFH,CADF,CADF;AAQD"}

package/dist/mount.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { RenderingContext } from '@teambit/preview';
-declare const _default: (Composition: React.ComponentType, previewContext: RenderingContext) => void;
-/**
- * this mounts compositions into the DOM in the component preview.
- * this function can be overridden through ReactAspect.overrideCompositionsMounter() API
- * to apply custom logic for component DOM mounting.
- */
-export default _default;

package/dist/mount.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _reactDom() {
-  const data = _interopRequireDefault(require("react-dom"));
-
-  _reactDom = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _compositionsApp() {
-  const data = require("./compositions-app");
-
-  _compositionsApp = function () {
-    return data;
-  };
-
-  return data;
-}
-
-/**
- * this mounts compositions into the DOM in the component preview.
- * this function can be overridden through ReactAspect.overrideCompositionsMounter() API
- * to apply custom logic for component DOM mounting.
- */
-var _default = (Composition, previewContext) => {
-  _reactDom().default.render( /*#__PURE__*/_react().default.createElement(_compositionsApp().CompositionsApp, {
-    Composition: Composition,
-    previewContext: previewContext
-  }), document.getElementById('root'));
-};
-
-exports.default = _default;
-
-//# sourceMappingURL=mount.js.map

package/dist/mount.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Composition","previewContext","ReactDOM","render","document","getElementById"],"sources":["mount.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { RenderingContext } from '@teambit/preview';\n\nimport { CompositionsApp } from './compositions-app';\n\n/**\n * this mounts compositions into the DOM in the component preview.\n * this function can be overridden through ReactAspect.overrideCompositionsMounter() API\n * to apply custom logic for component DOM mounting.\n */\nexport default (Composition: React.ComponentType, previewContext: RenderingContext) => {\n  ReactDOM.render(\n    <CompositionsApp Composition={Composition} previewContext={previewContext} />,\n    document.getElementById('root')\n  );\n};\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;AACA;AACA;AACA;AACA;eACe,CAACA,WAAD,EAAmCC,cAAnC,KAAwE;EACrFC,mBAAA,CAASC,MAAT,eACE,+BAAC,kCAAD;IAAiB,WAAW,EAAEH,WAA9B;IAA2C,cAAc,EAAEC;EAA3D,EADF,EAEEG,QAAQ,CAACC,cAAT,CAAwB,MAAxB,CAFF;AAID,C"}

package/mount.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { RenderingContext } from '@teambit/preview';
-
-import { CompositionsApp } from './compositions-app';
-
-/**
- * this mounts compositions into the DOM in the component preview.
- * this function can be overridden through ReactAspect.overrideCompositionsMounter() API
- * to apply custom logic for component DOM mounting.
- */
-export default (Composition: React.ComponentType, previewContext: RenderingContext) => {
-  ReactDOM.render(
-    <CompositionsApp Composition={Composition} previewContext={previewContext} />,
-    document.getElementById('root')
-  );
-};