@teambit/ui 1.0.181 → 1.0.182

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <testsuites tests="0" failures="0" errors="0" skipped="0">
3
- <testsuite name="teambit.ui-foundation/ui@1.0.181" tests="0" failures="0" errors="0" skipped="0"/>
3
+ <testsuite name="teambit.ui-foundation/ui@1.0.182" tests="0" failures="0" errors="0" skipped="0"/>
4
4
  </testsuites>
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.ui-foundation/ui-preview"]=t():e["teambit.ui-foundation/ui-preview"]=t()}(self,(()=>(()=>{"use strict";var e={56093:(e,t,n)=>{var r={id:"teambit.ui-foundation/ui@1.0.181",homepage:"https://bit.cloud/teambit/ui-foundation/ui",exported:!0};function o(){const e=a(n(41594));return o=function(){return e},e}function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,o.__bit_component=r,a.__bit_component=r;const i=()=>o().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},o().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/ui.svg"}));i.__bit_component=r,t.Logo=i},41594:e=>{e.exports=React}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{n.r(r),n.d(r,{compositions:()=>p,compositions_metadata:()=>u,overview:()=>m});var e={};n.r(e),n.d(e,{default:()=>c});var t=n(56093);n(41594);const o=MdxJsReact,a=TeambitMdxUiMdxScopeContext;var i=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}var l={},d="wrapper";function c(e){var t=e.components,n=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,i);return(0,o.mdx)(d,s({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(a.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,o.mdx)("h2",null,"Server-side rendering"),(0,o.mdx)("p",null,"Server side rendering (or SSR) is done in the following form:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-tsx"},"/** at server: */\nconst dom = ReactDom.renderToString(<MountPoint>{app}</MountPoint>);\nconst assets = { headers, scripts, ... };\nconst html = ReactDom.renderStaticMarkup(<Html assets={assets}/>);\nHtml.fillContent(html, dom);\nsend(html);\n\n/** at client: */\nReactDom.render(app, mountPoint);\n // or .hydrate()\n")),(0,o.mdx)("p",null,"We can then enrich the page with hooks:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-tsx"},"/** at server: */\nlet context = hooks.serverInit();\nconst app = (\n <hooks.reactContext value={context}>\n <App />\n </hooks.reactContext>\n);\n\ncontext = hooks.onBeforeRender(app, context);\nconst dom = ...\n\nconst assets = hooks.serialize(context);\nconst html = ...\nsend(html);\n\n/** at client: */\nconst parsed = hooks.deserialize();\nconst context = hooks.browserInit(parsed);\nconst app = (\n <hooks.reactContext value={context}>\n <App />\n </hooks.reactContext>\n)\n\nhooks.onBeforeHydrate(app, context);\n\nconst ref = ReactDom.render(app, mountPoint);\n\nhooks.onHydrate(ref, context);\n")),(0,o.mdx)("p",null,"The rendering flow will ensure that the rendering Context will be unique per request, and separate between aspects."),(0,o.mdx)("h3",null,"Hiding elements before JS execution"),(0,o.mdx)("p",null,"Certain items look bad in the static HTML, and only get decent after JS executes. Tooltips are a notable example. They take up space in the DOM and only hide once their react code runs.",(0,o.mdx)("br",{parentName:"p"}),"\n","For these cases, use the convenience class ",(0,o.mdx)("inlineCode",{parentName:"p"},"--ssr-hidden"),". Add this to any misbehaving elements, and it will hide them using ",(0,o.mdx)("inlineCode",{parentName:"p"},"display: none")," until reactDom.render() is complete."),(0,o.mdx)("h3",null,".rehydrate vs .render()"),(0,o.mdx)("p",null,".rehydrate() attach a React virtual dom to a mount point, without asserting the virtual-dom matches the actual dom.",(0,o.mdx)("br",{parentName:"p"}),"\n",".render() updates the mount point to match the react virtual dom."),(0,o.mdx)("p",null,"On paper, ",(0,o.mdx)("inlineCode",{parentName:"p"},".rehydrate()")," should be the preferred option, with better performance.",(0,o.mdx)("br",{parentName:"p"}),"\n","In practice, ",(0,o.mdx)("inlineCode",{parentName:"p"},".render()"),' is backward compatible to React 15, and will know to "hydrate" according to the ',(0,o.mdx)("inlineCode",{parentName:"p"},"data-reactroot")," attribute on the mount point, with similar performance, and without revalidating the DOM.",(0,o.mdx)("br",{parentName:"p"}),"\n","ReactDOM will also show warnings in dev mode about mismatch between ssr dom and the client side dom."),(0,o.mdx)("h3",null,"Best practices"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Use ReactContext instead of trying to mutate ",(0,o.mdx)("inlineCode",{parentName:"li"},"App"),"."),(0,o.mdx)("li",{parentName:"ul"},"Use existing context object."),(0,o.mdx)("li",{parentName:"ul"},"Do not use other Aspects' context object."),(0,o.mdx)("li",{parentName:"ul"},"Try to keep process symmetrical between server and client;")),(0,o.mdx)("h4",null,"Example: Server side GraphQL"),(0,o.mdx)("p",null,"Graphql adds extra instructions to pre-fetch queries on the server:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-tsx"}," // .registerRenderHooks() ?\n.registerRenderLifecycle({\n serverInit: ({ browser }) => {\n const { cookie } = browser;\n return { client: new Client(GQL_INTERNAL, { cookie }) };\n },\n beforeRender: ({ client }, app) => {\n await getDataFromTree(app);\n },\n serialize: ({ client }, app) => {\n return { json: JSON.stringify(client.extract()) };\n },\n deserialize: (raw) => {\n return { state: JSON.parse(raw) };\n },\n browserInit: ({ state }) => {\n return { client: new GraphqlClient(GQL_EXTERNAL, { cache: state })}\n },\n ReactContext: ({state, children}) =>\n <GqlContext client={state.client}>{children}</GqlContext>\n});\n")),(0,o.mdx)("h4",null,"Example: Server side Styled-components"),(0,o.mdx)("p",null,"StyledComponents extracts css from page, and adds it to the ",(0,o.mdx)("inlineCode",{parentName:"p"},"<head/>"),":"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-tsx"},".registerRenderLifecycle({\n init: () => {\n return { sheet: new ServerStyleSheet() };\n },\n serialize: (app, { sheet }) => {\n return { styles: sheet.getStyleTags() };\n };\n ReactContext: ({state, children}) =>\n <StyleSheetManager sheet={state.sheet}>{children}</StyleSheetManager>\n});\n"))))}c.isMDXComponent=!0;const p=[t],m=[e],u={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),r})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.ui-foundation/ui-preview"]=t():e["teambit.ui-foundation/ui-preview"]=t()}(self,(()=>(()=>{"use strict";var e={22296:(e,t,n)=>{var r={id:"teambit.ui-foundation/ui@1.0.182",homepage:"https://bit.cloud/teambit/ui-foundation/ui",exported:!0};function o(){const e=a(n(41594));return o=function(){return e},e}function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,o.__bit_component=r,a.__bit_component=r;const i=()=>o().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},o().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/ui.svg"}));i.__bit_component=r,t.Logo=i},41594:e=>{e.exports=React}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{n.r(r),n.d(r,{compositions:()=>p,compositions_metadata:()=>u,overview:()=>m});var e={};n.r(e),n.d(e,{default:()=>c});var t=n(22296);n(41594);const o=MdxJsReact,a=TeambitMdxUiMdxScopeContext;var i=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}var l={},d="wrapper";function c(e){var t=e.components,n=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,i);return(0,o.mdx)(d,s({},l,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(a.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,o.mdx)("h2",null,"Server-side rendering"),(0,o.mdx)("p",null,"Server side rendering (or SSR) is done in the following form:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-tsx"},"/** at server: */\nconst dom = ReactDom.renderToString(<MountPoint>{app}</MountPoint>);\nconst assets = { headers, scripts, ... };\nconst html = ReactDom.renderStaticMarkup(<Html assets={assets}/>);\nHtml.fillContent(html, dom);\nsend(html);\n\n/** at client: */\nReactDom.render(app, mountPoint);\n // or .hydrate()\n")),(0,o.mdx)("p",null,"We can then enrich the page with hooks:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-tsx"},"/** at server: */\nlet context = hooks.serverInit();\nconst app = (\n <hooks.reactContext value={context}>\n <App />\n </hooks.reactContext>\n);\n\ncontext = hooks.onBeforeRender(app, context);\nconst dom = ...\n\nconst assets = hooks.serialize(context);\nconst html = ...\nsend(html);\n\n/** at client: */\nconst parsed = hooks.deserialize();\nconst context = hooks.browserInit(parsed);\nconst app = (\n <hooks.reactContext value={context}>\n <App />\n </hooks.reactContext>\n)\n\nhooks.onBeforeHydrate(app, context);\n\nconst ref = ReactDom.render(app, mountPoint);\n\nhooks.onHydrate(ref, context);\n")),(0,o.mdx)("p",null,"The rendering flow will ensure that the rendering Context will be unique per request, and separate between aspects."),(0,o.mdx)("h3",null,"Hiding elements before JS execution"),(0,o.mdx)("p",null,"Certain items look bad in the static HTML, and only get decent after JS executes. Tooltips are a notable example. They take up space in the DOM and only hide once their react code runs.",(0,o.mdx)("br",{parentName:"p"}),"\n","For these cases, use the convenience class ",(0,o.mdx)("inlineCode",{parentName:"p"},"--ssr-hidden"),". Add this to any misbehaving elements, and it will hide them using ",(0,o.mdx)("inlineCode",{parentName:"p"},"display: none")," until reactDom.render() is complete."),(0,o.mdx)("h3",null,".rehydrate vs .render()"),(0,o.mdx)("p",null,".rehydrate() attach a React virtual dom to a mount point, without asserting the virtual-dom matches the actual dom.",(0,o.mdx)("br",{parentName:"p"}),"\n",".render() updates the mount point to match the react virtual dom."),(0,o.mdx)("p",null,"On paper, ",(0,o.mdx)("inlineCode",{parentName:"p"},".rehydrate()")," should be the preferred option, with better performance.",(0,o.mdx)("br",{parentName:"p"}),"\n","In practice, ",(0,o.mdx)("inlineCode",{parentName:"p"},".render()"),' is backward compatible to React 15, and will know to "hydrate" according to the ',(0,o.mdx)("inlineCode",{parentName:"p"},"data-reactroot")," attribute on the mount point, with similar performance, and without revalidating the DOM.",(0,o.mdx)("br",{parentName:"p"}),"\n","ReactDOM will also show warnings in dev mode about mismatch between ssr dom and the client side dom."),(0,o.mdx)("h3",null,"Best practices"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Use ReactContext instead of trying to mutate ",(0,o.mdx)("inlineCode",{parentName:"li"},"App"),"."),(0,o.mdx)("li",{parentName:"ul"},"Use existing context object."),(0,o.mdx)("li",{parentName:"ul"},"Do not use other Aspects' context object."),(0,o.mdx)("li",{parentName:"ul"},"Try to keep process symmetrical between server and client;")),(0,o.mdx)("h4",null,"Example: Server side GraphQL"),(0,o.mdx)("p",null,"Graphql adds extra instructions to pre-fetch queries on the server:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-tsx"}," // .registerRenderHooks() ?\n.registerRenderLifecycle({\n serverInit: ({ browser }) => {\n const { cookie } = browser;\n return { client: new Client(GQL_INTERNAL, { cookie }) };\n },\n beforeRender: ({ client }, app) => {\n await getDataFromTree(app);\n },\n serialize: ({ client }, app) => {\n return { json: JSON.stringify(client.extract()) };\n },\n deserialize: (raw) => {\n return { state: JSON.parse(raw) };\n },\n browserInit: ({ state }) => {\n return { client: new GraphqlClient(GQL_EXTERNAL, { cache: state })}\n },\n ReactContext: ({state, children}) =>\n <GqlContext client={state.client}>{children}</GqlContext>\n});\n")),(0,o.mdx)("h4",null,"Example: Server side Styled-components"),(0,o.mdx)("p",null,"StyledComponents extracts css from page, and adds it to the ",(0,o.mdx)("inlineCode",{parentName:"p"},"<head/>"),":"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-tsx"},".registerRenderLifecycle({\n init: () => {\n return { sheet: new ServerStyleSheet() };\n },\n serialize: (app, { sheet }) => {\n return { styles: sheet.getStyleTags() };\n };\n ReactContext: ({state, children}) =>\n <StyleSheetManager sheet={state.sheet}>{children}</StyleSheetManager>\n});\n"))))}c.isMDXComponent=!0;const p=[t],m=[e],u={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),r})()));
@@ -257,7 +257,7 @@
257
257
  "_legacy": {
258
258
  "scope": "teambit.ui-foundation",
259
259
  "name": "ui",
260
- "version": "1.0.181"
260
+ "version": "1.0.182"
261
261
  },
