@teambit/react 0.0.692 → 0.0.693

package/artifacts/env-template/public/assets-manifest.json

@@ -7,7 +7,7 @@
   "934.js": "934.js",
   "compositions.css": "static/css/compositions.cd8be53f.css",
   "compositions.html": "compositions.html",
-  "compositions.js": "compositions.5509b866f86976c8234c.js",
+  "compositions.js": "compositions.54cedf393c7a2f90de37.js",
   "entrypoints": {
     "previewRoot": {
       "assets": {
@@ -17,7 +17,7 @@
           "750.js",
           "420.js",
           "934.js",
-          "preview-root.a1f71de58f10102ed2c6.js"
+          "preview-root.406bbcb02c30b45c68e6.js"
         ],
         "css": [
           "static/css/previewRoot.1262db93.css"
@@ -29,7 +29,7 @@
         "js": [
           "runtime.js",
           "283.js",
-          "peers.f0c76108cfe204de95bd.js"
+          "peers.b1e5a815a97146071b4a.js"
         ]
       }
     },
@@ -40,7 +40,7 @@
           "283.js",
           "750.js",
           "677.js",
-          "compositions.5509b866f86976c8234c.js"
+          "compositions.54cedf393c7a2f90de37.js"
         ],
         "css": [
           "static/css/compositions.cd8be53f.css"
@@ -52,7 +52,7 @@
         "js": [
           "420.js",
           "793.js",
-          "overview.43a93c2f24a229ed579c.js"
+          "overview.285734acef6c338b6d42.js"
         ],
         "css": [
           "static/css/793.253dc893.css",
@@ -63,10 +63,10 @@
   },
   "overview.css": "static/css/overview.7bb7dce6.css",
   "overview.html": "overview.html",
-  "overview.js": "overview.43a93c2f24a229ed579c.js",
-  "peers.js": "peers.f0c76108cfe204de95bd.js",
+  "overview.js": "overview.285734acef6c338b6d42.js",
+  "peers.js": "peers.b1e5a815a97146071b4a.js",
   "previewRoot.css": "static/css/previewRoot.1262db93.css",
-  "previewRoot.js": "preview-root.a1f71de58f10102ed2c6.js",
+  "previewRoot.js": "preview-root.406bbcb02c30b45c68e6.js",
   "runtime.js": "runtime.js",
   "service-worker.js": "service-worker.js",
   "static/css/793.253dc893.css": "static/css/793.253dc893.css",

package/artifacts/env-template/public/compositions.54cedf393c7a2f90de37.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_teambit_legacy=self.webpackChunk_teambit_legacy||[]).push([[384],{26990:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_harmony_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(16738),_home_circleci_bit_bit_node_modules_teambit_react_dist_mount_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(677);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{mainModule:_home_circleci_bit_bit_node_modules_teambit_react_dist_mount_js__WEBPACK_IMPORTED_MODULE_2__,isSplitComponentBundle:!0,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[283,750,677],()=>__webpack_exec__(26990));var __webpack_exports__=__webpack_require__.O()}]);

package/artifacts/env-template/public/compositions.html

@@ -1,2 +1,2 @@
 <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
-      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>html { height: 100%; } body { margin: 0; height: 100%; } #root { height: 100%; }</style><script defer="defer" src="runtime.js"></script><script defer="defer" src="283.js"></script><script defer="defer" src="peers.f0c76108cfe204de95bd.js"></script><script defer="defer" src="750.js"></script><script defer="defer" src="677.js"></script><script defer="defer" src="compositions.5509b866f86976c8234c.js"></script><script defer="defer" src="420.js"></script><script defer="defer" src="934.js"></script><script defer="defer" src="preview-root.a1f71de58f10102ed2c6.js"></script><link href="static/css/compositions.cd8be53f.css" rel="stylesheet"><link href="static/css/previewRoot.1262db93.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>html { height: 100%; } body { margin: 0; height: 100%; } #root { height: 100%; }</style><script defer="defer" src="runtime.js"></script><script defer="defer" src="283.js"></script><script defer="defer" src="peers.b1e5a815a97146071b4a.js"></script><script defer="defer" src="750.js"></script><script defer="defer" src="677.js"></script><script defer="defer" src="compositions.54cedf393c7a2f90de37.js"></script><script defer="defer" src="420.js"></script><script defer="defer" src="934.js"></script><script defer="defer" src="preview-root.406bbcb02c30b45c68e6.js"></script><link href="static/css/compositions.cd8be53f.css" rel="stylesheet"><link href="static/css/previewRoot.1262db93.css" rel="stylesheet"></head><body><div id="root"></div></body></html>

package/artifacts/env-template/public/overview.285734acef6c338b6d42.js

