@teambit/component-sizer 1.0.433 → 1.0.435

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.component/component-sizer@1.0.433" tests="0" failures="0" errors="0" skipped="0"/>
3
+ <testsuite name="teambit.component/component-sizer@1.0.435" 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.component/component-sizer-preview"]=t():e["teambit.component/component-sizer-preview"]=t()}(self,(()=>(()=>{"use strict";var e={772:(e,t,o)=>{var n={id:"teambit.component/component-sizer@1.0.433",homepage:"https://bit.cloud/teambit/component/component-sizer",exported:!0};function r(){const e=i(o(594));return r=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,i.__bit_component=n;const c=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/component-sizer.svg"}));c.__bit_component=n,t.Logo=c},594:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};o.r(n),o.d(n,{compositions:()=>m,compositions_metadata:()=>b,overview:()=>f});var r={};o.r(r),o.d(r,{default:()=>l});var i=o(772);o(594);const c=MdxJsReact,p=TeambitMdxUiMdxScopeContext;var s=["components"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},a.apply(null,arguments)}var d={},u="wrapper";function l(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.includes(n))continue;o[n]=e[n]}return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.includes(o)||{}.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,s);return(0,c.mdx)(u,a({},d,o,{components:t,mdxType:"MDXLayout"}),(0,c.mdx)(p.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,c.mdx)("p",null,"Adds the component's minified and Gzipped bundle size to the component docs (in the badges section).")))}l.isMDXComponent=!0;const m=[i],f=[r],b={compositions:[{displayName:"Logo",identifier:"Logo"}]};return n})()));
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.component/component-sizer-preview"]=t():e["teambit.component/component-sizer-preview"]=t()}(self,(()=>(()=>{"use strict";var e={420:(e,t,o)=>{var n={id:"teambit.component/component-sizer@1.0.435",homepage:"https://bit.cloud/teambit/component/component-sizer",exported:!0};function r(){const e=i(o(594));return r=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,i.__bit_component=n;const c=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/component-sizer.svg"}));c.__bit_component=n,t.Logo=c},594:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};o.r(n),o.d(n,{compositions:()=>m,compositions_metadata:()=>b,overview:()=>f});var r={};o.r(r),o.d(r,{default:()=>l});var i=o(420);o(594);const c=MdxJsReact,p=TeambitMdxUiMdxScopeContext;var s=["components"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},a.apply(null,arguments)}var d={},u="wrapper";function l(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.includes(n))continue;o[n]=e[n]}return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.includes(o)||{}.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,s);return(0,c.mdx)(u,a({},d,o,{components:t,mdxType:"MDXLayout"}),(0,c.mdx)(p.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,c.mdx)("p",null,"Adds the component's minified and Gzipped bundle size to the component docs (in the badges section).")))}l.isMDXComponent=!0;const m=[i],f=[r],b={compositions:[{displayName:"Logo",identifier:"Logo"}]};return n})()));
@@ -57,11 +57,7 @@
57
57
  "line": 13,
58
58
  "character": 22
59
59
  },
60
- "name": "PreviewMain",
61
- "componentId": {
62
- "scope": "teambit.preview",
63
- "name": "preview"
64
- }
60
+ "name": "PreviewMain"
65
61
  },
66
62
  "isOptional": false,
67
63
  "isSpread": false
@@ -103,11 +99,7 @@
103
99
  "line": 16,
104
100
  "character": 31
105
101
  },
106
- "name": "Component",
107
- "componentId": {
108
- "scope": "teambit.component",
109
- "name": "component"
110
- }
102
+ "name": "Component"
111
103
  },
112
104
  "isOptional": false,
113
105
  "isSpread": false
@@ -128,11 +120,7 @@
128
120
  "line": 16,
129
121
  "character": 43
130
122
  },
131
- "name": "ComponentPreviewSize",
132
- "componentId": {
133
- "scope": "teambit.preview",
134
- "name": "preview"
135
- }
123
+ "name": "ComponentPreviewSize"
136
124
  },