262
262
  "_scope": "teambit.ui-foundation"
263
263
  }
@@ -753,7 +753,7 @@
753
753
  "_legacy": {
754
754
  "scope": "teambit.ui-foundation",
755
755
  "name": "ui",
756
- "version": "1.0.181"
756
+ "version": "1.0.182"
757
757
  },
758
758
  "_scope": "teambit.ui-foundation"
759
759
  }
@@ -4843,7 +4843,7 @@
4843
4843
  "_legacy": {
4844
4844
  "scope": "teambit.ui-foundation",
4845
4845
  "name": "ui",
4846
- "version": "1.0.181"
4846
+ "version": "1.0.182"
4847
4847
  },
4848
4848
  "_scope": "teambit.ui-foundation"
4849
4849
  }
@@ -5188,7 +5188,7 @@
5188
5188
  "_legacy": {
5189
5189
  "scope": "teambit.ui-foundation",
5190
5190
  "name": "ui",
5191
- "version": "1.0.181"
5191
+ "version": "1.0.182"
5192
5192
  },
5193
5193
  "_scope": "teambit.ui-foundation"
5194
5194
  }
@@ -5792,7 +5792,7 @@
5792
5792
  "_legacy": {
5793
5793
  "scope": "teambit.ui-foundation",
5794
5794
  "name": "ui",
5795
- "version": "1.0.181"
5795
+ "version": "1.0.182"
5796
5796
  },