@@ -0,0 +1,5 @@
+(self.webpackChunk_teambit_legacy=self.webpackChunk_teambit_legacy||[]).push([[340],{4604:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.clickable=void 0;function _clickableModule(){const data=_interopRequireDefault(__webpack_require__(8592));return _clickableModule=function(){return data},data}const clickable=_clickableModule().default.clickable;exports.clickable=clickable},58225:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var process=__webpack_require__(34155),Buffer=__webpack_require__(48764).Buffer;__webpack_require__(74916),__webpack_require__(15306),Object.defineProperty(exports,"__esModule",{value:!0}),exports.auto=auto,exports.cr=cr,exports.crlf=crlf,exports.lf=lf;function _isbinaryfile(){const data=__webpack_require__(88954);return _isbinaryfile=function(){return data},data}const lineBreak=typeof process<"u"&&process.platform==="win32"?`\r
+`:`
+`,newline=/\r\n|\r|\n/g;function converts(text,to){if(Buffer.isBuffer(text)){if((0,_isbinaryfile().isBinaryFileSync)(text))return text;const str=text.toString(),strReplaced=str.replace(newline,to);return str!==strReplaced?Buffer.from(strReplaced):text}return text.toString().replace(newline,to)}function lf(text){return converts(text,`
+`)}function auto(text){return converts(text,lineBreak)}function cr(text){return converts(text,"\r")}function crlf(text){return converts(text,`\r
+`)}},30755:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(8886);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}},41024:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_harmony_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(16738),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(79022),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_2__);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("overview",{mainModule:_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_2__,isSplitComponentBundle:!0,componentMap:{}})},23670:(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./Binary_Property/ASCII.js":468,"./Binary_Property/ASCII_Hex_Digit.js":30585,"./Binary_Property/Alphabetic.js":87099,"./Binary_Property/Any.js":29658,"./Binary_Property/Assigned.js":54949,"./Binary_Property/Bidi_Control.js":3872,"./Binary_Property/Bidi_Mirrored.js":75448,"./Binary_Property/Case_Ignorable.js":46506,"./Binary_Property/Cased.js":8745,"./Binary_Property/Changes_When_Casefolded.js":78717,"./Binary_Property/Changes_When_Casemapped.js":45751,"./Binary_Property/Changes_When_Lowercased.js":28336,"./Binary_Property/Changes_When_NFKC_Casefolded.js":19543,"./Binary_Property/Changes_When_Titlecased.js":4054,"./Binary_Property/Changes_When_Uppercased.js":55703,"./Binary_Property/Dash.js":9921,"./Binary_Property/Default_Ignorable_Code_Point.js":83266,"./Binary_Property/Deprecated.js":7342,"./Binary_Property/Diacritic.js":41814,"./Binary_Property/Emoji.js":93733,"./Binary_Property/Emoji_Component.js":89668,"./Binary_Property/Emoji_Modifier.js":56308,"./Binary_Property/Emoji_Modifier_Base.js":1742,"./Binary_Property/Emoji_Presentation.js":97849,"./Binary_Property/Extended_Pictographic.js":8484,"./Binary_Property/Extender.js":235,"./Binary_Property/Grapheme_Base.js":63830,"./Binary_Property/Grapheme_Extend.js":7763,"./Binary_Property/Hex_Digit.js":90333,"./Binary_Property/IDS_Binary_Operator.js":66897,"./Binary_Property/IDS_Trinary_Operator.js":80227,"./Binary_Property/ID_Continue.js":49810,"./Binary_Property/ID_Start.js":91280,"./Binary_Property/Ideographic.js":7351,"./Binary_Property/Join_Control.js":3124,"./Binary_Property/Logical_Order_Exception.js":14199,"./Binary_Property/Lowercase.js":41614,"./Binary_Property/Math.js":37283,"./Binary_Property/Noncharacter_Code_Point.js":59907,"./Binary_Property/Pattern_Syntax.js":16721,"./Binary_Property/Pattern_White_Space.js":14965,"./Binary_Property/Quotation_Mark.js":28310,"./Binary_Property/Radical.js":80589,"./Binary_Property/Regional_Indicator.js":15913,"./Binary_Property/Sentence_Terminal.js":12665,"./Binary_Property/Soft_Dotted.js":87612,"./Binary_Property/Terminal_Punctuation.js":2417,"./Binary_Property/Unified_Ideograph.js":93403,"./Binary_Property/Uppercase.js":66875,"./Binary_Property/Variation_Selector.js":34215,"./Binary_Property/White_Space.js":13746,"./Binary_Property/XID_Continue.js":84120,"./Binary_Property/XID_Start.js":77268,"./General_Category/Cased_Letter.js":78786,"./General_Category/Close_Punctuation.js":9373,"./General_Category/Connector_Punctuation.js":94585,"./General_Category/Control.js":98619,"./General_Category/Currency_Symbol.js":68873,"./General_Category/Dash_Punctuation.js":7280,"./General_Category/Decimal_Number.js":22865,"./General_Category/Enclosing_Mark.js":37621,"./General_Category/Final_Punctuation.js":12908,"./General_Category/Format.js":71290,"./General_Category/Initial_Punctuation.js":64055,"./General_Category/Letter.js":84258,"./General_Category/Letter_Number.js":53019,"./General_Category/Line_Separator.js":60424,"./General_Category/Lowercase_Letter.js":67142,"./General_Category/Mark.js":2097,"./General_Category/Math_Symbol.js":73362,"./General_Category/Modifier_Letter.js":26244,"./General_Category/Modifier_Symbol.js":89779,"./General_Category/Nonspacing_Mark.js":29516,"./General_Category/Number.js":1177,"./General_Category/Open_Punctuation.js":84538,"./General_Category/Other.js":45763,"./General_Category/Other_Letter.js":14893,"./General_Category/Other_Number.js":12949,"./General_Category/Other_Punctuation.js":58558,"./General_Category/Other_Symbol.js":33752,"./General_Category/Paragraph_Separator.js":7561,"./General_Category/Private_Use.js":58061,"./General_Category/Punctuation.js":1499,"./General_Category/Separator.js":87959,"./General_Category/Space_Separator.js":38917,"./General_Category/Spacing_Mark.js":84104,"./General_Category/Surrogate.js":47026,"./General_Category/Symbol.js":55957,"./General_Category/Titlecase_Letter.js":77076,"./General_Category/Unassigned.js":33829,"./General_Category/Uppercase_Letter.js":60252,"./Script/Adlam.js":43004,"./Script/Ahom.js":59173,"./Script/Anatolian_Hieroglyphs.js":2313,"./Script/Arabic.js":11156,"./Script/Armenian.js":15961,"./Script/Avestan.js":52394,"./Script/Balinese.js":13897,"./Script/Bamum.js":13300,"./Script/Bassa_Vah.js":35042,"./Script/Batak.js":20780,"./Script/Bengali.js":94094,"./Script/Bhaiksuki.js":75180,"./Script/Bopomofo.js":88446,"./Script/Brahmi.js":28519,"./Script/Braille.js":62529,"./Script/Buginese.js":46362,"./Script/Buhid.js":16217,"./Script/Canadian_Aboriginal.js":95139,"./Script/Carian.js":49698,"./Script/Caucasian_Albanian.js":3502,"./Script/Chakma.js":53002,"./Script/Cham.js":21420,"./Script/Cherokee.js":86e3,"./Script/Chorasmian.js":93014,"./Script/Common.js":87228,"./Script/Coptic.js":68541,"./Script/Cuneiform.js":34477,"./Script/Cypriot.js":90837,"./Script/Cypro_Minoan.js":64477,"./Script/Cyrillic.js":49289,"./Script/Deseret.js":56903,"./Script/Devanagari.js":73099,"./Script/Dives_Akuru.js":41115,"./Script/Dogra.js":90729,"./Script/Duployan.js":92245,"./Script/Egyptian_Hieroglyphs.js":6867,"./Script/Elbasan.js":47850,"./Script/Elymaic.js":71879,"./Script/Ethiopic.js":36960,"./Script/Georgian.js":20117,"./Script/Glagolitic.js":19951,"./Script/Gothic.js":92671,"./Script/Grantha.js":40496,"./Script/Greek.js":13254,"./Script/Gujarati.js":60772,"./Script/Gunjala_Gondi.js":26755,"./Script/Gurmukhi.js":93493,"./Script/Han.js":27150,"./Script/Hangul.js":85357,"./Script/Hanifi_Rohingya.js":3608,"./Script/Hanunoo.js":23695,"./Script/Hatran.js":4326,"./Script/Hebrew.js":28625,"./Script/Hiragana.js":25016,"./Script/Imperial_Aramaic.js":39193,"./Script/Inherited.js":89510,"./Script/Inscriptional_Pahlavi.js":46551,"./Script/Inscriptional_Parthian.js":77387,"./Script/Javanese.js":6345,"./Script/Kaithi.js":96423,"./Script/Kannada.js":59606,"./Script/Katakana.js":55098,"./Script/Kayah_Li.js":65973,"./Script/Kharoshthi.js":82173,"./Script/Khitan_Small_Script.js":19961,"./Script/Khmer.js":71427,"./Script/Khojki.js":49171,"./Script/Khudawadi.js":71871,"./Script/Lao.js":6412,"./Script/Latin.js":47588,"./Script/Lepcha.js":63009,"./Script/Limbu.js":3404,"./Script/Linear_A.js":41488,"./Script/Linear_B.js":34578,"./Script/Lisu.js":29637,"./Script/Lycian.js":54232,"./Script/Lydian.js":56741,"./Script/Mahajani.js":48927,"./Script/Makasar.js":68054,"./Script/Malayalam.js":10027,"./Script/Mandaic.js":77013,"./Script/Manichaean.js":79456,"./Script/Marchen.js":40125,"./Script/Masaram_Gondi.js":95323,"./Script/Medefaidrin.js":72924,"./Script/Meetei_Mayek.js":41773,"./Script/Mende_Kikakui.js":25878,"./Script/Meroitic_Cursive.js":7476,"./Script/Meroitic_Hieroglyphs.js":11633,"./Script/Miao.js":38653,"./Script/Modi.js":54400,"./Script/Mongolian.js":16356,"./Script/Mro.js":20191,"./Script/Multani.js":52974,"./Script/Myanmar.js":57487,"./Script/Nabataean.js":77128,"./Script/Nandinagari.js":92517,"./Script/New_Tai_Lue.js":61859,"./Script/Newa.js":13251,"./Script/Nko.js":44460,"./Script/Nushu.js":27539,"./Script/Nyiakeng_Puachue_Hmong.js":9433,"./Script/Ogham.js":32613,"./Script/Ol_Chiki.js":46527,"./Script/Old_Hungarian.js":41172,"./Script/Old_Italic.js":67605,"./Script/Old_North_Arabian.js":39289,"./Script/Old_Permic.js":10363,"./Script/Old_Persian.js":94403,"./Script/Old_Sogdian.js":59859,"./Script/Old_South_Arabian.js":16857,"./Script/Old_Turkic.js":91282,"./Script/Old_Uyghur.js":2506,"./Script/Oriya.js":38013,"./Script/Osage.js":47009,"./Script/Osmanya.js":80675,"./Script/Pahawh_Hmong.js":34317,"./Script/Palmyrene.js":60093,"./Script/Pau_Cin_Hau.js":5010,"./Script/Phags_Pa.js":47097,"./Script/Phoenician.js":59191,"./Script/Psalter_Pahlavi.js":88274,"./Script/Rejang.js":78623,"./Script/Runic.js":5652,"./Script/Samaritan.js":79205,"./Script/Saurashtra.js":35536,"./Script/Sharada.js":26532,"./Script/Shavian.js":66908,"./Script/Siddham.js":60607,"./Script/SignWriting.js":20730,"./Script/Sinhala.js":50236,"./Script/Sogdian.js":78599,"./Script/Sora_Sompeng.js":85856,"./Script/Soyombo.js":8649,"./Script/Sundanese.js":55688,"./Script/Syloti_Nagri.js":12975,"./Script/Syriac.js":20405,"./Script/Tagalog.js":1997,"./Script/Tagbanwa.js":36393,"./Script/Tai_Le.js":92134,"./Script/Tai_Tham.js":73364,"./Script/Tai_Viet.js":3830,"./Script/Takri.js":78379,"./Script/Tamil.js":35094,"./Script/Tangsa.js":5193,"./Script/Tangut.js":30576,"./Script/Telugu.js":31870,"./Script/Thaana.js":97909,"./Script/Thai.js":41546,"./Script/Tibetan.js":316,"./Script/Tifinagh.js":36086,"./Script/Tirhuta.js":46509,"./Script/Toto.js":87410,"./Script/Ugaritic.js":44226,"./Script/Vai.js":4948,"./Script/Vithkuqi.js":65684,"./Script/Wancho.js":49339,"./Script/Warang_Citi.js":38873,"./Script/Yezidi.js":46152,"./Script/Yi.js":46330,"./Script/Zanabazar_Square.js":12522,"./Script_Extensions/Adlam.js":5849,"./Script_Extensions/Ahom.js":8478,"./Script_Extensions/Anatolian_Hieroglyphs.js":82625,"./Script_Extensions/Arabic.js":21067,"./Script_Extensions/Armenian.js":59323,"./Script_Extensions/Avestan.js":56692,"./Script_Extensions/Balinese.js":79467,"./Script_Extensions/Bamum.js":82462,"./Script_Extensions/Bassa_Vah.js":55370,"./Script_Extensions/Batak.js":60823,"./Script_Extensions/Bengali.js":47077,"./Script_Extensions/Bhaiksuki.js":14634,"./Script_Extensions/Bopomofo.js":83931,"./Script_Extensions/Brahmi.js":38771,"./Script_Extensions/Braille.js":46678,"./Script_Extensions/Buginese.js":70003,"./Script_Extensions/Buhid.js":68246,"./Script_Extensions/Canadian_Aboriginal.js":99887,"./Script_Extensions/Carian.js":84847,"./Script_Extensions/Caucasian_Albanian.js":34251,"./Script_Extensions/Chakma.js":69108,"./Script_Extensions/Cham.js":46794,"./Script_Extensions/Cherokee.js":33505,"./Script_Extensions/Chorasmian.js":38186,"./Script_Extensions/Common.js":42259,"./Script_Extensions/Coptic.js":53775,"./Script_Extensions/Cuneiform.js":70982,"./Script_Extensions/Cypriot.js":45920,"./Script_Extensions/Cypro_Minoan.js":74147,"./Script_Extensions/Cyrillic.js":27659,"./Script_Extensions/Deseret.js":33490,"./Script_Extensions/Devanagari.js":24172,"./Script_Extensions/Dives_Akuru.js":13822,"./Script_Extensions/Dogra.js":24862,"./Script_Extensions/Duployan.js":25310,"./Script_Extensions/Egyptian_Hieroglyphs.js":2162,"./Script_Extensions/Elbasan.js":95189,"./Script_Extensions/Elymaic.js":93541,"./Script_Extensions/Ethiopic.js":59271,"./Script_Extensions/Georgian.js":47646,"./Script_Extensions/Glagolitic.js":35643,"./Script_Extensions/Gothic.js":34663,"./Script_Extensions/Grantha.js":57627,"./Script_Extensions/Greek.js":97324,"./Script_Extensions/Gujarati.js":32560,"./Script_Extensions/Gunjala_Gondi.js":52777,"./Script_Extensions/Gurmukhi.js":26362,"./Script_Extensions/Han.js":9316,"./Script_Extensions/Hangul.js":26776,"./Script_Extensions/Hanifi_Rohingya.js":71213,"./Script_Extensions/Hanunoo.js":59257,"./Script_Extensions/Hatran.js":71190,"./Script_Extensions/Hebrew.js":49927,"./Script_Extensions/Hiragana.js":41384,"./Script_Extensions/Imperial_Aramaic.js":40263,"./Script_Extensions/Inherited.js":69706,"./Script_Extensions/Inscriptional_Pahlavi.js":99170,"./Script_Extensions/Inscriptional_Parthian.js":84635,"./Script_Extensions/Javanese.js":41755,"./Script_Extensions/Kaithi.js":84257,"./Script_Extensions/Kannada.js":61374,"./Script_Extensions/Katakana.js":10369,"./Script_Extensions/Kayah_Li.js":48555,"./Script_Extensions/Kharoshthi.js":77584,"./Script_Extensions/Khitan_Small_Script.js":50865,"./Script_Extensions/Khmer.js":53446,"./Script_Extensions/Khojki.js":90059,"./Script_Extensions/Khudawadi.js":794,"./Script_Extensions/Lao.js":48534,"./Script_Extensions/Latin.js":86631,"./Script_Extensions/Lepcha.js":84994,"./Script_Extensions/Limbu.js":47409,"./Script_Extensions/Linear_A.js":39001,"./Script_Extensions/Linear_B.js":83725,"./Script_Extensions/Lisu.js":71939,"./Script_Extensions/Lycian.js":29625,"./Script_Extensions/Lydian.js":68809,"./Script_Extensions/Mahajani.js":16998,"./Script_Extensions/Makasar.js":51797,"./Script_Extensions/Malayalam.js":69534,"./Script_Extensions/Mandaic.js":23573,"./Script_Extensions/Manichaean.js":56202,"./Script_Extensions/Marchen.js":1694,"./Script_Extensions/Masaram_Gondi.js":42673,"./Script_Extensions/Medefaidrin.js":68226,"./Script_Extensions/Meetei_Mayek.js":54312,"./Script_Extensions/Mende_Kikakui.js":17484,"./Script_Extensions/Meroitic_Cursive.js":22089,"./Script_Extensions/Meroitic_Hieroglyphs.js":71845,"./Script_Extensions/Miao.js":54606,"./Script_Extensions/Modi.js":95643,"./Script_Extensions/Mongolian.js":37763,"./Script_Extensions/Mro.js":27091,"./Script_Extensions/Multani.js":40083,"./Script_Extensions/Myanmar.js":4110,"./Script_Extensions/Nabataean.js":73147,"./Script_Extensions/Nandinagari.js":59241,"./Script_Extensions/New_Tai_Lue.js":3150,"./Script_Extensions/Newa.js":50645,"./Script_Extensions/Nko.js":19291,"./Script_Extensions/Nushu.js":73190,"./Script_Extensions/Nyiakeng_Puachue_Hmong.js":69168,"./Script_Extensions/Ogham.js":4475,"./Script_Extensions/Ol_Chiki.js":13556,"./Script_Extensions/Old_Hungarian.js":29656,"./Script_Extensions/Old_Italic.js":9941,"./Script_Extensions/Old_North_Arabian.js":87237,"./Script_Extensions/Old_Permic.js":5280,"./Script_Extensions/Old_Persian.js":29057,"./Script_Extensions/Old_Sogdian.js":360,"./Script_Extensions/Old_South_Arabian.js":64174,"./Script_Extensions/Old_Turkic.js":86511,"./Script_Extensions/Old_Uyghur.js":96843,"./Script_Extensions/Oriya.js":53646,"./Script_Extensions/Osage.js":5061,"./Script_Extensions/Osmanya.js":47640,"./Script_Extensions/Pahawh_Hmong.js":82658,"./Script_Extensions/Palmyrene.js":55297,"./Script_Extensions/Pau_Cin_Hau.js":84374,"./Script_Extensions/Phags_Pa.js":69587,"./Script_Extensions/Phoenician.js":14401,"./Script_Extensions/Psalter_Pahlavi.js":59594,"./Script_Extensions/Rejang.js":689,"./Script_Extensions/Runic.js":90518,"./Script_Extensions/Samaritan.js":70331,"./Script_Extensions/Saurashtra.js":90860,"./Script_Extensions/Sharada.js":12215,"./Script_Extensions/Shavian.js":77430,"./Script_Extensions/Siddham.js":4401,"./Script_Extensions/SignWriting.js":97177,"./Script_Extensions/Sinhala.js":71284,"./Script_Extensions/Sogdian.js":46494,"./Script_Extensions/Sora_Sompeng.js":8287,"./Script_Extensions/Soyombo.js":52073,"./Script_Extensions/Sundanese.js":90581,"./Script_Extensions/Syloti_Nagri.js":20820,"./Script_Extensions/Syriac.js":71298,"./Script_Extensions/Tagalog.js":35997,"./Script_Extensions/Tagbanwa.js":38586,"./Script_Extensions/Tai_Le.js":95164,"./Script_Extensions/Tai_Tham.js":18393,"./Script_Extensions/Tai_Viet.js":40829,"./Script_Extensions/Takri.js":4997,"./Script_Extensions/Tamil.js":25143,"./Script_Extensions/Tangsa.js":94747,"./Script_Extensions/Tangut.js":2876,"./Script_Extensions/Telugu.js":76556,"./Script_Extensions/Thaana.js":47023,"./Script_Extensions/Thai.js":8687,"./Script_Extensions/Tibetan.js":168,"./Script_Extensions/Tifinagh.js":12247,"./Script_Extensions/Tirhuta.js":50857,"./Script_Extensions/Toto.js":38924,"./Script_Extensions/Ugaritic.js":52063,"./Script_Extensions/Vai.js":34670,"./Script_Extensions/Vithkuqi.js":76698,"./Script_Extensions/Wancho.js":37055,"./Script_Extensions/Warang_Citi.js":26580,"./Script_Extensions/Yezidi.js":18059,"./Script_Extensions/Yi.js":98617,"./Script_Extensions/Zanabazar_Square.js":81922,"./index.js":13290,"./unicode-version.js":51899};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=23670},8592:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={clickable:"clickable_clickable__3W2Kh"}},591:()=>{},74112:()=>{},52361:()=>{},94616:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[420,793,283,750,677,384],()=>__webpack_exec__(41024));var __webpack_exports__=__webpack_require__.O()}]);

package/artifacts/env-template/public/overview.html

@@ -1,2 +1,2 @@
 <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
-      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>html { height: 100%; } body { margin: 0; height: 100%; } #root { height: 100%; }</style><script defer="defer" src="runtime.js"></script><script defer="defer" src="283.js"></script><script defer="defer" src="peers.f0c76108cfe204de95bd.js"></script><script defer="defer" src="750.js"></script><script defer="defer" src="677.js"></script><script defer="defer" src="compositions.5509b866f86976c8234c.js"></script><script defer="defer" src="420.js"></script><script defer="defer" src="793.js"></script><script defer="defer" src="overview.43a93c2f24a229ed579c.js"></script><script defer="defer" src="934.js"></script><script defer="defer" src="preview-root.a1f71de58f10102ed2c6.js"></script><link href="static/css/compositions.cd8be53f.css" rel="stylesheet"><link href="static/css/793.253dc893.css" rel="stylesheet"><link href="static/css/overview.7bb7dce6.css" rel="stylesheet"><link href="static/css/previewRoot.1262db93.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>html { height: 100%; } body { margin: 0; height: 100%; } #root { height: 100%; }</style><script defer="defer" src="runtime.js"></script><script defer="defer" src="283.js"></script><script defer="defer" src="peers.b1e5a815a97146071b4a.js"></script><script defer="defer" src="750.js"></script><script defer="defer" src="677.js"></script><script defer="defer" src="compositions.54cedf393c7a2f90de37.js"></script><script defer="defer" src="420.js"></script><script defer="defer" src="793.js"></script><script defer="defer" src="overview.285734acef6c338b6d42.js"></script><script defer="defer" src="934.js"></script><script defer="defer" src="preview-root.406bbcb02c30b45c68e6.js"></script><link href="static/css/compositions.cd8be53f.css" rel="stylesheet"><link href="static/css/793.253dc893.css" rel="stylesheet"><link href="static/css/overview.7bb7dce6.css" rel="stylesheet"><link href="static/css/previewRoot.1262db93.css" rel="stylesheet"></head><body><div id="root"></div></body></html>

package/artifacts/env-template/public/peers.b1e5a815a97146071b4a.js

@@ -0,0 +1 @@
+(self.webpackChunk_teambit_legacy=self.webpackChunk_teambit_legacy||[]).push([[703],{81254:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=__webpack_require__(4516);function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}var isFunction=function(obj){return typeof obj=="function"},MDXContext=React__default.default.createContext({}),withMDXComponents=function(Component){return function(props){var allComponents=useMDXComponents(props.components);return React__default.default.createElement(Component,_extends({},props,{components:allComponents}))}},useMDXComponents=function(components){var contextComponents=React__default.default.useContext(MDXContext),allComponents=contextComponents;return components&&(allComponents=isFunction(components)?components(contextComponents):_objectSpread2(_objectSpread2({},contextComponents),components)),allComponents},MDXProvider=function(props){var allComponents=useMDXComponents(props.components);return React__default.default.createElement(MDXContext.Provider,{value:allComponents},props.children)},TYPE_PROP_NAME="mdxType",DEFAULTS={inlineCode:"code",wrapper:function(_ref){var children=_ref.children;return React__default.default.createElement(React__default.default.Fragment,{},children)}},MDXCreateElement=React__default.default.forwardRef(function(props,ref){var propComponents=props.components,mdxType=props.mdxType,originalType=props.originalType,parentName=props.parentName,etc=_objectWithoutProperties(props,["components","mdxType","originalType","parentName"]),components=useMDXComponents(propComponents),type=mdxType,Component=components["".concat(parentName,".").concat(type)]||components[type]||DEFAULTS[type]||originalType;return propComponents?React__default.default.createElement(Component,_objectSpread2(_objectSpread2({ref},etc),{},{components:propComponents})):React__default.default.createElement(Component,_objectSpread2({ref},etc))});MDXCreateElement.displayName="MDXCreateElement";function createElement(type,props){var args=arguments,mdxType=props&&props.mdxType;if(typeof type=="string"||mdxType){var argsLength=args.length,createElementArgArray=new Array(argsLength);createElementArgArray[0]=MDXCreateElement;var newProps={};for(var key in props)hasOwnProperty.call(props,key)&&(newProps[key]=props[key]);newProps.originalType=type,newProps[TYPE_PROP_NAME]=typeof type=="string"?type:mdxType,createElementArgArray[1]=newProps;for(var i=2;i<argsLength;i++)createElementArgArray[i]=args[i];return React__default.default.createElement.apply(null,createElementArgArray)}return React__default.default.createElement.apply(null,args)}exports.MDXContext=MDXContext,exports.MDXProvider=MDXProvider,exports.mdx=createElement,exports.useMDXComponents=useMDXComponents,exports.withMDXComponents=withMDXComponents},38168:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXScopeProvider=exports.MDXScopeContext=void 0;var mdx_scope_context_1=__webpack_require__(5689);Object.defineProperty(exports,"MDXScopeContext",{enumerable:!0,get:function(){return mdx_scope_context_1.MDXScopeContext}});var mdx_scope_provider_1=__webpack_require__(74148);Object.defineProperty(exports,"MDXScopeProvider",{enumerable:!0,get:function(){return mdx_scope_provider_1.MDXScopeProvider}})},5689:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXScopeContext=void 0;const react_1=__webpack_require__(4516);exports.MDXScopeContext=(0,react_1.createContext)({})},74148:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXScopeProvider=void 0;const react_1=__importDefault(__webpack_require__(4516)),mdx_scope_context_1=__webpack_require__(5689);function MDXScopeProvider({components,children}){return react_1.default.createElement(mdx_scope_context_1.MDXScopeContext.Provider,{value:components},children)}exports.MDXScopeProvider=MDXScopeProvider},65255:(module,__unused_webpack_exports,__webpack_require__)=>{var ___EXPOSE_LOADER_IMPORT___=__webpack_require__(38168),___EXPOSE_LOADER_GET_GLOBAL_THIS___=__webpack_require__(27672),___EXPOSE_LOADER_GLOBAL_THIS___=___EXPOSE_LOADER_GET_GLOBAL_THIS___;typeof ___EXPOSE_LOADER_GLOBAL_THIS___.TeambitMdxUiMdxScopeContext>"u"&&(___EXPOSE_LOADER_GLOBAL_THIS___.TeambitMdxUiMdxScopeContext=___EXPOSE_LOADER_IMPORT___),module.exports=___EXPOSE_LOADER_IMPORT___},55261:(module,__unused_webpack_exports,__webpack_require__)=>{var ___EXPOSE_LOADER_IMPORT___=__webpack_require__(81254),___EXPOSE_LOADER_GET_GLOBAL_THIS___=__webpack_require__(27672),___EXPOSE_LOADER_GLOBAL_THIS___=___EXPOSE_LOADER_GET_GLOBAL_THIS___;typeof ___EXPOSE_LOADER_GLOBAL_THIS___.MdxJsReact>"u"&&(___EXPOSE_LOADER_GLOBAL_THIS___.MdxJsReact=___EXPOSE_LOADER_IMPORT___),module.exports=___EXPOSE_LOADER_IMPORT___}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[283],()=>(__webpack_exec__(4516),__webpack_exec__(79283),__webpack_exec__(65255),__webpack_exec__(55261)));var __webpack_exports__=__webpack_require__.O()}]);