137
125
  {
138
126
  "__schema": "KeywordTypeSchema",
@@ -243,11 +231,7 @@
243
231
  "line": 23,
244
232
  "character": 46
245
233
  },
246
- "name": "PreviewMain",
247
- "componentId": {
248
- "scope": "teambit.preview",
249
- "name": "preview"
250
- }
234
+ "name": "PreviewMain"
251
235
  },
252
236
  {
253
237
  "__schema": "TypeRefSchema",
@@ -256,11 +240,7 @@
256
240
  "line": 23,
257
241
  "character": 59
258
242
  },
259
- "name": "GraphqlMain",
260
- "componentId": {
261
- "scope": "teambit.harmony",
262
- "name": "graphql"
263
- }
243
+ "name": "GraphqlMain"
264
244
  }
265
245
  ]
266
246
  },
@@ -380,11 +360,7 @@
380
360
  "line": 13,
381
361
  "character": 22
382
362
  },
383
- "name": "PreviewMain",
384
- "componentId": {
385
- "scope": "teambit.preview",
386
- "name": "preview"
387
- }
363
+ "name": "PreviewMain"
388
364
  },
389
365
  "isOptional": false,
390
366
  "isSpread": false
@@ -426,11 +402,7 @@
426
402
  "line": 16,
427
403
  "character": 31
428
404
  },
429
- "name": "Component",
430
- "componentId": {
431
- "scope": "teambit.component",
432
- "name": "component"
433
- }
405
+ "name": "Component"
434
406
  },
435
407
  "isOptional": false,
436
408
  "isSpread": false
@@ -451,11 +423,7 @@
451
423
  "line": 16,
452
424
  "character": 43
453
425
  },
454
- "name": "ComponentPreviewSize",
455
- "componentId": {
456
- "scope": "teambit.preview",
457
- "name": "preview"
458
- }
426
+ "name": "ComponentPreviewSize"
459
427
  },
460
428
  {
461
429
  "__schema": "KeywordTypeSchema",
@@ -566,11 +534,7 @@
566
534
  "line": 23,
567
535
  "character": 46
568
536
  },
569
- "name": "PreviewMain",
570
- "componentId": {
571
- "scope": "teambit.preview",
572
- "name": "preview"
573
- }
537
+ "name": "PreviewMain"
574
538
  },
575
539
  {
576
540
  "__schema": "TypeRefSchema",
@@ -579,11 +543,7 @@
579
543
  "line": 23,
580
544
  "character": 59
581
545
  },
582
- "name": "GraphqlMain",
583
- "componentId": {
584
- "scope": "teambit.harmony",
585
- "name": "graphql"
586
- }
546
+ "name": "GraphqlMain"
587
547
  }
588
548
  ]
589
549
  },
@@ -674,7 +634,7 @@
674
634
  "componentId": {
675
635
  "scope": "teambit.component",
676
636
  "name": "component-sizer",
677
- "version": "1.0.433"
637
+ "version": "1.0.435"
678
638
  },
679
639
  "taggedModuleExports": []
680
640
  }
@@ -1,5 +1,6 @@
1
1
  import React, { useContext } from 'react';
2
2
  import { UIRuntime } from '@teambit/ui';
3
+ import { useQuery } from '@teambit/ui-foundation.ui.react-router.use-query';
3
4
  import { ComponentModel } from '@teambit/component';
4
5
  import { DocsAspect, DocsUI } from '@teambit/docs';
5
6
  import { ComponentSize } from '@teambit/component.ui.component-size';