5797
5797
  "_scope": "teambit.ui-foundation"
5798
5798
  }
@@ -11493,7 +11493,7 @@
11493
11493
  "_legacy": {
11494
11494
  "scope": "teambit.ui-foundation",
11495
11495
  "name": "ui",
11496
- "version": "1.0.181"
11496
+ "version": "1.0.182"
11497
11497
  },
11498
11498
  "_scope": "teambit.ui-foundation"
11499
11499
  }
@@ -11508,7 +11508,7 @@
11508
11508
  "componentId": {
11509
11509
  "scope": "teambit.ui-foundation",
11510
11510
  "name": "ui",
11511
- "version": "1.0.181"
11511
+ "version": "1.0.182"
11512
11512
  },
11513
11513
  "taggedModuleExports": []
11514
11514
  }
@@ -1 +1 @@
1
- <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>bit-local-kv7e6nzh</title><script>try{window.__REACT_DEVTOOLS_GLOBAL_HOOK__=window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__}catch{}</script><script defer="defer" src="/static/js/runtime-main.43d12281.js"></script><script defer="defer" src="/static/js/418.99334bb9.js"></script><script defer="defer" src="/static/js/main.782a559f.js"></script><link href="/static/css/418.11b9bd37.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>bit-local-taxohxuk</title><script>try{window.__REACT_DEVTOOLS_GLOBAL_HOOK__=window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__}catch{}</script><script defer="defer" src="/static/js/runtime-main.43d12281.js"></script><script defer="defer" src="/static/js/418.99334bb9.js"></script><script defer="defer" src="/static/js/main.782a559f.js"></script><link href="/static/css/418.11b9bd37.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
@@ -1 +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,t)=>{r[s]||(r[s]=Promise.resolve().then((()=>{let r={};const n={uri:location.origin+s.slice(1)};return Promise.all(i.map((s=>{switch(s){case"exports":return r;case"module":return n;default:return e(s)}}))).then((e=>{const s=t(...e);return r.default||(r.default=s),r}))})))}}define("./service-worker.js",["./workbox-1bc97e8b"],(function(e){"use strict";self.addEventListener("message",(e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()})),e.clientsClaim(),e.precacheAndRoute([{url:"/index.html",revision:"d176f3178a87702a40dda16633464c48"},{url:"/static/css/418.11b9bd37.css",revision:null},{url:"/static/fonts/ade705761eb7e702770d.ttf",revision:null},{url:"/static/js/418.99334bb9.js.LICENSE.txt",revision:"8843fb00466c1bc91b8f8a40dd7c0a12"},{url:"/static/js/main.782a559f.js",revision:null},{url:"/static/js/runtime-main.43d12281.js",revision:null}],{}),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("public/index.html"),{denylist:[/^\/_/,/\/[^/?]+\.[^/]+$/]}))}));
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,t)=>{r[s]||(r[s]=Promise.resolve().then((()=>{let r={};const n={uri:location.origin+s.slice(1)};return Promise.all(i.map((s=>{switch(s){case"exports":return r;case"module":return n;default:return e(s)}}))).then((e=>{const s=t(...e);return r.default||(r.default=s),r}))})))}}define("./service-worker.js",["./workbox-1bc97e8b"],(function(e){"use strict";self.addEventListener("message",(e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()})),e.clientsClaim(),e.precacheAndRoute([{url:"/index.html",revision:"f9ab330ede1fea0714a39cd58a8c4a38"},{url:"/static/css/418.11b9bd37.css",revision:null},{url:"/static/fonts/ade705761eb7e702770d.ttf",revision:null},{url:"/static/js/418.99334bb9.js.LICENSE.txt",revision:"8843fb00466c1bc91b8f8a40dd7c0a12"},{url:"/static/js/main.782a559f.js",revision:null},{url:"/static/js/runtime-main.43d12281.js",revision:null}],{}),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("public/index.html"),{denylist:[/^\/_/,/\/[^/?]+\.[^/]+$/]}))}));
@@ -1 +1 @@
1
- {"version":3,"file":"service-worker.js","sources":["../../../../tmp/67461e028379699300432bbd965cc37f/service-worker.js"],"sourcesContent":["import {clientsClaim as workbox_core_clientsClaim} from '/home/circleci/bit/bit/node_modules/.pnpm/workbox-core@6.2.4/node_modules/workbox-core/clientsClaim.mjs';\nimport {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/home/circleci/bit/bit/node_modules/.pnpm/workbox-precaching@6.2.4/node_modules/workbox-precaching/precacheAndRoute.mjs';\nimport {registerRoute as workbox_routing_registerRoute} from '/home/circleci/bit/bit/node_modules/.pnpm/workbox-routing@6.2.4/node_modules/workbox-routing/registerRoute.mjs';\nimport {NavigationRoute as workbox_routing_NavigationRoute} from '/home/circleci/bit/bit/node_modules/.pnpm/workbox-routing@6.2.4/node_modules/workbox-routing/NavigationRoute.mjs';\nimport {createHandlerBoundToURL as workbox_precaching_createHandlerBoundToURL} from '/home/circleci/bit/bit/node_modules/.pnpm/workbox-precaching@6.2.4/node_modules/workbox-precaching/createHandlerBoundToURL.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\n\n\n\n\n\n\nself.addEventListener('message', (event) => {\n if (event.data && event.data.type === 'SKIP_WAITING') {\n self.skipWaiting();\n }\n});\n\nworkbox_core_clientsClaim();\n\n\n/**\n * The precacheAndRoute() method efficiently caches and responds to\n * requests for URLs in the manifest.\n * See https://goo.gl/S9QRab\n */\nworkbox_precaching_precacheAndRoute([\n {\n \"url\": \"/public/ssr/static/css/main.606e0048.css\",\n \"revision\": null\n },\n {\n \"url\": \"/public/ssr/static/fonts/ade705761eb7e702770d.ttf\",\n \"revision\": null\n }\n], {});\n\nworkbox_routing_registerRoute(new workbox_routing_NavigationRoute(workbox_precaching_createHandlerBoundToURL(\"public/index.html\"), {\n \n denylist: [/^\\/_/,/\\/[^/?]+\\.[^/]+$/],\n}));\n\n\n\n\n\n\n"],"names":["self","addEventListener","event","data","type","skipWaiting","workbox_core_clientsClaim","workbox_precaching_precacheAndRoute","url","revision","workbox","registerRoute","workbox_routing_NavigationRoute","NavigationRoute","workbox_precaching_createHandlerBoundToURL","denylist"],"mappings":"szBAuBAA,KAAKC,iBAAiB,WAAYC,IAC5BA,EAAMC,MAA4B,iBAApBD,EAAMC,KAAKC,MAC3BJ,KAAKK,aACP,IAGFC,EAAAA,eAQAC,EAAAA,iBAAoC,CAClC,CACEC,IAAO,2CACPC,SAAY,MAEd,CACED,IAAO,oDACPC,SAAY,OAEb,CAAE,GAEwBC,EAAAC,cAAC,IAAIC,EAA+BC,gBAACC,0BAA2C,qBAAsB,CAEjIC,SAAU,CAAC,OAAO"}
1
+ {"version":3,"file":"service-worker.js","sources":["../../../../tmp/4dab5ba8b86759373e8b6e83a7b535d1/service-worker.js"],"sourcesContent":["import {clientsClaim as workbox_core_clientsClaim} from '/home/circleci/bit/bit/node_modules/.pnpm/workbox-core@6.2.4/node_modules/workbox-core/clientsClaim.mjs';\nimport {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/home/circleci/bit/bit/node_modules/.pnpm/workbox-precaching@6.2.4/node_modules/workbox-precaching/precacheAndRoute.mjs';\nimport {registerRoute as workbox_routing_registerRoute} from '/home/circleci/bit/bit/node_modules/.pnpm/workbox-routing@6.2.4/node_modules/workbox-routing/registerRoute.mjs';\nimport {NavigationRoute as workbox_routing_NavigationRoute} from '/home/circleci/bit/bit/node_modules/.pnpm/workbox-routing@6.2.4/node_modules/workbox-routing/NavigationRoute.mjs';\nimport {createHandlerBoundToURL as workbox_precaching_createHandlerBoundToURL} from '/home/circleci/bit/bit/node_modules/.pnpm/workbox-precaching@6.2.4/node_modules/workbox-precaching/createHandlerBoundToURL.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\n\n\n\n\n\n\nself.addEventListener('message', (event) => {\n if (event.data && event.data.type === 'SKIP_WAITING') {\n self.skipWaiting();\n }\n});\n\nworkbox_core_clientsClaim();\n\n\n/**\n * The precacheAndRoute() method efficiently caches and responds to\n * requests for URLs in the manifest.\n * See https://goo.gl/S9QRab\n */\nworkbox_precaching_precacheAndRoute([\n {\n \"url\": \"/public/ssr/static/css/main.606e0048.css\",\n \"revision\": null\n },\n {\n \"url\": \"/public/ssr/static/fonts/ade705761eb7e702770d.ttf\",\n \"revision\": null\n }\n], {});\n\nworkbox_routing_registerRoute(new workbox_routing_NavigationRoute(workbox_precaching_createHandlerBoundToURL(\"public/index.html\"), {\n \n denylist: [/^\\/_/,/\\/[^/?]+\\.[^/]+$/],\n}));\n\n\n\n\n\n\n"],"names":["self","addEventListener","event","data","type","skipWaiting","workbox_core_clientsClaim","workbox_precaching_precacheAndRoute","url","revision","workbox","registerRoute","workbox_routing_NavigationRoute","NavigationRoute","workbox_precaching_createHandlerBoundToURL","denylist"],"mappings":"szBAuBAA,KAAKC,iBAAiB,WAAYC,IAC5BA,EAAMC,MAA4B,iBAApBD,EAAMC,KAAKC,MAC3BJ,KAAKK,aACP,IAGFC,EAAAA,eAQAC,EAAAA,iBAAoC,CAClC,CACEC,IAAO,2CACPC,SAAY,MAEd,CACED,IAAO,oDACPC,SAAY,OAEb,CAAE,GAEwBC,EAAAC,cAAC,IAAIC,EAA+BC,gBAACC,0BAA2C,qBAAsB,CAEjIC,SAAU,CAAC,OAAO"}
@@ -1,5 +1,5 @@
1
- import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@1.0.181/dist/ui.composition.js';
2
- import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@1.0.181/dist/ui.docs.mdx';
1
+ import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@1.0.182/dist/ui.composition.js';
2
+ import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@1.0.182/dist/ui.docs.mdx';
3
3
 