package/artifacts/env-template/public/preview-root.406bbcb02c30b45c68e6.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_teambit_legacy=self.webpackChunk_teambit_legacy||[]).push([[89],{},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[283,750,420,934],()=>__webpack_exec__(14934));var __webpack_exports__=__webpack_require__.O()}]);

package/artifacts/env-template/public/runtime.js

@@ -1 +1 @@
-(()=>{"use strict";var e={},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var a=r[o]={id:o,loaded:!1,exports:{}};return e[o].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}t.m=e,(()=>{var e=[];t.O=(r,o,n,a)=>{if(!o){var i=1/0;for(u=0;u<e.length;u++){for(var[o,n,a]=e[u],l=!0,d=0;d<o.length;d++)(!1&a||i>=a)&&Object.keys(t.O).every((e=>t.O[e](o[d])))?o.splice(d--,1):(l=!1,a<i&&(i=a));if(l){e.splice(u--,1);var s=n();void 0!==s&&(r=s)}}return r}a=a||0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[o,n,a]}})(),t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}(),t.hmd=e=>((e=Object.create(e)).children||(e.children=[]),Object.defineProperty(e,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+e.id)}}),e),t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{var e={666:0};t.O.j=r=>0===e[r];var r=(r,o)=>{var n,a,[i,l,d]=o,s=0;if(i.some((r=>0!==e[r]))){for(n in l)t.o(l,n)&&(t.m[n]=l[n]);if(d)var u=d(t)}for(r&&r(o);s<i.length;s++)a=i[s],t.o(e,a)&&e[a]&&e[a][0](),e[i[s]]=0;return t.O(u)},o=self.webpackChunk_teambit_legacy=self.webpackChunk_teambit_legacy||[];o.forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o))})()})();
+(()=>{"use strict";var __webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.hmd=module=>(module=Object.create(module),module.children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={666:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkIds[i]]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunk_teambit_legacy=self.webpackChunk_teambit_legacy||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})()})();