@@ -22,7 +23,12 @@ export class SizerUIRuntime {
22
23
  docs.registerTitleBadge({
23
24
  component: function badge({ legacyComponentModel }: { legacyComponentModel: ComponentModel }) {
24
25
  const workspace = useContext(WorkspaceContext);
25
- const workspaceComponent = workspace?.getComponent(legacyComponentModel.id);
26
+ const query = useQuery();
27
+ const workspaceComponent = workspace?.components.find((component) =>
28
+ component.id.isEqual(legacyComponentModel.id)
29
+ );
30
+ const componentVersionFromUrl = query.get('version');
31
+ const isWorkspaceVersion = Boolean(workspaceComponent && !componentVersionFromUrl);
26
32
  const size = legacyComponentModel.size;
27
33
  const isModified = Boolean(
28
34
  workspaceComponent?.status?.modifyInfo?.hasModifiedFiles ||
@@ -30,7 +36,7 @@ export class SizerUIRuntime {
30
36
  );
31
37
  const sizeExistsBuComponentModified = Boolean(size && isModified);
32
38
 
33
- if (sizeExistsBuComponentModified) {
39
+ if (isWorkspaceVersion && sizeExistsBuComponentModified) {
34
40
  return (
35
41
  <Tooltip
36
42
  className={styles.componentSizeTooltip}
@@ -18,6 +18,13 @@ function _ui() {
18
18
  };
19
19
  return data;
20
20
  }
21
+ function _uiFoundationUiReactRouter() {
22
+ const data = require("@teambit/ui-foundation.ui.react-router.use-query");
23
+ _uiFoundationUiReactRouter = function () {
24
+ return data;
25
+ };
26
+ return data;
27
+ }
21
28
  function _docs() {
22
29
  const data = require("@teambit/docs");
23
30
  _docs = function () {
@@ -83,11 +90,14 @@ class SizerUIRuntime {
83
90
  legacyComponentModel
84
91
  }) {
85
92
  const workspace = (0, _react().useContext)(_workspace().WorkspaceContext);
86
- const workspaceComponent = workspace?.getComponent(legacyComponentModel.id);
93
+ const query = (0, _uiFoundationUiReactRouter().useQuery)();
94
+ const workspaceComponent = workspace?.components.find(component => component.id.isEqual(legacyComponentModel.id));
95
+ const componentVersionFromUrl = query.get('version');
96
+ const isWorkspaceVersion = Boolean(workspaceComponent && !componentVersionFromUrl);
87
97
  const size = legacyComponentModel.size;
88
98
  const isModified = Boolean(workspaceComponent?.status?.modifyInfo?.hasModifiedFiles || workspaceComponent?.status?.modifyInfo?.hasModifiedDependencies);
89
99
  const sizeExistsBuComponentModified = Boolean(size && isModified);
90
- if (sizeExistsBuComponentModified) {
100
+ if (isWorkspaceVersion && sizeExistsBuComponentModified) {
91
101
  return /*#__PURE__*/_react().default.createElement(_designUi2().Tooltip, {
92
102
  className: _componentSizerModule().default.componentSizeTooltip,
93
103
  placement: "top",
@@ -1 +1 @@
1
- {"version":3,"names":["_react","data","_interopRequireWildcard","require","_ui","_docs","_componentUi","_workspace","_designUi","_designUi2","_componentSizer","_componentSizerModule","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_defineProperty","_toPropertyKey","value","enumerable","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","SizerUIRuntime","provider","docs","registerTitleBadge","component","badge","legacyComponentModel","workspace","useContext","WorkspaceContext","workspaceComponent","getComponent","id","size","isModified","Boolean","status","modifyInfo","hasModifiedFiles","hasModifiedDependencies","sizeExistsBuComponentModified","createElement","Tooltip","className","styles","componentSizeTooltip","placement","content","componentSizeTooltipContent","PillLabel","label","style","width","marginRight","src","ComponentSize","weight","exports","DocsAspect","UIRuntime","ComponentSizerAspect","addRuntime"],"sources":["component-sizer.ui.runtime.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { UIRuntime } from '@teambit/ui';\nimport { ComponentModel } from '@teambit/component';\nimport { DocsAspect, DocsUI } from '@teambit/docs';\nimport { ComponentSize } from '@teambit/component.ui.component-size';\nimport { WorkspaceContext } from '@teambit/workspace';\nimport { PillLabel } from '@teambit/design.ui.pill-label';\nimport { Tooltip } from '@teambit/design.ui.tooltip';\nimport { ComponentSizerAspect } from './component-sizer.aspect';\n\nimport styles from './component-sizer.module.scss';\n\n/**\n * Component size aspect.\n */\nexport class SizerUIRuntime {\n static dependencies = [DocsAspect];\n\n static runtime = UIRuntime;\n\n static async provider([docs]: [DocsUI]) {\n docs.registerTitleBadge({\n component: function badge({ legacyComponentModel }: { legacyComponentModel: ComponentModel }) {\n const workspace = useContext(WorkspaceContext);\n const workspaceComponent = workspace?.getComponent(legacyComponentModel.id);\n const size = legacyComponentModel.size;\n const isModified = Boolean(\n workspaceComponent?.status?.modifyInfo?.hasModifiedFiles ||\n workspaceComponent?.status?.modifyInfo?.hasModifiedDependencies\n );\n const sizeExistsBuComponentModified = Boolean(size && isModified);\n\n if (sizeExistsBuComponentModified) {\n return (\n <Tooltip\n className={styles.componentSizeTooltip}\n placement=\"top\"\n content={\n <div className={styles.componentSizeTooltipContent}>\n Component is modified. Size is calculated upon build\n </div>\n }\n >\n <div>\n <PillLabel className={styles.label}>\n <img\n style={{ width: '16px', marginRight: '4px' }}\n src=\"https://static.bit.dev/bit-icons/weight.svg\"\n />\n </PillLabel>\n </div>\n </Tooltip>\n );\n }\n\n return <ComponentSize legacyComponentModel={legacyComponentModel} />;\n },\n weight: 30,\n });\n }\n}\n\nComponentSizerAspect.addRuntime(SizerUIRuntime);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","data","_interopRequireWildcard","require","_ui","_uiFoundationUiReactRouter","_docs","_componentUi","_workspace","_designUi","_designUi2","_componentSizer","_componentSizerModule","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_defineProperty","_toPropertyKey","value","enumerable","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","SizerUIRuntime","provider","docs","registerTitleBadge","component","badge","legacyComponentModel","workspace","useContext","WorkspaceContext","query","useQuery","workspaceComponent","components","find","id","isEqual","componentVersionFromUrl","isWorkspaceVersion","Boolean","size","isModified","status","modifyInfo","hasModifiedFiles","hasModifiedDependencies","sizeExistsBuComponentModified","createElement","Tooltip","className","styles","componentSizeTooltip","placement","content","componentSizeTooltipContent","PillLabel","label","style","width","marginRight","src","ComponentSize","weight","exports","DocsAspect","UIRuntime","ComponentSizerAspect","addRuntime"],"sources":["component-sizer.ui.runtime.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { UIRuntime } from '@teambit/ui';\nimport { useQuery } from '@teambit/ui-foundation.ui.react-router.use-query';\nimport { ComponentModel } from '@teambit/component';\nimport { DocsAspect, DocsUI } from '@teambit/docs';\nimport { ComponentSize } from '@teambit/component.ui.component-size';\nimport { WorkspaceContext } from '@teambit/workspace';\nimport { PillLabel } from '@teambit/design.ui.pill-label';\nimport { Tooltip } from '@teambit/design.ui.tooltip';\nimport { ComponentSizerAspect } from './component-sizer.aspect';\n\nimport styles from './component-sizer.module.scss';\n\n/**\n * Component size aspect.\n */\nexport class SizerUIRuntime {\n static dependencies = [DocsAspect];\n\n static runtime = UIRuntime;\n\n static async provider([docs]: [DocsUI]) {\n docs.registerTitleBadge({\n component: function badge({ legacyComponentModel }: { legacyComponentModel: ComponentModel }) {\n const workspace = useContext(WorkspaceContext);\n const query = useQuery();\n const workspaceComponent = workspace?.components.find((component) =>\n component.id.isEqual(legacyComponentModel.id)\n );\n const componentVersionFromUrl = query.get('version');\n const isWorkspaceVersion = Boolean(workspaceComponent && !componentVersionFromUrl);\n const size = legacyComponentModel.size;\n const isModified = Boolean(\n workspaceComponent?.status?.modifyInfo?.hasModifiedFiles ||\n workspaceComponent?.status?.modifyInfo?.hasModifiedDependencies\n );\n const sizeExistsBuComponentModified = Boolean(size && isModified);\n\n if (isWorkspaceVersion && sizeExistsBuComponentModified) {\n return (\n <Tooltip\n className={styles.componentSizeTooltip}\n placement=\"top\"\n content={\n <div className={styles.componentSizeTooltipContent}>\n Component is modified. Size is calculated upon build\n </div>\n }\n >\n <div>\n <PillLabel className={styles.label}>\n <img\n style={{ width: '16px', marginRight: '4px' }}\n src=\"https://static.bit.dev/bit-icons/weight.svg\"\n />\n </PillLabel>\n </div>\n </Tooltip>\n );\n }\n\n return <ComponentSize legacyComponentModel={legacyComponentModel} />;\n },\n weight: 30,\n });\n }\n}\n\nComponentSizerAspect.addRuntime(SizerUIRuntime);\n"],"mappings":"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","ignoreList":[]}
@@ -1,5 +1,5 @@
1
- import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_component-sizer@1.0.433/dist/component-sizer.composition.js';
2
- import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_component-sizer@1.0.433/dist/component-sizer.docs.mdx';
1
+ import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_component-sizer@1.0.435/dist/component-sizer.composition.js';
2
+ import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_component-sizer@1.0.435/dist/component-sizer.docs.mdx';
3
3
 
4
4
  export const compositions = [compositions_0];
5
5
  export const overview = [overview_0];
package/package.json CHANGED
@@ -1,26 +1,27 @@
1
1
  {
2
2
  "name": "@teambit/component-sizer",
3
- "version": "1.0.433",
3
+ "version": "1.0.435",
4
4
  "homepage": "https://bit.cloud/teambit/component/component-sizer",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.component",
8
8
  "name": "component-sizer",
9
- "version": "1.0.433"
9
+ "version": "1.0.435"
10
10
  },
11
11
  "dependencies": {
12
12
  "graphql-tag": "2.12.1",
13
13
  "@teambit/harmony": "0.4.6",
14
14
  "@teambit/component.ui.component-size": "0.0.77",
15
15
  "@teambit/design.ui.pill-label": "0.0.356",
16
- "@teambit/component": "1.0.433",
17
- "@teambit/graphql": "1.0.433",
18
- "@teambit/cli": "0.0.1010",
19
- "@teambit/preview": "1.0.433",
16
+ "@teambit/ui-foundation.ui.react-router.use-query": "0.0.501",
17
+ "@teambit/component": "1.0.435",
18
+ "@teambit/graphql": "1.0.435",
19
+ "@teambit/cli": "0.0.1012",
20
+ "@teambit/preview": "1.0.435",
20
21
  "@teambit/design.ui.tooltip": "0.0.371",
21
- "@teambit/docs": "1.0.433",
22
- "@teambit/ui": "1.0.433",
23
- "@teambit/workspace": "1.0.433"
22
+ "@teambit/docs": "1.0.435",
23
+ "@teambit/ui": "1.0.435",
24
+ "@teambit/workspace": "1.0.435"
24
25
  },
25
26
  "devDependencies": {
26
27
  "@types/mocha": "9.1.0",