4
4
  export const compositions = [compositions_0];
5
5
  export const overview = [overview_0];
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/ui",
3
- "version": "1.0.181",
3
+ "version": "1.0.182",
4
4
  "homepage": "https://bit.cloud/teambit/ui-foundation/ui",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.ui-foundation",
8
8
  "name": "ui",
9
- "version": "1.0.181"
9
+ "version": "1.0.182"
10
10
  },
11
11
  "dependencies": {
12
12
  "react-dev-utils": "11.0.4",
@@ -57,25 +57,25 @@
57
57
  "@teambit/design.themes.theme-toggler": "0.1.3",
58
58
  "@teambit/design.ui.tooltip": "0.0.361",
59
59
  "@teambit/ui-foundation.ui.global-loader": "0.0.502",
60
- "@teambit/builder": "1.0.181",
61
- "@teambit/isolator": "1.0.181",
60
+ "@teambit/builder": "1.0.182",
61
+ "@teambit/isolator": "1.0.182",
62
62
  "@teambit/logger": "0.0.945",
63
63
  "@teambit/cli": "0.0.852",
64
64
  "@teambit/ui-foundation.cli.ui-server-console": "0.0.506",
65
- "@teambit/aspect-loader": "1.0.181",
66
- "@teambit/bundler": "1.0.181",
67
- "@teambit/component": "1.0.181",
65
+ "@teambit/aspect-loader": "1.0.182",
66
+ "@teambit/bundler": "1.0.182",
67
+ "@teambit/component": "1.0.182",
68
68
  "@teambit/express": "0.0.951",
69
- "@teambit/graphql": "1.0.181",
69
+ "@teambit/graphql": "1.0.182",
70
70
  "@teambit/toolbox.network.get-port": "1.0.6",
71
- "@teambit/aspect": "1.0.181",
71
+ "@teambit/aspect": "1.0.182",
72
72
  "@teambit/cache": "0.0.945",
73
73
  "@teambit/harmony.modules.harmony-root-generator": "0.0.4",
74
- "@teambit/pubsub": "1.0.181",
75
- "@teambit/react-router": "1.0.181",
74
+ "@teambit/pubsub": "1.0.182",
75
+ "@teambit/react-router": "1.0.182",
76
76
  "@teambit/webpack.modules.generate-style-loaders": "1.0.11",
77
77
  "@teambit/webpack.modules.style-regexps": "1.0.6",
78
- "@teambit/webpack": "1.0.181"
78
+ "@teambit/webpack": "1.0.182"
79
79
  },
80
80
  "devDependencies": {
81
81
  "@types/react-dev-utils": "9.0.10",