package/artifacts/env-template/public/service-worker.js

@@ -1 +1 @@
-if(!self.define){const e=e=>{"require"!==e&&(e+=".js");let s=Promise.resolve();return r[e]||(s=new Promise((async s=>{if("document"in self){const r=document.createElement("script");r.src=e,document.head.appendChild(r),r.onload=s}else importScripts(e),s()}))),s.then((()=>{if(!r[e])throw new Error(`Module ${e} didn’t register its module`);return r[e]}))},s=(s,r)=>{Promise.all(s.map(e)).then((e=>r(1===e.length?e[0]:e)))},r={require:Promise.resolve(s)};self.define=(s,i,c)=>{r[s]||(r[s]=Promise.resolve().then((()=>{let r={};const o={uri:location.origin+s.slice(1)};return Promise.all(i.map((s=>{switch(s){case"exports":return r;case"module":return o;default:return e(s)}}))).then((e=>{const s=c(...e);return r.default||(r.default=s),r}))})))}}define("./service-worker.js",["./workbox-ca45de73"],(function(e){"use strict";self.addEventListener("message",(e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()})),e.clientsClaim(),e.precacheAndRoute([{url:"283.js",revision:"52c06a651730e3d0c931d46eeddb0539"},{url:"420.js",revision:"e7d28997a8e9f6e307a1c28142eea457"},{url:"677.js",revision:"be695b16f4aa55f78a3c32a3c3f3fbb8"},{url:"750.js",revision:"ef1f9698cfa0fd4086916416dd1fc349"},{url:"934.js",revision:"e3f8d4891fecead4af62fe9718983467"},{url:"compositions.5509b866f86976c8234c.js",revision:null},{url:"compositions.html",revision:"2b0163cdaac18ec1cfc863b449e360f2"},{url:"overview.43a93c2f24a229ed579c.js",revision:null},{url:"overview.html",revision:"e73102a27e2d871926052701d238fd9c"},{url:"peers.f0c76108cfe204de95bd.js",revision:null},{url:"preview-root.a1f71de58f10102ed2c6.js",revision:null},{url:"runtime.js",revision:"5e3031ac599f6e18782c167d9159cf25"},{url:"static/css/793.253dc893.css",revision:null},{url:"static/css/compositions.cd8be53f.css",revision:null},{url:"static/css/overview.7bb7dce6.css",revision:null},{url:"static/css/previewRoot.1262db93.css",revision:null}],{}),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("public/index.html"),{denylist:[/^\/_/,/\/[^/?]+\.[^/]+$/]}))}));
+if(!self.define){const e=e=>{"require"!==e&&(e+=".js");let s=Promise.resolve();return r[e]||(s=new Promise((async s=>{if("document"in self){const r=document.createElement("script");r.src=e,document.head.appendChild(r),r.onload=s}else importScripts(e),s()}))),s.then((()=>{if(!r[e])throw new Error(`Module ${e} didn’t register its module`);return r[e]}))},s=(s,r)=>{Promise.all(s.map(e)).then((e=>r(1===e.length?e[0]:e)))},r={require:Promise.resolve(s)};self.define=(s,i,c)=>{r[s]||(r[s]=Promise.resolve().then((()=>{let r={};const o={uri:location.origin+s.slice(1)};return Promise.all(i.map((s=>{switch(s){case"exports":return r;case"module":return o;default:return e(s)}}))).then((e=>{const s=c(...e);return r.default||(r.default=s),r}))})))}}define("./service-worker.js",["./workbox-ca45de73"],(function(e){"use strict";self.addEventListener("message",(e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()})),e.clientsClaim(),e.precacheAndRoute([{url:"283.js",revision:"17a08fa8fbd7a94bc10ffb3115a77483"},{url:"420.js",revision:"0475249cf127498dfa8baf0c15012aef"},{url:"677.js",revision:"4f307c6fc3a14c148eb36d0ee93c34b8"},{url:"750.js",revision:"8631343bc0335d68b70ccba01df6f0dd"},{url:"934.js",revision:"c15eafd92d409cd5fb75b894328d21aa"},{url:"compositions.54cedf393c7a2f90de37.js",revision:null},{url:"compositions.html",revision:"516c63cafdc3f194ea7f1f28a8efa826"},{url:"overview.285734acef6c338b6d42.js",revision:null},{url:"overview.html",revision:"13fac2f3aa282c54a598d7b5f305aa53"},{url:"peers.b1e5a815a97146071b4a.js",revision:null},{url:"preview-root.406bbcb02c30b45c68e6.js",revision:null},{url:"runtime.js",revision:"9766ace9b1bfbc909a57d2232976e462"},{url:"static/css/793.253dc893.css",revision:null},{url:"static/css/compositions.cd8be53f.css",revision:null},{url:"static/css/overview.7bb7dce6.css",revision:null},{url:"static/css/previewRoot.1262db93.css",revision:null}],{}),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("public/index.html"),{denylist:[/^\/_/,/\/[^/?]+\.[^/]+$/]}))}));

package/artifacts/preview/teambit_react_react-preview.js

@@ -1 +1,11 @@
-!function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["teambit.react/react-preview"]=t():e["teambit.react/react-preview"]=t()}(self,(function(){return(()=>{var e={88244:e=>{e.exports=function(e){return e&&e.__esModule?e:{default:e}}},99369:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>l});a(63804);var n=a(85057),r=a(58459),d=a(55906),i=["components"];function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},m.apply(this,arguments)}function o(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},d=Object.keys(e);for(n=0;n<d.length;n++)a=d[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n<d.length;n++)a=d[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var p={};function l(e){var t=e.components,a=o(e,i);return(0,n.mdx)("wrapper",m({},p,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.MDXScopeProvider,{components:{ReactOverview:d.ZP},mdxType:"MDXScopeProvider"},(0,n.mdx)(d.ZP,{mdxType:"ReactOverview"})))}l.isMDXComponent=!0},55906:(e,t,a)=>{"use strict";Object.defineProperty(t,"ZP",{enumerable:!0,get:function(){return n.default}});var n=r(a(2664));function r(e){return e&&e.__esModule?e:{default:e}}r.__bit_component={id:"teambit.react/content/react-overview@1.95.0",homepage:"https://bit.dev/teambit/react/content/react-overview",exported:!0}},2664:(e,t,a)=>{"use strict";var n={id:"teambit.react/content/react-overview@1.95.0",homepage:"https://bit.dev/teambit/react/content/react-overview",exported:!0};Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;m(a(63804));var r=a(85057),d=a(58459),i=["components"];function m(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},o.apply(this,arguments)}function p(e,t){if(null==e)return{};var a,n,r=l(e,t);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n<d.length;n++)a=d[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}function l(e,t){if(null==e)return{};var a,n,r={},d=Object.keys(e);for(n=0;n<d.length;n++)a=d[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}m.__bit_component=n,o.__bit_component=n,p.__bit_component=n,l.__bit_component=n;var c={};function s(e){var t=e.components,a=p(e,i);return(0,r.mdx)("wrapper",o({},c,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(d.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,r.mdx)("h1",null,"React Overview"),(0,r.mdx)("p",null,"React is teambit's Component Development Environment (Env) for React.\nIt enables you to quickly set up a dev environment that follows best practices for React component development."),(0,r.mdx)("p",null,"React can also be used as a good starting point for your own customized Env as it provides a comprehensive API that makes it easy to extend."),(0,r.mdx)("h2",null,"Using the React env"),(0,r.mdx)("p",null,"To use React Env, apply it on the relevant ",(0,r.mdx)("a",{parentName:"p",href:"/docs/workspace/variants"},"variants")," (component selections) in your ",(0,r.mdx)("a",{parentName:"p",href:"/docs/workspace/workspace-configuration"},"Workspace config"),":"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-json",metastring:'title="workspace.jsonc"',title:'"workspace.jsonc"'},'{\n  "teambit.workspace/variants": {\n    "{ui/**}": {\n      "teambit.react/react": {}\n    }\n  }\n}\n')),(0,r.mdx)("h2",null,"Creating Components"),(0,r.mdx)("p",null,"React env provides a set of component templates that can be used to speed-up and standardize your component development:"),(0,r.mdx)("p",null,"To list all available templates:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-bash"},"bit templates\n")),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"react")," a basic React UI component."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"react-context")," a react context component."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"react-hook")," a react hook component."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"mdx-component")," an MDX component."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"react-component-js")," a basic React component in JS."),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"react-env")," boilerplate for a customized environment configuration.")),(0,r.mdx)("p",null,"Use any of these templates with the ",(0,r.mdx)("inlineCode",{parentName:"p"},"bit create")," command:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-bash"},"bit create react ui/my-welcome\n")),(0,r.mdx)("h2",null,"Development services and configurations"),(0,r.mdx)("p",null,"The table below lists ",(0,r.mdx)("a",{parentName:"p",href:"/dev-services/dev-services-overview"},"dev services")," that are provided by the React env. Each service handles a specific component development operation. Each is implemented by the React env, using a specific set of configurations."),(0,r.mdx)("p",null,"To customize and extend the React env, ",(0,r.mdx)("a",{parentName:"p",href:"/envs/pre-configured-envs/react/extending-react#using-your-own-react-env-extension"},"create you own React env extension"),". You can replace the Aspects used by the env, or override their configurations (use the links provided in the 'customization' column)."),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Service"),(0,r.mdx)("th",{parentName:"tr",align:null},"Aspect"),(0,r.mdx)("th",{parentName:"tr",align:null},"Default config"),(0,r.mdx)("th",{parentName:"tr",align:null},"Customization"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/compiler-overview"},"Compiler")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript"},"TypeScript")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/typescript/tsconfig.json"},"tsconfig.json")),(0,r.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,r.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#typescript"},"TS compilation config")," ",(0,r.mdx)("br",null)," \u2022 ",(0,r.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/configure-env-with-compiler"},"Replace compiler"))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/tester/overview"},"Tester")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/jest"},"Jest")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/jest/jest.config.js"},"jest.config.js")),(0,r.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,r.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#jest"},"Jest config")," ",(0,r.mdx)("br",null)," \u2022 ",(0,r.mdx)("a",{parentName:"td",href:"/dev-services/tester/configure-env-with-tester"},"Replace Tester"))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/linter/overview"},"Linting")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/eslint"},"ESLint")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/eslint/eslintrc.ts"},"eslintrc.ts")),(0,r.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,r.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#eslint"},"ESLint Config")," ",(0,r.mdx)("br",null)," \u2022 ",(0,r.mdx)("a",{parentName:"td",href:"/dev-services/linter/configure-env-with-linter"},"Replace Linter"))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/formatter/overview"},"Formatter")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/prettier"},"Prettier")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/prettier/prettier.config.js"},"prettier.config.ts")),(0,r.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,r.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#prettier"},"Prettier config")," ",(0,r.mdx)("br",null)," \u2022 ",(0,r.mdx)("a",{parentName:"td",href:"/dev-services/formatter/configure-env-with-formatter"},"Replace Formatter"))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"DevServer"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.dev.ts"},"webpack.config.preview.dev.ts")),(0,r.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling in the workspace)")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/docs/dev-services/preview/overview"},"Preview")),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null}),(0,r.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,r.mdx)("a",{parentName:"td",href:"/dev-services/preview/register-custom-preview"},"Add preview"))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/docs/packages/packages-overview"},"Package")),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"See the ",(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript/~code/typescript.main.runtime.ts"},"TypeScript Aspect")," config"),(0,r.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,r.mdx)("a",{parentName:"td",href:"/packages/managing-package-json#set-configuration-from-an-env"},"Add Env package config")," ",(0,r.mdx)("br",null)," \u2022 TypeScript's package config")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"Bundler"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.ts"},"webpack.config.preview.ts")),(0,r.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling during build)")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-overview"},"Documentation")),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/docs/index.tsx"},"Docs template")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-templates"},"Replace docs template"))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Builder")),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Build pipeline")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/dev-services/builder/build-pipelines"},"Build pipelines"))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/dependencies/dependencies-overview"},"Dependencies")),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/react.env.ts"},"Env-dependencies")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/dependencies/configuring-dependencies#configuring-dependencies-from-an-env"},"Env dependencies"))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/docs/dev-services/generator/generator-overview"},"Generator")),(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/templates/react-component.ts"},"React templates")),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:""},"Add a component template"))))),(0,r.mdx)("h3",null,"Default React versions"),(0,r.mdx)("p",null,"By default, the React env sets the following dependency versions for components using it:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("strong",{parentName:"li"},"react")," (peer dependency): ",(0,r.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("strong",{parentName:"li"},"react-dom")," (peer dependency): ",(0,r.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("strong",{parentName:"li"},"@types/react"),": ",(0,r.mdx)("inlineCode",{parentName:"li"},"^17.0.8")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("strong",{parentName:"li"},"@types/react-dom"),": ",(0,r.mdx)("inlineCode",{parentName:"li"},"^17.0.5")))))}s.__bit_component=n,s.isMDXComponent=!0},63172:(e,t,a)=>{"use strict";var n={id:"teambit.react/react@0.0.692",homepage:"https://bit.dev/teambit/react/react",exported:!0},r=a(88244);function d(){const e=r(a(63804));return d=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,d.__bit_component=n;const i=()=>d().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},d().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/react.svg"}));i.__bit_component=n,t.Logo=i},85057:e=>{"use strict";e.exports=MdxJsReact},63804:e=>{"use strict";e.exports=React},58459:e=>{"use strict";e.exports=TeambitMdxUiMdxScopeContext}},t={};function a(n){var r=t[n];if(void 0!==r)return r.exports;var d=t[n]={exports:{}};return e[n](d,d.exports,a),d.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{"use strict";a.r(n),a.d(n,{compositions:()=>e,overview:()=>t});const e=[a(63172)],t=[a(99369)]})(),n})()}));
+(function(root,factory){typeof exports=="object"&&typeof module=="object"?module.exports=factory():typeof define=="function"&&define.amd?define([],factory):typeof exports=="object"?exports["teambit.react/react-preview"]=factory():root["teambit.react/react-preview"]=factory()})(self,function(){return(()=>{var __webpack_modules__={88244:module2=>{function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}module2.exports=_interopRequireDefault},40990:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>MDXContent});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(63804),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__2.n(react__WEBPACK_IMPORTED_MODULE_0__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(85057),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__2.n(_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__),_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(58459),_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__2.n(_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__),_teambit_react_content_react_overview__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(55906),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)(_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__.MDXScopeProvider,{components:{ReactOverview:_teambit_react_content_react_overview__WEBPACK_IMPORTED_MODULE_3__.ZP},mdxType:"MDXScopeProvider"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__.mdx)(_teambit_react_content_react_overview__WEBPACK_IMPORTED_MODULE_3__.ZP,{mdxType:"ReactOverview"})))}MDXContent.isMDXComponent=!0},55906:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __webpack_unused_export__,__bit_component={id:"teambit.react/content/react-overview@1.95.0",homepage:"https://bit.dev/teambit/react/content/react-overview",exported:!0};__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _reactOverview.default}},Object.defineProperty(exports2,"ZP",{enumerable:!0,get:function(){return _reactOverview.default}});var _reactOverview=_interopRequireDefault(__webpack_require__2(2664));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}_interopRequireDefault.__bit_component=__bit_component},2664:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.react/content/react-overview@1.95.0",homepage:"https://bit.dev/teambit/react/content/react-overview",exported:!0};Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.default=MDXContent;var _react=_interopRequireDefault(__webpack_require__2(63804)),_react2=__webpack_require__2(85057),_mdxUi=__webpack_require__2(58459),_excluded=["components"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}_interopRequireDefault.__bit_component=__bit_component;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}_extends.__bit_component=__bit_component;function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}_objectWithoutProperties.__bit_component=__bit_component;function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}_objectWithoutPropertiesLoose.__bit_component=__bit_component;var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_mdxUi.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,_react2.mdx)("h1",null,"React Overview"),(0,_react2.mdx)("p",null,`React is teambit's Component Development Environment (Env) for React.
+It enables you to quickly set up a dev environment that follows best practices for React component development.`),(0,_react2.mdx)("p",null,"React can also be used as a good starting point for your own customized Env as it provides a comprehensive API that makes it easy to extend."),(0,_react2.mdx)("h2",null,"Using the React env"),(0,_react2.mdx)("p",null,"To use React Env, apply it on the relevant ",(0,_react2.mdx)("a",{parentName:"p",href:"/docs/workspace/variants"},"variants")," (component selections) in your ",(0,_react2.mdx)("a",{parentName:"p",href:"/docs/workspace/workspace-configuration"},"Workspace config"),":"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-json",metastring:'title="workspace.jsonc"',title:'"workspace.jsonc"'},`{
+  "teambit.workspace/variants": {
+    "{ui/**}": {
+      "teambit.react/react": {}
+    }
+  }
+}
+`)),(0,_react2.mdx)("h2",null,"Creating Components"),(0,_react2.mdx)("p",null,"React env provides a set of component templates that can be used to speed-up and standardize your component development:"),(0,_react2.mdx)("p",null,"To list all available templates:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},`bit templates
+`)),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react")," a basic React UI component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-context")," a react context component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-hook")," a react hook component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"mdx-component")," an MDX component."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-component-js")," a basic React component in JS."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"react-env")," boilerplate for a customized environment configuration.")),(0,_react2.mdx)("p",null,"Use any of these templates with the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"bit create")," command:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},`bit create react ui/my-welcome
+`)),(0,_react2.mdx)("h2",null,"Development services and configurations"),(0,_react2.mdx)("p",null,"The table below lists ",(0,_react2.mdx)("a",{parentName:"p",href:"/dev-services/dev-services-overview"},"dev services")," that are provided by the React env. Each service handles a specific component development operation. Each is implemented by the React env, using a specific set of configurations."),(0,_react2.mdx)("p",null,"To customize and extend the React env, ",(0,_react2.mdx)("a",{parentName:"p",href:"/envs/pre-configured-envs/react/extending-react#using-your-own-react-env-extension"},"create you own React env extension"),". You can replace the Aspects used by the env, or override their configurations (use the links provided in the 'customization' column)."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Service"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Aspect"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Default config"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Customization"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/compiler-overview"},"Compiler")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript"},"TypeScript")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/typescript/tsconfig.json"},"tsconfig.json")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#typescript"},"TS compilation config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/compiler/configure-env-with-compiler"},"Replace compiler"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/tester/overview"},"Tester")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/jest"},"Jest")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/jest/jest.config.js"},"jest.config.js")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#jest"},"Jest config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/tester/configure-env-with-tester"},"Replace Tester"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/linter/overview"},"Linting")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/eslint"},"ESLint")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/eslint/eslintrc.ts"},"eslintrc.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#eslint"},"ESLint Config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/linter/configure-env-with-linter"},"Replace Linter"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/formatter/overview"},"Formatter")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/defender/prettier"},"Prettier")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/prettier/prettier.config.js"},"prettier.config.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/frameworks/react/config-react-tools#prettier"},"Prettier config")," ",(0,_react2.mdx)("br",null)," \u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/formatter/configure-env-with-formatter"},"Replace Formatter"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},"DevServer"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.dev.ts"},"webpack.config.preview.dev.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling in the workspace)")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/preview/overview"},"Preview")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null}),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/preview/register-custom-preview"},"Add preview"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/packages/packages-overview"},"Package")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},"See the ",(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/typescript/typescript/~code/typescript.main.runtime.ts"},"TypeScript Aspect")," config"),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 ",(0,_react2.mdx)("a",{parentName:"td",href:"/packages/managing-package-json#set-configuration-from-an-env"},"Add Env package config")," ",(0,_react2.mdx)("br",null)," \u2022 TypeScript's package config")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},"Bundler"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/webpack/webpack"},"Webpack")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/webpack/webpack.config.preview.ts"},"webpack.config.preview.ts")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"\u2022 Webpack config (for bundling during build)")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-overview"},"Documentation")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/docs/index.tsx"},"Docs template")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/docs/docs-templates"},"Replace docs template"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Builder")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"http://localhost:3000/docs/dev-services/builder/builder-overview"},"Build pipeline")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dev-services/builder/build-pipelines"},"Build pipelines"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dependencies/dependencies-overview"},"Dependencies")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/react.env.ts"},"Env-dependencies")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/dependencies/configuring-dependencies#configuring-dependencies-from-an-env"},"Env dependencies"))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"/docs/dev-services/generator/generator-overview"},"Generator")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"-"),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:"https://bit.dev/teambit/react/react/~code/templates/react-component.ts"},"React templates")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("a",{parentName:"td",href:""},"Add a component template"))))),(0,_react2.mdx)("h3",null,"Default React versions"),(0,_react2.mdx)("p",null,"By default, the React env sets the following dependency versions for components using it:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"react")," (peer dependency): ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"react-dom")," (peer dependency): ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^16.8.0 || ^17.0.0")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"@types/react"),": ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^17.0.8")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("strong",{parentName:"li"},"@types/react-dom"),": ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"^17.0.5")))))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},63319:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.react/react@0.0.693",homepage:"https://bit.dev/teambit/react/react",exported:!0},_interopRequireDefault=__webpack_require__2(88244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(63804));return _react=function(){return data},data}_react.__bit_component=__bit_component;const Logo=()=>_react().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},_react().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/react.svg"}));Logo.__bit_component=__bit_component,exports2.Logo=Logo},85057:module2=>{"use strict";module2.exports=MdxJsReact},63804:module2=>{"use strict";module2.exports=React},58459:module2=>{"use strict";module2.exports=TeambitMdxUiMdxScopeContext}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={exports:{}};return __webpack_modules__[moduleId](module2,module2.exports,__webpack_require__),module2.exports}__webpack_require__.n=module2=>{var getter=module2&&module2.__esModule?()=>module2.default:()=>module2;return __webpack_require__.d(getter,{a:getter}),getter},__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})};var __webpack_exports__={};return(()=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,overview:()=>overview});const compositions=[__webpack_require__(63319)],overview=[__webpack_require__(40990)]})(),__webpack_exports__})()});

package/dist/apps/web/react.application.js

@@ -41,6 +41,26 @@ function _toolboxNetwork() {
   return data;
 }
 
+function _lodash() {
+  const data = require("lodash");
+
+  _lodash = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _terserWebpackPlugin() {
+  const data = _interopRequireDefault(require("terser-webpack-plugin"));
+
+  _terserWebpackPlugin = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _plugins() {
   const data = require("./plugins");
 
@@ -154,11 +174,30 @@ class ReactApp {
     });
 
     const defaultTransformer = configMutator => {
+      var _config$raw$optimizat;
+
       const config = configMutator.addTopLevel('output', {
         path: staticDir,
         publicPath: `/`
       });
       if (this.prerenderRoutes) config.addPlugin((0, _plugins().prerenderSPAPlugin)(this.prerenderRoutes, staticDir));
+
+      if ((_config$raw$optimizat = config.raw.optimization) !== null && _config$raw$optimizat !== void 0 && _config$raw$optimizat.minimizer) {
+        var _config$raw$optimizat2, _config$raw$optimizat3;
+
+        (0, _lodash().remove)((_config$raw$optimizat2 = config.raw.optimization) === null || _config$raw$optimizat2 === void 0 ? void 0 : _config$raw$optimizat2.minimizer, minimizer => {
+          return minimizer.constructor.name === 'TerserPlugin';
+        });
+        (_config$raw$optimizat3 = config.raw.optimization) === null || _config$raw$optimizat3 === void 0 ? void 0 : _config$raw$optimizat3.minimizer.push(new (_terserWebpackPlugin().default)({
+          minify: _terserWebpackPlugin().default.esbuildMinify,
+          // `terserOptions` options will be passed to `esbuild`
+          // Link to options - https://esbuild.github.io/api/#minify
+          terserOptions: {
+            minify: true
+          }
+        }));
+      }
+
       return config;
     };
 

package/dist/apps/web/react.application.js.map

@@ -1 +1 @@
-{"version":3,"sources":["react.application.ts"],"names":["ReactApp","constructor","name","entry","portRange","reactEnv","prerenderRoutes","bundler","devServer","transformers","deploy","favicon","run","context","from","to","port","Port","getPort","listen","devServerContext","getDevServerContext","getDevServer","configMutator","addTopLevel","historyApiFallback","index","disableDotRule","raw","output","publicPath","build","htmlConfig","title","templateContent","minify","Object","assign","html","getBundler","publicDir","getPublicDir","dir","getDefaultBundler","capsule","env","outputPath","path","distDir","getCompiler","entries","map","require","resolve","staticDir","bundlerContext","targets","components","component","rootPath","metaData","initiator","envId","id","defaultTransformer","config","addPlugin","applicationType"],"mappings":"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","sourcesContent":["import { join, basename } from 'path';\nimport { Application, AppContext, AppBuildContext } from '@teambit/application';\nimport { Bundler, DevServer, BundlerContext, DevServerContext, BundlerHtmlConfig } from '@teambit/bundler';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\nimport { ReactEnv } from '../../react.env';\nimport { prerenderSPAPlugin } from './plugins';\nimport { ReactAppBuildResult } from './react-build-result';\nimport { html } from '../../webpack';\nimport { ReactDeployContext } from '.';\n\nexport class ReactApp implements Application {\n  constructor(\n    readonly name: string,\n    readonly entry: string[],\n    readonly portRange: number[],\n    private reactEnv: ReactEnv,\n    readonly prerenderRoutes?: string[],\n    readonly bundler?: Bundler,\n    readonly devServer?: DevServer,\n    readonly transformers?: WebpackConfigTransformer[],\n    readonly deploy?: (context: ReactDeployContext) => Promise<void>,\n    readonly favicon?: string\n  ) {}\n  readonly applicationType = 'react-common-js';\n  readonly dir = 'public';\n  async run(context: AppContext): Promise<number> {\n    const [from, to] = this.portRange;\n    const port = await Port.getPort(from, to);\n    if (this.devServer) {\n      await this.devServer.listen(port);\n      return port;\n    }\n    const devServerContext = this.getDevServerContext(context);\n    const devServer = this.reactEnv.getDevServer(devServerContext, [\n      (configMutator) => {\n        configMutator.addTopLevel('devServer', {\n          historyApiFallback: {\n            index: '/index.html',\n            disableDotRule: true,\n          },\n        });\n\n        if (!configMutator.raw.output) configMutator.raw.output = {};\n        configMutator.raw.output.publicPath = '/';\n\n        return configMutator;\n      },\n    ]);\n    await devServer.listen(port);\n    return port;\n  }\n\n  async build(context: AppBuildContext): Promise<ReactAppBuildResult> {\n    const htmlConfig: BundlerHtmlConfig[] = [\n      {\n        title: context.name,\n        templateContent: html(context.name),\n        minify: false,\n        favicon: this.favicon,\n        // filename: ''.html`,\n      },\n    ];\n    Object.assign(context, {\n      html: htmlConfig,\n    });\n    const bundler = await this.getBundler(context);\n    await bundler.run();\n    return { publicDir: `${this.getPublicDir()}/${this.dir}` };\n  }\n\n  private getBundler(context: AppBuildContext) {\n    if (this.bundler) return this.bundler;\n    return this.getDefaultBundler(context);\n  }\n  private async getDefaultBundler(context: AppBuildContext) {\n    const { capsule } = context;\n    const reactEnv: ReactEnv = context.env;\n    const publicDir = this.getPublicDir();\n    const outputPath = join(capsule.path, publicDir);\n    const { distDir } = reactEnv.getCompiler();\n    const entries = this.entry.map((entry) => require.resolve(`${capsule.path}/${distDir}/${basename(entry)}`));\n    const staticDir = join(outputPath, this.dir);\n\n    const bundlerContext: BundlerContext = Object.assign(context, {\n      targets: [\n        {\n          components: [capsule?.component],\n          entries,\n          outputPath,\n        },\n      ],\n      entry: [],\n      rootPath: '/',\n      metaData: {\n        initiator: `building app: ${context.name}`,\n        envId: context.id,\n      },\n    });\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const config = configMutator.addTopLevel('output', { path: staticDir, publicPath: `/` });\n      if (this.prerenderRoutes) config.addPlugin(prerenderSPAPlugin(this.prerenderRoutes, staticDir));\n      return config;\n    };\n    const transformers = [defaultTransformer, ...(this.transformers ?? [])];\n    const bundler: Bundler = await reactEnv.getBundler(bundlerContext, transformers);\n    return bundler;\n  }\n\n  private getPublicDir() {\n    return join(this.applicationType, this.name);\n  }\n\n  private getDevServerContext(context: AppContext): DevServerContext {\n    return Object.assign(context, {\n      entry: this.entry,\n      rootPath: '',\n      publicPath: `public/${this.name}`,\n      title: this.name,\n      favicon: this.favicon,\n    });\n  }\n}\n"]}
+{"version":3,"sources":["react.application.ts"],"names":["ReactApp","constructor","name","entry","portRange","reactEnv","prerenderRoutes","bundler","devServer","transformers","deploy","favicon","run","context","from","to","port","Port","getPort","listen","devServerContext","getDevServerContext","getDevServer","configMutator","addTopLevel","historyApiFallback","index","disableDotRule","raw","output","publicPath","build","htmlConfig","title","templateContent","minify","Object","assign","html","getBundler","publicDir","getPublicDir","dir","getDefaultBundler","capsule","env","outputPath","path","distDir","getCompiler","entries","map","require","resolve","staticDir","bundlerContext","targets","components","component","rootPath","metaData","initiator","envId","id","defaultTransformer","config","addPlugin","optimization","minimizer","push","TerserPlugin","esbuildMinify","terserOptions","applicationType"],"mappings":"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","sourcesContent":["import { join, basename } from 'path';\nimport { Application, AppContext, AppBuildContext } from '@teambit/application';\nimport { Bundler, DevServer, BundlerContext, DevServerContext, BundlerHtmlConfig } from '@teambit/bundler';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport { remove } from 'lodash';\nimport TerserPlugin from 'terser-webpack-plugin';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\nimport { ReactEnv } from '../../react.env';\nimport { prerenderSPAPlugin } from './plugins';\nimport { ReactAppBuildResult } from './react-build-result';\nimport { html } from '../../webpack';\nimport { ReactDeployContext } from '.';\n\nexport class ReactApp implements Application {\n  constructor(\n    readonly name: string,\n    readonly entry: string[],\n    readonly portRange: number[],\n    private reactEnv: ReactEnv,\n    readonly prerenderRoutes?: string[],\n    readonly bundler?: Bundler,\n    readonly devServer?: DevServer,\n    readonly transformers?: WebpackConfigTransformer[],\n    readonly deploy?: (context: ReactDeployContext) => Promise<void>,\n    readonly favicon?: string\n  ) {}\n  readonly applicationType = 'react-common-js';\n  readonly dir = 'public';\n  async run(context: AppContext): Promise<number> {\n    const [from, to] = this.portRange;\n    const port = await Port.getPort(from, to);\n    if (this.devServer) {\n      await this.devServer.listen(port);\n      return port;\n    }\n    const devServerContext = this.getDevServerContext(context);\n    const devServer = this.reactEnv.getDevServer(devServerContext, [\n      (configMutator) => {\n        configMutator.addTopLevel('devServer', {\n          historyApiFallback: {\n            index: '/index.html',\n            disableDotRule: true,\n          },\n        });\n\n        if (!configMutator.raw.output) configMutator.raw.output = {};\n        configMutator.raw.output.publicPath = '/';\n\n        return configMutator;\n      },\n    ]);\n    await devServer.listen(port);\n    return port;\n  }\n\n  async build(context: AppBuildContext): Promise<ReactAppBuildResult> {\n    const htmlConfig: BundlerHtmlConfig[] = [\n      {\n        title: context.name,\n        templateContent: html(context.name),\n        minify: false,\n        favicon: this.favicon,\n        // filename: ''.html`,\n      },\n    ];\n    Object.assign(context, {\n      html: htmlConfig,\n    });\n    const bundler = await this.getBundler(context);\n    await bundler.run();\n    return { publicDir: `${this.getPublicDir()}/${this.dir}` };\n  }\n\n  private getBundler(context: AppBuildContext) {\n    if (this.bundler) return this.bundler;\n    return this.getDefaultBundler(context);\n  }\n  private async getDefaultBundler(context: AppBuildContext) {\n    const { capsule } = context;\n    const reactEnv: ReactEnv = context.env;\n    const publicDir = this.getPublicDir();\n    const outputPath = join(capsule.path, publicDir);\n    const { distDir } = reactEnv.getCompiler();\n    const entries = this.entry.map((entry) => require.resolve(`${capsule.path}/${distDir}/${basename(entry)}`));\n    const staticDir = join(outputPath, this.dir);\n\n    const bundlerContext: BundlerContext = Object.assign(context, {\n      targets: [\n        {\n          components: [capsule?.component],\n          entries,\n          outputPath,\n        },\n      ],\n      entry: [],\n      rootPath: '/',\n      metaData: {\n        initiator: `building app: ${context.name}`,\n        envId: context.id,\n      },\n    });\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const config = configMutator.addTopLevel('output', { path: staticDir, publicPath: `/` });\n      if (this.prerenderRoutes) config.addPlugin(prerenderSPAPlugin(this.prerenderRoutes, staticDir));\n      if (config.raw.optimization?.minimizer) {\n        remove(config.raw.optimization?.minimizer, (minimizer) => {\n          return minimizer.constructor.name === 'TerserPlugin';\n        });\n        config.raw.optimization?.minimizer.push(\n          new TerserPlugin({\n            minify: TerserPlugin.esbuildMinify,\n            // `terserOptions` options will be passed to `esbuild`\n            // Link to options - https://esbuild.github.io/api/#minify\n            terserOptions: {\n              minify: true,\n            },\n          })\n        );\n      }\n      return config;\n    };\n    const transformers = [defaultTransformer, ...(this.transformers ?? [])];\n    const bundler: Bundler = await reactEnv.getBundler(bundlerContext, transformers);\n    return bundler;\n  }\n\n  private getPublicDir() {\n    return join(this.applicationType, this.name);\n  }\n\n  private getDevServerContext(context: AppContext): DevServerContext {\n    return Object.assign(context, {\n      entry: this.entry,\n      rootPath: '',\n      publicPath: `public/${this.name}`,\n      title: this.name,\n      favicon: this.favicon,\n    });\n  }\n}\n"]}

package/dist/webpack/webpack.config.base.prod.js

@@ -73,44 +73,59 @@ function _default(externalizePeer, peers, dev) {
   };
   const optimization = dev ? undefined : {
     minimize: true,
-    minimizer: [// This is only used in production mode
-    new (_terserWebpackPlugin().default)({
-      extractComments: false,
+    minimizer: [new (_terserWebpackPlugin().default)({
+      minify: _terserWebpackPlugin().default.esbuildMinify,
+      // `terserOptions` options will be passed to `esbuild`
+      // Link to options - https://esbuild.github.io/api/#minify
+      // Note: the `minify` options is true by default (and override other `minify*` options), so if you want to disable the `minifyIdentifiers` option (or other `minify*` options) please use:
       terserOptions: {
-        parse: {
-          // We want terser to parse ecma 8 code. However, we don't want it
-          // to apply any minification steps that turns valid ecma 5 code
-          // into invalid ecma 5 code. This is why the 'compress' and 'output'
-          // sections only apply transformations that are ecma 5 safe
-          // https://github.com/facebook/create-react-app/pull/4234
-          ecma: 8
-        },
-        compress: {
-          ecma: 5,
-          warnings: false,
-          // Disabled because of an issue with Uglify breaking seemingly valid code:
-          // https://github.com/facebook/create-react-app/issues/2376
-          // Pending further investigation:
-          // https://github.com/mishoo/UglifyJS2/issues/2011
-          comparisons: false,
-          // Disabled because of an issue with Terser breaking valid code:
-          // https://github.com/facebook/create-react-app/issues/5250
-          // Pending further investigation:
-          // https://github.com/terser-js/terser/issues/120
-          inline: 2
-        },
-        mangle: {
-          safari10: true
-        },
-        output: {
-          ecma: 5,
-          comments: false,
-          // Turned on because emoji and regex is not minified properly using default
-          // https://github.com/facebook/create-react-app/issues/2488
-          ascii_only: true
-        }
-      }
-    }), new (_cssMinimizerWebpackPlugin().default)({
+        minify: false,
+        minifyWhitespace: true,
+        // We don't want to minify identifiers to enable easier debugging on remote scopes when there are preview issues
+        minifyIdentifiers: false,
+        // minifyIdentifiers: true,
+        minifySyntax: true
+      } // terserOptions: {},
+
+    }), // This is only used in production mode
+    // new TerserPlugin({
+    //   extractComments: false,
+    //   terserOptions: {
+    //     parse: {
+    //       // We want terser to parse ecma 8 code. However, we don't want it
+    //       // to apply any minification steps that turns valid ecma 5 code
+    //       // into invalid ecma 5 code. This is why the 'compress' and 'output'
+    //       // sections only apply transformations that are ecma 5 safe
+    //       // https://github.com/facebook/create-react-app/pull/4234
+    //       ecma: 8,
+    //     },
+    //     compress: {
+    //       ecma: 5,
+    //       warnings: false,
+    //       // Disabled because of an issue with Uglify breaking seemingly valid code:
+    //       // https://github.com/facebook/create-react-app/issues/2376
+    //       // Pending further investigation:
+    //       // https://github.com/mishoo/UglifyJS2/issues/2011
+    //       comparisons: false,
+    //       // Disabled because of an issue with Terser breaking valid code:
+    //       // https://github.com/facebook/create-react-app/issues/5250
+    //       // Pending further investigation:
+    //       // https://github.com/terser-js/terser/issues/120
+    //       inline: 2,
+    //     },
+    //     mangle: {
+    //       safari10: true,
+    //     },
+    //     output: {
+    //       ecma: 5,
+    //       comments: false,
+    //       // Turned on because emoji and regex is not minified properly using default
+    //       // https://github.com/facebook/create-react-app/issues/2488
+    //       ascii_only: true,
+    //     },
+    //   },
+    // }),
+    new (_cssMinimizerWebpackPlugin().default)({
       minimizerOptions: {
         preset: ['default', {
           minifyFontValues: {