npm - @rsdoctor/components - Versions diffs - 1.5.17 → 1.6.0 - Mend

@rsdoctor/components 1.5.17 → 1.6.0

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.

Files changed (134) hide show

package/dist/components/Alerts/collapse-module-mixed-chunks.mjs CHANGED Viewed

@@ -3,6 +3,7 @@ import icons from "@ant-design/icons";
 import { Collapse, Space, Tag, Typography } from "antd";
 import overview from "../Overall/overview.mjs";
 import collapse_module from "./collapse.module.mjs";
+import index_module from "./index.module.mjs";
 import total_size from "../../common/svg/total-size.mjs";
 import { beautifyPath } from "../../utils/file.mjs";
 import { LabelComponent } from "./collapse-shared.mjs";
@@ -17,9 +18,6 @@ const ModuleMixedChunksAlertCollapse = (props)=>{
         const ChildComponent = ()=>/*#__PURE__*/ jsx("div", {
                 className: collapse_module.collapseContainer,
                 children: /*#__PURE__*/ jsx(overview, {
-                    style: {
-                        backgroundColor: '#fff'
-                    },
                     title: /*#__PURE__*/ jsxs(Space, {
                         children: [
                             /*#__PURE__*/ jsx(icons, {
@@ -36,9 +34,9 @@ const ModuleMixedChunksAlertCollapse = (props)=>{
                                     "Module:",
                                     ' ',
                                     /*#__PURE__*/ jsx(Text, {
+                                        type: "secondary",
                                         style: {
                                             fontSize: 12,
-                                            color: 'rgba(28, 31, 35, 0.6)',
                                             fontWeight: 300
                                         },
                                         children: modulePath
@@ -58,8 +56,7 @@ const ModuleMixedChunksAlertCollapse = (props)=>{
                                     /*#__PURE__*/ jsx("div", {
                                         style: {
                                             marginBottom: 8,
-                                            fontWeight: 500,
-                                            color: 'rgba(28, 31, 35, 0.85)'
+                                            fontWeight: 500
                                         },
                                         children: "Initial Chunks:"
                                     }),
@@ -89,8 +86,7 @@ const ModuleMixedChunksAlertCollapse = (props)=>{
                                     /*#__PURE__*/ jsx("div", {
                                         style: {
                                             marginBottom: 8,
-                                            fontWeight: 500,
-                                            color: 'rgba(28, 31, 35, 0.85)'
+                                            fontWeight: 500
                                         },
                                         children: "Async Chunks:"
                                     }),
@@ -123,10 +119,7 @@ const ModuleMixedChunksAlertCollapse = (props)=>{
             key: modulePath,
             label: /*#__PURE__*/ jsx(LabelComponent, {
                 title: /*#__PURE__*/ jsx(Tag, {
-                    style: {
-                        backgroundColor: '#EAEDF1',
-                        borderRadius: '2px'
-                    },
+                    className: index_module.tag,
                     children: /*#__PURE__*/ jsx("span", {
                         className: collapse_module.pkgName,
                         children: modulePath

package/dist/components/Alerts/collapse-module-mixed-chunks.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/Alerts/collapse-module-mixed-chunks.mjs","sources":["../../../src/components/Alerts/collapse-module-mixed-chunks.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport { beautifyPath } from '../../utils/file';\nimport { LabelComponent } from './collapse-shared';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nexport const ModuleMixedChunksAlertCollapse = (props: {\n data: Array<Rule.RuleStoreDataItem>;\n extraData: Omit<AlertProps, 'data'>;\n}) => {\n const { data, extraData } = props;\n const { cwd } = extraData;\n\n const items = data.map((d) => {\n const { module, initialChunks, asyncChunks } =\n d as Rule.ModuleMixedChunksRuleStoreData;\n\n const modulePath = beautifyPath(module.path, cwd);\n\n const ChildComponent = () => {\n return (\n <div className={styles.collapseContainer}>\n <Overview\n ~~style={{ backgroundColor: '#fff' }}\n~~ title={\n <Space>\n <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n <Text style={{ width: innerWidth > 1500 ? 900 : 700 }}>\n Module:{' '}\n <Text\n style={{\n fontSize: 12,\n ~~color: 'rgba(28, 31, 35, 0.6)',\n~~ fontWeight: 300,\n }}\n >\n {modulePath}\n </Text>\n </Text>\n </Space>\n }\n description={\n <div className={styles.collapseChild}>\n {initialChunks.length > 0 && (\n <div style={{ marginBottom: 16 }}>\n <div\n style={{\n marginBottom: 8,\n fontWeight: 500,\n ~~color: 'rgba(28, 31, 35, 0.85)',\n~~ }}\n >\n Initial Chunks:\n </div>\n {initialChunks.map((chunk) => (\n <div\n key={chunk.id}\n style={{ display: 'flex', marginBottom: 4 }}\n >\n <div className={styles.attribute}>Chunk</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>\n {chunk.name \|\| `chunk-${chunk.id}`}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n {asyncChunks.length > 0 && (\n <div>\n <div\n style={{\n marginBottom: 8,\n fontWeight: 500,\n ~~color: 'rgba(28, 31, 35, 0.85)',\n~~ }}\n >\n Async Chunks:\n </div>\n {asyncChunks.map((chunk) => (\n <div\n key={chunk.id}\n style={{ display: 'flex', marginBottom: 4 }}\n >\n <div className={styles.attribute}>Chunk</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>\n {chunk.name \|\|\n `(no chunk name, ChunkId: ${chunk.id})`}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n }\n />\n </div>\n );\n };\n\n return {\n key: modulePath,\n label: (\n <LabelComponent\n title={\n <Tag ~~style~~={~~{ backgroundColor: '#EAEDF1', borderRadius: '2px'~~ }}>\n <span className={styles.pkgName}>{modulePath}</span>\n </Tag>\n }\n description={`is included in both initial and async chunks.`}\n />\n ),\n children: <ChildComponent />,\n };\n });\n\n return (\n <Collapse\n style={{ width: '100%' }}\n defaultActiveKey={items.map((item) => item.key)}\n items={items}\n />\n );\n};\n"],"names":["Text","Typography","innerWidth","window","ModuleMixedChunksAlertCollapse","props","data","extraData","cwd","items","d","module","initialChunks","asyncChunks","modulePath","beautifyPath","ChildComponent","styles","Overview","Space","Icon","TotalSizeSvg","chunk","LabelComponent","Tag","Collapse","item"],"mappings":"~~;;;;;;;;AAYA~~,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAAA,uCAAU,EAAE,GAAGC;AAEhB,MAAMC,iCAAiC,CAACC;IAI7C,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGF;IAC5B,MAAM,EAAEG,GAAG,EAAE,GAAGD;IAEhB,MAAME,QAAQH,KAAK,GAAG,CAAC,CAACI;QACtB,MAAM,EAAEC,MAAM,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAC1CH;QAEF,MAAMI,aAAaC,aAAaJ,OAAO,IAAI,EAAEH;QAE7C,MAAMQ,iBAAiB,IACd,WAAP,GACE,IAAC;gBAAI,WAAWC,gBAAAA,iBAAwB;0BACtC,kBAACC,UAAQA;oBACP,~~OAAO;wBAAE,iBAAiB;oBAAO;oBACjC,~~qBACE,KAACC,OAAKA;;0CACJ,IAACC,OAAIA;gCAAC,OAAO;oCAAE,UAAU;gCAAO;gCAAG,WAAWC;;0CAC9C,KAACrB,MAAIA;gCAAC,OAAO;oCAAE,OAAOE,0CAAa,OAAO,MAAM;gCAAI;;oCAAG;oCAC7C;kDACR,IAACF,MAAIA;wCACH,OAAO;4CACL,UAAU;4CACV,~~OAAO;4CACP,~~YAAY;wCACd;kDAECc;;;;;;oBAKT,2BACE,KAAC;wBAAI,WAAWG,gBAAAA,aAAoB;;4BACjCL,cAAc,MAAM,GAAG,KAAK,WAAL,GACtB,KAAC;gCAAI,OAAO;oCAAE,cAAc;gCAAG;;kDAC7B,IAAC;wCACC,OAAO;4CACL,cAAc;4CACd,YAAY;~~4CACZ,OAAO~~;~~wCACT;~~kDACD;;oCAGAA,cAAc,GAAG,CAAC,CAACU,QAAAA,WAAAA,GAClB,KAAC;4CAEC,OAAO;gDAAE,SAAS;gDAAQ,cAAc;4CAAE;;8DAE1C,IAAC;oDAAI,WAAWL,gBAAAA,SAAgB;8DAAE;;8DAClC,IAAC;oDAAI,WAAWA,gBAAAA,aAAoB;8DAClC,kBAAC;wDAAK,WAAWA,gBAAAA,IAAW;kEACzBK,MAAM,IAAI,IAAI,CAAC,MAAM,EAAEA,MAAM,EAAE,EAAE;;;;2CANjCA,MAAM,EAAE;;;4BAapBT,YAAY,MAAM,GAAG,KAAK,WAAL,GACpB,KAAC;;kDACC,IAAC;wCACC,OAAO;4CACL,cAAc;4CACd,YAAY;~~4CACZ,OAAO~~;~~wCACT;~~kDACD;;oCAGAA,YAAY,GAAG,CAAC,CAACS,QAAAA,WAAAA,GAChB,KAAC;4CAEC,OAAO;gDAAE,SAAS;gDAAQ,cAAc;4CAAE;;8DAE1C,IAAC;oDAAI,WAAWL,gBAAAA,SAAgB;8DAAE;;8DAClC,IAAC;oDAAI,WAAWA,gBAAAA,aAAoB;8DAClC,kBAAC;wDAAK,WAAWA,gBAAAA,IAAW;kEACzBK,MAAM,IAAI,IACT,CAAC,yBAAyB,EAAEA,MAAM,EAAE,CAAC,CAAC,CAAC;;;;2CAPxCA,MAAM,EAAE;;;;;;;QAqBjC,OAAO;YACL,KAAKR;YACL,OAAO,WAAP,GACE,IAACS,gBAAcA;gBACb,qBACE,IAACC,KAAGA;oBAAC,~~OAAO;wBAAE~~,~~iBAAiB;wBAAW~~,~~cAAc~~;~~oBAAM;8BAC5D~~,kBAAC;wBAAK,~~WAAWP~~,gBAAAA,OAAc;kCAAGH;;;gBAGtC,aAAa;;YAGjB,UAAU,WAAV,GAAU,IAACE,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,~~IAACS~~,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,~~kBAAkBhB~~,MAAM,GAAG,CAAC,~~CAACiB~~,OAASA,KAAK,GAAG;QAC9C,~~OAAOjB~~;;AAGb"}
1	+ {"version":3,"file":"components/Alerts/collapse-module-mixed-chunks.mjs","sources":["../../../src/components/Alerts/collapse-module-mixed-chunks.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport utilStyles from './index.module.scss';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport { beautifyPath } from '../../utils/file';\nimport { LabelComponent } from './collapse-shared';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nexport const ModuleMixedChunksAlertCollapse = (props: {\n data: Array<Rule.RuleStoreDataItem>;\n extraData: Omit<AlertProps, 'data'>;\n}) => {\n const { data, extraData } = props;\n const { cwd } = extraData;\n\n const items = data.map((d) => {\n const { module, initialChunks, asyncChunks } =\n d as Rule.ModuleMixedChunksRuleStoreData;\n\n const modulePath = beautifyPath(module.path, cwd);\n\n const ChildComponent = () => {\n return (\n <div className={styles.collapseContainer}>\n <Overview\n title={\n <Space>\n <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n <Text style={{ width: innerWidth > 1500 ? 900 : 700 }}>\n Module:{' '}\n <Text\n type=\"secondary\"\n style={{\n fontSize: 12,\n fontWeight: 300,\n }}\n >\n {modulePath}\n </Text>\n </Text>\n </Space>\n }\n description={\n <div className={styles.collapseChild}>\n {initialChunks.length > 0 && (\n <div style={{ marginBottom: 16 }}>\n <div\n style={{\n marginBottom: 8,\n fontWeight: 500,\n }}\n >\n Initial Chunks:\n </div>\n {initialChunks.map((chunk) => (\n <div\n key={chunk.id}\n style={{ display: 'flex', marginBottom: 4 }}\n >\n <div className={styles.attribute}>Chunk</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>\n {chunk.name \|\| `chunk-${chunk.id}`}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n {asyncChunks.length > 0 && (\n <div>\n <div\n style={{\n marginBottom: 8,\n fontWeight: 500,\n }}\n >\n Async Chunks:\n </div>\n {asyncChunks.map((chunk) => (\n <div\n key={chunk.id}\n style={{ display: 'flex', marginBottom: 4 }}\n >\n <div className={styles.attribute}>Chunk</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>\n {chunk.name \|\|\n `(no chunk name, ChunkId: ${chunk.id})`}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n }\n />\n </div>\n );\n };\n\n return {\n key: modulePath,\n label: (\n <LabelComponent\n title={\n <Tag className={utilStyles.tag}>\n <span className={styles.pkgName}>{modulePath}</span>\n </Tag>\n }\n description={`is included in both initial and async chunks.`}\n />\n ),\n children: <ChildComponent />,\n };\n });\n\n return (\n <Collapse\n style={{ width: '100%' }}\n defaultActiveKey={items.map((item) => item.key)}\n items={items}\n />\n );\n};\n"],"names":["Text","Typography","innerWidth","window","ModuleMixedChunksAlertCollapse","props","data","extraData","cwd","items","d","module","initialChunks","asyncChunks","modulePath","beautifyPath","ChildComponent","styles","Overview","Space","Icon","TotalSizeSvg","chunk","LabelComponent","Tag","utilStyles","Collapse","item"],"mappings":";;;;;;;;;AAaA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAAA,uCAAU,EAAE,GAAGC;AAEhB,MAAMC,iCAAiC,CAACC;IAI7C,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGF;IAC5B,MAAM,EAAEG,GAAG,EAAE,GAAGD;IAEhB,MAAME,QAAQH,KAAK,GAAG,CAAC,CAACI;QACtB,MAAM,EAAEC,MAAM,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAC1CH;QAEF,MAAMI,aAAaC,aAAaJ,OAAO,IAAI,EAAEH;QAE7C,MAAMQ,iBAAiB,IACd,WAAP,GACE,IAAC;gBAAI,WAAWC,gBAAAA,iBAAwB;0BACtC,kBAACC,UAAQA;oBACP,qBACE,KAACC,OAAKA;;0CACJ,IAACC,OAAIA;gCAAC,OAAO;oCAAE,UAAU;gCAAO;gCAAG,WAAWC;;0CAC9C,KAACrB,MAAIA;gCAAC,OAAO;oCAAE,OAAOE,0CAAa,OAAO,MAAM;gCAAI;;oCAAG;oCAC7C;kDACR,IAACF,MAAIA;wCACH,MAAK;wCACL,OAAO;4CACL,UAAU;4CACV,YAAY;wCACd;kDAECc;;;;;;oBAKT,2BACE,KAAC;wBAAI,WAAWG,gBAAAA,aAAoB;;4BACjCL,cAAc,MAAM,GAAG,KAAK,WAAL,GACtB,KAAC;gCAAI,OAAO;oCAAE,cAAc;gCAAG;;kDAC7B,IAAC;wCACC,OAAO;4CACL,cAAc;4CACd,YAAY;wCACd;kDACD;;oCAGAA,cAAc,GAAG,CAAC,CAACU,QAAAA,WAAAA,GAClB,KAAC;4CAEC,OAAO;gDAAE,SAAS;gDAAQ,cAAc;4CAAE;;8DAE1C,IAAC;oDAAI,WAAWL,gBAAAA,SAAgB;8DAAE;;8DAClC,IAAC;oDAAI,WAAWA,gBAAAA,aAAoB;8DAClC,kBAAC;wDAAK,WAAWA,gBAAAA,IAAW;kEACzBK,MAAM,IAAI,IAAI,CAAC,MAAM,EAAEA,MAAM,EAAE,EAAE;;;;2CANjCA,MAAM,EAAE;;;4BAapBT,YAAY,MAAM,GAAG,KAAK,WAAL,GACpB,KAAC;;kDACC,IAAC;wCACC,OAAO;4CACL,cAAc;4CACd,YAAY;wCACd;kDACD;;oCAGAA,YAAY,GAAG,CAAC,CAACS,QAAAA,WAAAA,GAChB,KAAC;4CAEC,OAAO;gDAAE,SAAS;gDAAQ,cAAc;4CAAE;;8DAE1C,IAAC;oDAAI,WAAWL,gBAAAA,SAAgB;8DAAE;;8DAClC,IAAC;oDAAI,WAAWA,gBAAAA,aAAoB;8DAClC,kBAAC;wDAAK,WAAWA,gBAAAA,IAAW;kEACzBK,MAAM,IAAI,IACT,CAAC,yBAAyB,EAAEA,MAAM,EAAE,CAAC,CAAC,CAAC;;;;2CAPxCA,MAAM,EAAE;;;;;;;QAqBjC,OAAO;YACL,KAAKR;YACL,OAAO,WAAP,GACE,IAACS,gBAAcA;gBACb,qBACE,IAACC,KAAGA;oBAAC,WAAWC,aAAAA,GAAc;8BAC5B,kBAAC;wBAAK,WAAWR,gBAAAA,OAAc;kCAAGH;;;gBAGtC,aAAa;;YAGjB,UAAU,WAAV,GAAU,IAACE,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,IAACU,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkBjB,MAAM,GAAG,CAAC,CAACkB,OAASA,KAAK,GAAG;QAC9C,OAAOlB;;AAGb"}

package/dist/components/Alerts/collapse-side-effects-only-imports.mjs CHANGED Viewed

@@ -3,6 +3,7 @@ import icons from "@ant-design/icons";
 import { Collapse, Space, Tag, Typography } from "antd";
 import overview from "../Overall/overview.mjs";
 import collapse_module from "./collapse.module.mjs";
+import index_module from "./index.module.mjs";
 import total_size from "../../common/svg/total-size.mjs";
 import { beautifyPath } from "../../utils/file.mjs";
 import { IdeIcons, LabelComponent } from "./collapse-shared.mjs";
@@ -17,9 +18,6 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
         const ChildComponent = ()=>/*#__PURE__*/ jsx("div", {
                 className: collapse_module.collapseContainer,
                 children: /*#__PURE__*/ jsx(overview, {
-                    style: {
-                        backgroundColor: '#fff'
-                    },
                     title: /*#__PURE__*/ jsxs(Space, {
                         align: "center",
                         children: [
@@ -37,9 +35,9 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                                     "Module:",
                                     ' ',
                                     /*#__PURE__*/ jsx(Text, {
+                                        type: "secondary",
                                         style: {
                                             fontSize: 12,
-                                            color: 'rgba(28, 31, 35, 0.6)',
                                             fontWeight: 300
                                         },
                                         children: modulePath
@@ -57,8 +55,7 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                             /*#__PURE__*/ jsx("div", {
                                 style: {
                                     marginBottom: 8,
-                                    fontWeight: 500,
-                                    color: 'rgba(28, 31, 35, 0.85)'
+                                    fontWeight: 500
                                 },
                                 children: "Side-Effects-Only Importers:"
                             }),
@@ -80,10 +77,9 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                                                     children: conn.userRequest
                                                 }),
                                                 /*#__PURE__*/ jsx(Tag, {
+                                                    className: index_module.tag,
                                                     style: {
                                                         marginLeft: 8,
-                                                        backgroundColor: '#EAEDF1',
-                                                        borderRadius: '2px',
                                                         fontSize: 11
                                                     },
                                                     children: conn.dependencyType
@@ -103,10 +99,7 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                     size: 4,
                     align: "center",
                     children: /*#__PURE__*/ jsx(Tag, {
-                        style: {
-                            backgroundColor: '#EAEDF1',
-                            borderRadius: '2px'
-                        },
+                        className: index_module.tag,
                         children: /*#__PURE__*/ jsx("span", {
                             className: collapse_module.pkgName,
                             children: modulePath

package/dist/components/Alerts/collapse-side-effects-only-imports.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/Alerts/collapse-side-effects-only-imports.mjs","sources":["../../../src/components/Alerts/collapse-side-effects-only-imports.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport { beautifyPath } from '../../utils/file';\nimport { LabelComponent, IdeIcons } from './collapse-shared';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nexport const SideEffectsOnlyImportsAlertCollapse = (props: {\n data: Array<Rule.RuleStoreDataItem>;\n extraData: Omit<AlertProps, 'data'>;\n}) => {\n const { data, extraData } = props;\n const { cwd } = extraData;\n\n const items = data.map((d) => {\n const { module, connections } =\n d as Rule.ConnectionsOnlyImportsRuleStoreData;\n\n const modulePath = beautifyPath(module.path, cwd);\n\n const ChildComponent = () => {\n return (\n <div className={styles.collapseContainer}>\n <Overview\n ~~style={{ backgroundColor: '#fff' }}\n~~ title={\n <Space align=\"center\">\n <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n <Text style={{ width: innerWidth > 1500 ? 900 : 700 }}>\n Module:{' '}\n <Text\n style={{\n fontSize: 12,\n ~~color: 'rgba(28, 31, 35, 0.6)',\n~~ fontWeight: 300,\n }}\n >\n {modulePath}\n </Text>\n </Text>\n <IdeIcons file={module.path} />\n </Space>\n }\n description={\n <div className={styles.collapseChild}>\n <div\n style={{\n marginBottom: 8,\n fontWeight: 500,\n ~~color: 'rgba(28, 31, 35, 0.85)',\n~~ }}\n >\n Side-Effects-Only Importers:\n </div>\n {connections.map((conn, idx) => (\n <div key={idx} style={{ display: 'flex', marginBottom: 4 }}>\n <div className={styles.attribute}>Import</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>{conn.userRequest}</span>\n <Tag\n style={{\n marginLeft: 8,\n ~~backgroundColor: '#EAEDF1',\n borderRadius: '2px',\n~~ fontSize: 11,\n }}\n >\n {conn.dependencyType}\n </Tag>\n </div>\n </div>\n ))}\n </div>\n }\n />\n </div>\n );\n };\n\n return {\n key: modulePath,\n label: (\n <LabelComponent\n title={\n <Space size={4} align=\"center\">\n <Tag ~~style~~={~~{ backgroundColor: '#EAEDF1', borderRadius: '2px'~~ }}>\n <span className={styles.pkgName}>{modulePath}</span>\n </Tag>\n </Space>\n }\n description={`is only imported for its side effects by ${new Set(connections.map((c) => c.originModule)).size} importer(s).`}\n />\n ),\n children: <ChildComponent />,\n };\n });\n\n return (\n <Collapse\n style={{ width: '100%' }}\n defaultActiveKey={items.map((item) => item.key)}\n items={items}\n />\n );\n};\n"],"names":["Text","Typography","innerWidth","window","SideEffectsOnlyImportsAlertCollapse","props","data","extraData","cwd","items","d","module","connections","modulePath","beautifyPath","ChildComponent","styles","Overview","Space","Icon","TotalSizeSvg","IdeIcons","conn","idx","Tag","LabelComponent","Set","c","Collapse","item"],"mappings":"~~;;;;;;;;AAYA~~,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAAA,6CAAU,EAAE,GAAGC;AAEhB,MAAMC,sCAAsC,CAACC;IAIlD,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGF;IAC5B,MAAM,EAAEG,GAAG,EAAE,GAAGD;IAEhB,MAAME,QAAQH,KAAK,GAAG,CAAC,CAACI;QACtB,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAC3BF;QAEF,MAAMG,aAAaC,aAAaH,OAAO,IAAI,EAAEH;QAE7C,MAAMO,iBAAiB,IACd,WAAP,GACE,IAAC;gBAAI,WAAWC,gBAAAA,iBAAwB;0BACtC,kBAACC,UAAQA;oBACP,~~OAAO;wBAAE,iBAAiB;oBAAO;oBACjC,~~qBACE,KAACC,OAAKA;wBAAC,OAAM;;0CACX,IAACC,OAAIA;gCAAC,OAAO;oCAAE,UAAU;gCAAO;gCAAG,WAAWC;;0CAC9C,KAACpB,MAAIA;gCAAC,OAAO;oCAAE,OAAOE,gDAAa,OAAO,MAAM;gCAAI;;oCAAG;oCAC7C;kDACR,IAACF,MAAIA;wCACH,OAAO;4CACL,UAAU;4CACV,~~OAAO;4CACP,~~YAAY;wCACd;kDAECa;;;;0CAGL,IAACQ,UAAQA;gCAAC,MAAMV,OAAO,IAAI;;;;oBAG/B,2BACE,KAAC;wBAAI,WAAWK,gBAAAA,aAAoB;;0CAClC,IAAC;gCACC,OAAO;oCACL,cAAc;oCACd,YAAY;~~oCACZ,OAAO~~;~~gCACT;~~0CACD;;4BAGAJ,YAAY,GAAG,CAAC,CAACU,MAAMC,MAAAA,WAAAA,GACtB,KAAC;oCAAc,OAAO;wCAAE,SAAS;wCAAQ,cAAc;oCAAE;;sDACvD,IAAC;4CAAI,WAAWP,gBAAAA,SAAgB;sDAAE;;sDAClC,KAAC;4CAAI,WAAWA,gBAAAA,aAAoB;;8DAClC,IAAC;oDAAK,WAAWA,gBAAAA,IAAW;8DAAGM,KAAK,WAAW;;8DAC/C,IAACE,KAAGA;oDACF,OAAO;wDACL,YAAY;wDACZ,~~iBAAiB;wDACjB,cAAc;wDACd,~~UAAU;oDACZ;~~8DAECF~~,KAAK,cAAc;;;;;~~mCAZhBC~~;;;;;~~QAwBxB~~,OAAO;YACL,KAAKV;YACL,OAAO,WAAP,GACE,~~IAACY~~,gBAAcA;gBACb,qBACE,~~IAACP~~,OAAKA;oBAAC,MAAM;oBAAG,OAAM;8BACpB,kBAACM,KAAGA;wBAAC,~~OAAO;4BAAE~~,~~iBAAiB;4BAAW~~,~~cAAc~~;~~wBAAM;kCAC5D~~,kBAAC;4BAAK,~~WAAWR~~,gBAAAA,OAAc;sCAAGH;;;;gBAIxC,aAAa,CAAC,yCAAyC,EAAE,~~IAAIa~~,~~IAAId~~,YAAY,GAAG,CAAC,~~CAACe~~,IAAMA,EAAE,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;;YAGhI,UAAU,WAAV,GAAU,~~IAACZ~~,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,~~IAACa~~,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,~~kBAAkBnB~~,MAAM,GAAG,CAAC,~~CAACoB~~,OAASA,KAAK,GAAG;QAC9C,~~OAAOpB~~;;AAGb"}
1	+ {"version":3,"file":"components/Alerts/collapse-side-effects-only-imports.mjs","sources":["../../../src/components/Alerts/collapse-side-effects-only-imports.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport utilStyles from './index.module.scss';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport { beautifyPath } from '../../utils/file';\nimport { LabelComponent, IdeIcons } from './collapse-shared';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nexport const SideEffectsOnlyImportsAlertCollapse = (props: {\n data: Array<Rule.RuleStoreDataItem>;\n extraData: Omit<AlertProps, 'data'>;\n}) => {\n const { data, extraData } = props;\n const { cwd } = extraData;\n\n const items = data.map((d) => {\n const { module, connections } =\n d as Rule.ConnectionsOnlyImportsRuleStoreData;\n\n const modulePath = beautifyPath(module.path, cwd);\n\n const ChildComponent = () => {\n return (\n <div className={styles.collapseContainer}>\n <Overview\n title={\n <Space align=\"center\">\n <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n <Text style={{ width: innerWidth > 1500 ? 900 : 700 }}>\n Module:{' '}\n <Text\n type=\"secondary\"\n style={{\n fontSize: 12,\n fontWeight: 300,\n }}\n >\n {modulePath}\n </Text>\n </Text>\n <IdeIcons file={module.path} />\n </Space>\n }\n description={\n <div className={styles.collapseChild}>\n <div\n style={{\n marginBottom: 8,\n fontWeight: 500,\n }}\n >\n Side-Effects-Only Importers:\n </div>\n {connections.map((conn, idx) => (\n <div key={idx} style={{ display: 'flex', marginBottom: 4 }}>\n <div className={styles.attribute}>Import</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>{conn.userRequest}</span>\n <Tag\n className={utilStyles.tag}\n style={{\n marginLeft: 8,\n fontSize: 11,\n }}\n >\n {conn.dependencyType}\n </Tag>\n </div>\n </div>\n ))}\n </div>\n }\n />\n </div>\n );\n };\n\n return {\n key: modulePath,\n label: (\n <LabelComponent\n title={\n <Space size={4} align=\"center\">\n <Tag className={utilStyles.tag}>\n <span className={styles.pkgName}>{modulePath}</span>\n </Tag>\n </Space>\n }\n description={`is only imported for its side effects by ${new Set(connections.map((c) => c.originModule)).size} importer(s).`}\n />\n ),\n children: <ChildComponent />,\n };\n });\n\n return (\n <Collapse\n style={{ width: '100%' }}\n defaultActiveKey={items.map((item) => item.key)}\n items={items}\n />\n );\n};\n"],"names":["Text","Typography","innerWidth","window","SideEffectsOnlyImportsAlertCollapse","props","data","extraData","cwd","items","d","module","connections","modulePath","beautifyPath","ChildComponent","styles","Overview","Space","Icon","TotalSizeSvg","IdeIcons","conn","idx","Tag","utilStyles","LabelComponent","Set","c","Collapse","item"],"mappings":";;;;;;;;;AAaA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAAA,6CAAU,EAAE,GAAGC;AAEhB,MAAMC,sCAAsC,CAACC;IAIlD,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGF;IAC5B,MAAM,EAAEG,GAAG,EAAE,GAAGD;IAEhB,MAAME,QAAQH,KAAK,GAAG,CAAC,CAACI;QACtB,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAC3BF;QAEF,MAAMG,aAAaC,aAAaH,OAAO,IAAI,EAAEH;QAE7C,MAAMO,iBAAiB,IACd,WAAP,GACE,IAAC;gBAAI,WAAWC,gBAAAA,iBAAwB;0BACtC,kBAACC,UAAQA;oBACP,qBACE,KAACC,OAAKA;wBAAC,OAAM;;0CACX,IAACC,OAAIA;gCAAC,OAAO;oCAAE,UAAU;gCAAO;gCAAG,WAAWC;;0CAC9C,KAACpB,MAAIA;gCAAC,OAAO;oCAAE,OAAOE,gDAAa,OAAO,MAAM;gCAAI;;oCAAG;oCAC7C;kDACR,IAACF,MAAIA;wCACH,MAAK;wCACL,OAAO;4CACL,UAAU;4CACV,YAAY;wCACd;kDAECa;;;;0CAGL,IAACQ,UAAQA;gCAAC,MAAMV,OAAO,IAAI;;;;oBAG/B,2BACE,KAAC;wBAAI,WAAWK,gBAAAA,aAAoB;;0CAClC,IAAC;gCACC,OAAO;oCACL,cAAc;oCACd,YAAY;gCACd;0CACD;;4BAGAJ,YAAY,GAAG,CAAC,CAACU,MAAMC,MAAAA,WAAAA,GACtB,KAAC;oCAAc,OAAO;wCAAE,SAAS;wCAAQ,cAAc;oCAAE;;sDACvD,IAAC;4CAAI,WAAWP,gBAAAA,SAAgB;sDAAE;;sDAClC,KAAC;4CAAI,WAAWA,gBAAAA,aAAoB;;8DAClC,IAAC;oDAAK,WAAWA,gBAAAA,IAAW;8DAAGM,KAAK,WAAW;;8DAC/C,IAACE,KAAGA;oDACF,WAAWC,aAAAA,GAAc;oDACzB,OAAO;wDACL,YAAY;wDACZ,UAAU;oDACZ;8DAECH,KAAK,cAAc;;;;;mCAXhBC;;;;;QAuBxB,OAAO;YACL,KAAKV;YACL,OAAO,WAAP,GACE,IAACa,gBAAcA;gBACb,qBACE,IAACR,OAAKA;oBAAC,MAAM;oBAAG,OAAM;8BACpB,kBAACM,KAAGA;wBAAC,WAAWC,aAAAA,GAAc;kCAC5B,kBAAC;4BAAK,WAAWT,gBAAAA,OAAc;sCAAGH;;;;gBAIxC,aAAa,CAAC,yCAAyC,EAAE,IAAIc,IAAIf,YAAY,GAAG,CAAC,CAACgB,IAAMA,EAAE,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;;YAGhI,UAAU,WAAV,GAAU,IAACb,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,IAACc,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkBpB,MAAM,GAAG,CAAC,CAACqB,OAASA,KAAK,GAAG;QAC9C,OAAOrB;;AAGb"}

package/dist/components/Alerts/collapse.mjs CHANGED Viewed

@@ -12,6 +12,7 @@ import source_size from "../../common/svg/source-size.mjs";
 import total_size from "../../common/svg/total-size.mjs";
 import svg_version from "../../common/svg/version.mjs";
 import collapse_module from "./collapse.module.mjs";
+import index_module from "./index.module.mjs";
 import { LabelComponent } from "./collapse-shared.mjs";
 const { Paragraph: Paragraph, Text: Text } = Typography;
 const { innerWidth: collapse_innerWidth } = window;
@@ -39,9 +40,6 @@ const AlertCollapse = (props)=>{
                     className: collapse_module.collapseContainer,
                     children: [
                         /*#__PURE__*/ jsx(overview, {
-                            style: {
-                                backgroundColor: '#fff'
-                            },
                             title: /*#__PURE__*/ jsx(Text, {
                                 style: {
                                     width: collapse_innerWidth > 1500 ? 900 : 700
@@ -153,10 +151,7 @@ const AlertCollapse = (props)=>{
             key: name,
             label: /*#__PURE__*/ jsx(LabelComponent, {
                 title: /*#__PURE__*/ jsx(Tag, {
-                    style: {
-                        backgroundColor: '#EAEDF1',
-                        borderRadius: '2px'
-                    },
+                    className: index_module.tag,
                     children: /*#__PURE__*/ jsx("span", {
                         className: collapse_module.pkgName,
                         children: name
@@ -205,9 +200,7 @@ const AlertCollapse = (props)=>{
                                         children: [
                                             /*#__PURE__*/ jsx(Title, {
                                                 text: /*#__PURE__*/ jsx(Tag, {
-                                                    style: {
-                                                        backgroundColor: '#EAEDF1'
-                                                    },
+                                                    className: index_module.tag,
                                                     children: name
                                                 }),
                                                 upperFirst: false

package/dist/components/Alerts/collapse.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/Alerts/collapse.mjs","sources":["../../../src/components/Alerts/collapse.tsx"],"sourcesContent":["import { Collapse, Typography, Divider, Space, Tabs, Tag, Tooltip } from 'antd';\nimport Icon from '@ant-design/icons';\nimport { sumBy } from 'es-toolkit/compat';\n\nimport Overview from '../Overall/overview';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { Size } from '../../constants';\nimport { formatSize } from '../../utils';\nimport BundleSizeSvg from '../../common/svg/bundle-size.svg';\nimport SourceSizeSvg from '../../common/svg/source-size.svg';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport VersionSvg from '../../common/svg/version.svg';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport type { AlertProps } from '../Alert/types';\n\nimport styles from './collapse.module.scss';\nimport { LabelComponent } from './collapse-shared';\n\nconst { Paragraph, Text } = Typography;\nconst { innerWidth } = window;\n\nexport const AlertCollapse = (props: {\n data: Array<Rule.RuleStoreDataItem>;\n extraData: Omit<AlertProps, 'data'>;\n}) => {\n const { data, extraData } = props;\n\n const items = data\n .map((d) => {\n const data = d as Rule.PackageRelationDiffRuleStoreData;\n const { packages } = data;\n const totalSize = sumBy(packages, (e) => e.targetSize.sourceSize);\n\n return {\n totalSize,\n data,\n };\n })\n .sort((a, b) => {\n return b.totalSize - a.totalSize;\n })\n .map(({ data, totalSize }) => {\n const { packages } = data;\n const totalSizeStr = formatSize(totalSize);\n const { name } = packages.find((e) => !!e.target.name)!.target;\n const versions = packages.map((item) => item.target.version);\n\n const ChildComponent = () => {\n return packages.map((pkg, idx) => {\n const version = pkg.target.version;\n const root = pkg.target.root;\n const sizeStr = formatSize(pkg.targetSize.sourceSize);\n const parsedSizeStr = pkg.targetSize.parsedSize\n ? formatSize(pkg.targetSize.parsedSize)\n : null;\n\n return (\n <div className={styles.collapseContainer}>\n <Overview\n style={{ backgroundColor: '#fff' }}\n title={\n <Text\n style={{ width: innerWidth > 1500 ? 900 : 700 }}\n ellipsis={{\n tooltip: root,\n }}\n >\n {root}\n </Text>\n }\n description={\n <div className={styles.collapseChild}>\n <div>\n <div className={styles.attribute}>Version</div>\n <div className={styles.iconContainer}>\n <Icon\n style={{ fontSize: '18px' }}\n component={VersionSvg}\n />\n <span className={styles.data}>v{version}</span>\n </div>\n </div>\n <div>\n <div className={styles.attribute}>Source size</div>\n <div className={styles.iconContainer}>\n <Icon\n style={{ fontSize: '18px' }}\n component={SourceSizeSvg}\n />\n <span className={styles.data}>{sizeStr}</span>\n </div>\n </div>\n <div>\n <div className={styles.attribute}>Bundle size</div>\n <div className={styles.iconContainer}>\n <Icon\n style={{ fontSize: '18px' }}\n component={BundleSizeSvg}\n />\n <Tooltip\n title={`The bundle size of \"${name}\" is ${sizeStr}, this is after bundled, concatenated module cannot get bundled size. `}\n >\n <span className={styles.data}>\n {parsedSizeStr \|\| 'CONCATENATED'}\n </span>\n </Tooltip>\n </div>\n </div>\n </div>\n }\n icon={\n <Paragraph\n style={{ position: 'relative', top: '-10px' }}\n copyable={{ text: root }}\n />\n }\n />\n {idx !== packages.length - 1 ? (\n <Divider style={{ margin: '10px 0' }} />\n ) : null}\n </div>\n );\n });\n };\n\n return {\n key: name,\n label: (\n <LabelComponent\n title={\n <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n <span className={styles.pkgName}>{name}</span>\n </Tag>\n }\n description={`${packages.length} versions was found`}\n extra={\n <div className={styles.extraContainer}>\n <div className={styles.iconContainer}>\n <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n <span className={styles.data}>{totalSizeStr}</span>\n </div>\n {packages && packages.length > 0 ? (\n <TextDrawer\n text=\"Show Relations\"\n buttonProps={{ size: 'small' }}\n drawerProps={{ title: data.title, width: '60%' }}\n >\n <Space\n direction=\"vertical\"\n className=\"alert-space\"\n style={{ width: '100%' }}\n >\n <Space\n style={{\n marginBottom: Size.BasePadding / 2,\n width: '100%',\n }}\n >\n <Title\n text={\n <Tag style={{ backgroundColor: '#EAEDF1' }}>\n {name}\n </Tag>\n }\n upperFirst={false}\n />\n <Typography.Text strong>\n {versions.length}\n </Typography.Text>\n <Typography.Text> versions found</Typography.Text>\n </Space>\n <Tabs\n size=\"middle\"\n items={\n packages.map((pkg) => {\n const { target, targetSize } = pkg;\n return {\n label: (\n <Space className={styles.drawerLabelTitle}>\n <div>v{target.version}</div>\n <Tag className={styles.drawerLabelSize}>\n {formatSize(targetSize.sourceSize)}\n </Tag>\n </Space>\n ),\n key: `${target.root}${target.name}${target.version}`,\n children:\n extraData.getPackageRelationContentComponent({\n data,\n package: pkg,\n }),\n };\n })!\n }\n />\n </Space>\n </TextDrawer>\n ) : null}\n </div>\n }\n />\n ),\n children: <ChildComponent />,\n };\n });\n\n return (\n <Collapse\n style={{ width: '100%' }}\n defaultActiveKey={['E1001']}\n items={items}\n />\n );\n};\n"],"names":["Paragraph","Text","Typography","innerWidth","window","AlertCollapse","props","data","extraData","items","d","packages","totalSize","sumBy","e","a","b","totalSizeStr","formatSize","name","versions","item","ChildComponent","pkg","idx","version","root","sizeStr","parsedSizeStr","styles","Overview","Icon","VersionSvg","SourceSizeSvg","BundleSizeSvg","Tooltip","Divider","LabelComponent","Tag","TotalSizeSvg","TextDrawer","Space","Size","Title","Tabs","target","targetSize","Collapse"],"mappings":"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"}
1	+ {"version":3,"file":"components/Alerts/collapse.mjs","sources":["../../../src/components/Alerts/collapse.tsx"],"sourcesContent":["import { Collapse, Typography, Divider, Space, Tabs, Tag, Tooltip } from 'antd';\nimport Icon from '@ant-design/icons';\nimport { sumBy } from 'es-toolkit/compat';\n\nimport Overview from '../Overall/overview';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { Size } from '../../constants';\nimport { formatSize } from '../../utils';\nimport BundleSizeSvg from '../../common/svg/bundle-size.svg';\nimport SourceSizeSvg from '../../common/svg/source-size.svg';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport VersionSvg from '../../common/svg/version.svg';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport type { AlertProps } from '../Alert/types';\n\nimport styles from './collapse.module.scss';\nimport utilStyles from './index.module.scss';\nimport { LabelComponent } from './collapse-shared';\n\nconst { Paragraph, Text } = Typography;\nconst { innerWidth } = window;\n\nexport const AlertCollapse = (props: {\n data: Array<Rule.RuleStoreDataItem>;\n extraData: Omit<AlertProps, 'data'>;\n}) => {\n const { data, extraData } = props;\n\n const items = data\n .map((d) => {\n const data = d as Rule.PackageRelationDiffRuleStoreData;\n const { packages } = data;\n const totalSize = sumBy(packages, (e) => e.targetSize.sourceSize);\n\n return {\n totalSize,\n data,\n };\n })\n .sort((a, b) => {\n return b.totalSize - a.totalSize;\n })\n .map(({ data, totalSize }) => {\n const { packages } = data;\n const totalSizeStr = formatSize(totalSize);\n const { name } = packages.find((e) => !!e.target.name)!.target;\n const versions = packages.map((item) => item.target.version);\n\n const ChildComponent = () => {\n return packages.map((pkg, idx) => {\n const version = pkg.target.version;\n const root = pkg.target.root;\n const sizeStr = formatSize(pkg.targetSize.sourceSize);\n const parsedSizeStr = pkg.targetSize.parsedSize\n ? formatSize(pkg.targetSize.parsedSize)\n : null;\n\n return (\n <div className={styles.collapseContainer}>\n <Overview\n title={\n <Text\n style={{ width: innerWidth > 1500 ? 900 : 700 }}\n ellipsis={{\n tooltip: root,\n }}\n >\n {root}\n </Text>\n }\n description={\n <div className={styles.collapseChild}>\n <div>\n <div className={styles.attribute}>Version</div>\n <div className={styles.iconContainer}>\n <Icon\n style={{ fontSize: '18px' }}\n component={VersionSvg}\n />\n <span className={styles.data}>v{version}</span>\n </div>\n </div>\n <div>\n <div className={styles.attribute}>Source size</div>\n <div className={styles.iconContainer}>\n <Icon\n style={{ fontSize: '18px' }}\n component={SourceSizeSvg}\n />\n <span className={styles.data}>{sizeStr}</span>\n </div>\n </div>\n <div>\n <div className={styles.attribute}>Bundle size</div>\n <div className={styles.iconContainer}>\n <Icon\n style={{ fontSize: '18px' }}\n component={BundleSizeSvg}\n />\n <Tooltip\n title={`The bundle size of \"${name}\" is ${sizeStr}, this is after bundled, concatenated module cannot get bundled size. `}\n >\n <span className={styles.data}>\n {parsedSizeStr \|\| 'CONCATENATED'}\n </span>\n </Tooltip>\n </div>\n </div>\n </div>\n }\n icon={\n <Paragraph\n style={{ position: 'relative', top: '-10px' }}\n copyable={{ text: root }}\n />\n }\n />\n {idx !== packages.length - 1 ? (\n <Divider style={{ margin: '10px 0' }} />\n ) : null}\n </div>\n );\n });\n };\n\n return {\n key: name,\n label: (\n <LabelComponent\n title={\n <Tag className={utilStyles.tag}>\n <span className={styles.pkgName}>{name}</span>\n </Tag>\n }\n description={`${packages.length} versions was found`}\n extra={\n <div className={styles.extraContainer}>\n <div className={styles.iconContainer}>\n <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n <span className={styles.data}>{totalSizeStr}</span>\n </div>\n {packages && packages.length > 0 ? (\n <TextDrawer\n text=\"Show Relations\"\n buttonProps={{ size: 'small' }}\n drawerProps={{ title: data.title, width: '60%' }}\n >\n <Space\n direction=\"vertical\"\n className=\"alert-space\"\n style={{ width: '100%' }}\n >\n <Space\n style={{\n marginBottom: Size.BasePadding / 2,\n width: '100%',\n }}\n >\n <Title\n text={<Tag className={utilStyles.tag}>{name}</Tag>}\n upperFirst={false}\n />\n <Typography.Text strong>\n {versions.length}\n </Typography.Text>\n <Typography.Text> versions found</Typography.Text>\n </Space>\n <Tabs\n size=\"middle\"\n items={packages.map((pkg) => {\n const { target, targetSize } = pkg;\n return {\n label: (\n <Space className={styles.drawerLabelTitle}>\n <div>v{target.version}</div>\n <Tag className={styles.drawerLabelSize}>\n {formatSize(targetSize.sourceSize)}\n </Tag>\n </Space>\n ),\n key: `${target.root}${target.name}${target.version}`,\n children:\n extraData.getPackageRelationContentComponent({\n data,\n package: pkg,\n }),\n };\n })!}\n />\n </Space>\n </TextDrawer>\n ) : null}\n </div>\n }\n />\n ),\n children: <ChildComponent />,\n };\n });\n\n return (\n <Collapse\n style={{ width: '100%' }}\n defaultActiveKey={['E1001']}\n items={items}\n />\n );\n};\n"],"names":["Paragraph","Text","Typography","innerWidth","window","AlertCollapse","props","data","extraData","items","d","packages","totalSize","sumBy","e","a","b","totalSizeStr","formatSize","name","versions","item","ChildComponent","pkg","idx","version","root","sizeStr","parsedSizeStr","styles","Overview","Icon","VersionSvg","SourceSizeSvg","BundleSizeSvg","Tooltip","Divider","LabelComponent","Tag","utilStyles","TotalSizeSvg","TextDrawer","Space","Size","Title","Tabs","target","targetSize","Collapse"],"mappings":"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"}

package/dist/components/Alerts/collapse_module.css CHANGED Viewed

@@ -29,7 +29,7 @@
 .collapseContainer-RlFMpI .collapseChild-WWZD3z .attribute-bDSZ0z {
   text-align: left;
-  color: #00000073;
+  color: var(--text-color-secondary);
   margin: 5px 0;
   font-size: 12px;
   font-weight: 400;

package/dist/components/Alerts/collapse_module.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["webpack://./src/components/Alerts/collapse.module.scss"],"names":[],"mappings":"AAAA;EACE,8BAA8B;EAC9B,aAAa;AACf;;AAHkD;EAMhD,sBAAsB;AACxB;;AAP4G;EAU1G,aAAa;AACf;;AAX8I;EAc5I,kBAAkB;AACpB;;AAfuL;EAkBrL,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,aAAa;AACf;;AAvBsS;EA0BpS,kBAAkB;AACpB;;AA3B4V;EA8B1V,gBAAgB;EAChB,~~gBAAgB~~;~~EAChB~~,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;~~AApCof~~;~~EAuClf~~,kBAAkB;EAClB,SAAS;EACT,UAAU;AACZ;;~~AA1CikB~~;~~EA6C/jB~~,6BAA6B;EAC7B,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;AACf;;~~AAjDgqB~~;~~EAoD9pB~~,eAAe;EACf,gBAAgB;AAClB;;~~AAtDkuB~~;~~EAyDhuB~~,mBAAmB;EACnB,aAAa;AACf;;~~AA3DkxB~~;~~EA8DhxB~~,uBAAuB;EACvB,mBAAmB;EACnB,kBAAkB;EAClB,aAAa;AACf;;~~AAlE02B~~;~~EAqEx2B~~,gBAAgB;AAClB;;~~AAtE+4B~~;~~EAyE74B~~,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".label{display:flex;justify-content:space-between}.label :global .ant-collapse-header{background-color:#fff}.label .labelContent{display:flex}.label .labelContent>{margin-right:10px}.collapseContainer .collapseChild{display:flex;font-size:14px;font-weight:400;line-height:20px;text-align:left}.collapseContainer .collapseChild>{margin-right:10px}.collapseContainer .collapseChild .attribute{font-size:12px;font-weight:400;line-height:16px;text-align:left;color:~~rgba~~(~~0,0,0,.4509803922~~);margin:5px 0}.collapseContainer .collapseChild .copy{position:relative;left:100%;top:-50%}.drawerLabelTitle{min-width:120px;display:flex;justify-content:space-evenly;align-items:center}.drawerLabelTitle .drawerLabelSize{font-size:12px;font-weight:400}.extraContainer{display:flex;align-items:center}.iconContainer{display:flex;margin-right:20px;justify-content:center;align-items:center}.iconContainer .data{margin-left:5px}.pkgName{font-size:13px;font-weight:700;line-height:20px;text-align:left;font-family:Menlo}"],"sourceRoot":""}
1	+ {"version":3,"sources":["webpack://./src/components/Alerts/collapse.module.scss"],"names":[],"mappings":"AAAA;EACE,8BAA8B;EAC9B,aAAa;AACf;;AAHkD;EAMhD,sBAAsB;AACxB;;AAP4G;EAU1G,aAAa;AACf;;AAX8I;EAc5I,kBAAkB;AACpB;;AAfuL;EAkBrL,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,aAAa;AACf;;AAvBsS;EA0BpS,kBAAkB;AACpB;;AA3B4V;EA8B1V,gBAAgB;EAChB,kCAAkC;EAClC,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AApCwf;EAuCtf,kBAAkB;EAClB,SAAS;EACT,UAAU;AACZ;;AA1CqkB;EA6CnkB,6BAA6B;EAC7B,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;AACf;;AAjDoqB;EAoDlqB,eAAe;EACf,gBAAgB;AAClB;;AAtDsuB;EAyDpuB,mBAAmB;EACnB,aAAa;AACf;;AA3DsxB;EA8DpxB,uBAAuB;EACvB,mBAAmB;EACnB,kBAAkB;EAClB,aAAa;AACf;;AAlE82B;EAqE52B,gBAAgB;AAClB;;AAtEm5B;EAyEj5B,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".label{display:flex;justify-content:space-between}.label :global .ant-collapse-header{background-color:#fff}.label .labelContent{display:flex}.label .labelContent>{margin-right:10px}.collapseContainer .collapseChild{display:flex;font-size:14px;font-weight:400;line-height:20px;text-align:left}.collapseContainer .collapseChild>{margin-right:10px}.collapseContainer .collapseChild .attribute{font-size:12px;font-weight:400;line-height:16px;text-align:left;color:var(--text-color-secondary);margin:5px 0}.collapseContainer .collapseChild .copy{position:relative;left:100%;top:-50%}.drawerLabelTitle{min-width:120px;display:flex;justify-content:space-evenly;align-items:center}.drawerLabelTitle .drawerLabelSize{font-size:12px;font-weight:400}.extraContainer{display:flex;align-items:center}.iconContainer{display:flex;margin-right:20px;justify-content:center;align-items:center}.iconContainer .data{margin-left:5px}.pkgName{font-size:13px;font-weight:700;line-height:20px;text-align:left;font-family:Menlo}"],"sourceRoot":""}

package/dist/components/Alerts/index.module.mjs ADDED Viewed

@@ -0,0 +1,7 @@
+import "./index_module.css";
+const index_module = {
+    tag: "tag-lJs0Ro"
+};
+export default index_module;
+//# sourceMappingURL=index.module.mjs.map

package/dist/components/Alerts/index.module.mjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"components/Alerts/index.module.mjs","sources":["../../../src/components/Alerts/index.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./index_module.css\"\nexport default {\"tag\":\"tag-lJs0Ro\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,KAAM;AAAY"}

package/dist/components/Alerts/index_module.css ADDED Viewed

@@ -0,0 +1,9 @@
+.tag-lJs0Ro {
+  background-color: var(--color-bg-box-elevated);
+  border-color: var(--color-border);
+  color: var(--text-color);
+  border-radius: 2px;
+}
+/*# sourceMappingURL=index_module.css.map */

package/dist/components/Alerts/index_module.css.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["webpack://./src/components/Alerts/index.module.scss"],"names":[],"mappings":"AAAA;EACE,8CAA8C;EAC9C,iCAAiC;EACjC,wBAAwB;EACxB,kBAAkB;AACpB","sourcesContent":[".tag{background-color:var(--color-bg-box-elevated);border-color:var(--color-border);color:var(--text-color);border-radius:2px}"],"sourceRoot":""}

package/dist/components/Alerts/list.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import type { Rule } from '@rsdoctor/types';
 export declare const CommonList: (props: {
     data: Array<Rule.RuleStoreDataItem>;
+    showCode?: boolean;
 }) => import("react").JSX.Element[];

package/dist/components/Alerts/list.mjs CHANGED Viewed

@@ -1,23 +1,28 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "antd";
 import { Overview } from "../Overall/overview.mjs";
 import { useRuleIndexNavigate } from "../../utils/index.mjs";
 import list_module from "./list.module.mjs";
 const CommonList = (props)=>{
-    const { data } = props;
+    const { data, showCode } = props;
     return data.map((d)=>{
         const { code, link, description } = d;
         const navigate = useRuleIndexNavigate(code, link);
         return /*#__PURE__*/ jsx(Overview, {
-            style: {
-                background: '#fff'
-            },
-            description: /*#__PURE__*/ jsx("div", {
+            description: /*#__PURE__*/ jsxs("div", {
                 className: list_module.description,
-                children: description || ''
+                children: [
+                    showCode ? /*#__PURE__*/ jsx("div", {
+                        className: list_module.code,
+                        children: code
+                    }) : null,
+                    /*#__PURE__*/ jsx("div", {
+                        children: description || ''
+                    })
+                ]
             }),
             icon: /*#__PURE__*/ jsx(Button, {
-                onClick: ()=>navigate,
+                onClick: navigate,
                 type: "link",
                 children: "more"
             })

package/dist/components/Alerts/list.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/Alerts/list.mjs","sources":["../../../src/components/Alerts/list.tsx"],"sourcesContent":["import { Button } from 'antd';\n\nimport { Overview } from '../Overall/overview';\nimport { useRuleIndexNavigate } from '../../utils';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport styles from './list.module.scss';\n\nexport const CommonList = (props: { data: Array<Rule.RuleStoreDataItem> }) => {\n const { data } = props;\n return data.map((d) => {\n const { code, link, description } = d;\n const navigate = useRuleIndexNavigate(code, link);\n\n return (\n <Overview\n ~~style~~={{\n ~~background:~~ ~~'#fff',\n~~ }}\n ~~description=~~{\n <div className={styles.~~description~~}>{description \|\| ''}</div>\n }\n icon={\n <Button onClick={~~() =>~~ navigate} type=\"link\">\n more\n </Button>\n }\n />\n );\n });\n};\n"],"names":["CommonList","props","data","d","code","link","description","navigate","useRuleIndexNavigate","Overview","styles","Button"],"mappings":";;;;;AASO,MAAMA,aAAa,CAACC;~~IACzB~~,MAAM,EAAEC,IAAI,EAAE,~~GAAGD~~;~~IACjB~~,OAAOC,KAAK,GAAG,CAAC,~~CAACC~~;QACf,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGH;QACpC,MAAMI,WAAWC,qBAAqBJ,MAAMC;QAE5C,OAAO,WAAP,GACE,IAACI,UAAQA;YACP,~~OAAO;gBACL,YAAY;YACd;YACA,~~2BACE,~~IAAC~~;gBAAI,WAAWC,YAAAA,WAAkB;~~0BAAGJ~~,eAAe~~;;YAEtD~~,oBACE,IAACK,QAAMA;gBAAC,~~SAAS,IAAMJ~~;gBAAU,MAAK;0BAAO;;;~~IAMrD~~;AACF"}
1	+ {"version":3,"file":"components/Alerts/list.mjs","sources":["../../../src/components/Alerts/list.tsx"],"sourcesContent":["import { Button } from 'antd';\n\nimport { Overview } from '../Overall/overview';\nimport { useRuleIndexNavigate } from '../../utils';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport styles from './list.module.scss';\n\nexport const CommonList = (props: {\n data: Array<Rule.RuleStoreDataItem>;\n showCode?: boolean;\n}) => {\n const { data, showCode } = props;\n return data.map((d) => {\n const { code, link, description } = d;\n const navigate = useRuleIndexNavigate(code, link);\n\n return (\n <Overview\n description={\n <div className={styles.description}>\n {showCode ? <div className={styles.code}>{code}</div> : null}\n <div>{description \|\| ''}</div>\n </div>\n }\n icon={\n <Button onClick={navigate} type=\"link\">\n more\n </Button>\n }\n />\n );\n });\n};\n"],"names":["CommonList","props","data","showCode","d","code","link","description","navigate","useRuleIndexNavigate","Overview","styles","Button"],"mappings":";;;;;AASO,MAAMA,aAAa,CAACC;IAIzB,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGF;IAC3B,OAAOC,KAAK,GAAG,CAAC,CAACE;QACf,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGH;QACpC,MAAMI,WAAWC,qBAAqBJ,MAAMC;QAE5C,OAAO,WAAP,GACE,IAACI,UAAQA;YACP,2BACE,KAAC;gBAAI,WAAWC,YAAAA,WAAkB;;oBAC/BR,WAAW,WAAXA,GAAW,IAAC;wBAAI,WAAWQ,YAAAA,IAAW;kCAAGN;yBAAc;kCACxD,IAAC;kCAAKE,eAAe;;;;YAGzB,oBACE,IAACK,QAAMA;gBAAC,SAASJ;gBAAU,MAAK;0BAAO;;;IAM/C;AACF"}

package/dist/components/Alerts/list.module.mjs CHANGED Viewed

@@ -1,6 +1,7 @@
 import "./list_module.css";
 const list_module = {
-    description: "description-h4sYv3"
+    description: "description-h4sYv3",
+    code: "code-ocfe7Q"
 };
 export default list_module;

package/dist/components/Alerts/list.module.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/Alerts/list.module.mjs","sources":["../../../src/components/Alerts/list.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./list_module.css\"\nexport default {\"description\":\"description-h4sYv3\"};"],"names":[],"mappings":";AAEA,oBAAe;IAAC,aAAc;~~AAAoB~~"}
1	+ {"version":3,"file":"components/Alerts/list.module.mjs","sources":["../../../src/components/Alerts/list.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./list_module.css\"\nexport default {\"description\":\"description-h4sYv3\",\"code\":\"code-ocfe7Q\"};"],"names":[],"mappings":";AAEA,oBAAe;IAAC,aAAc;IAAqB,MAAO;AAAa"}

package/dist/components/Alerts/list_module.css CHANGED Viewed

@@ -6,5 +6,13 @@
   line-height: 16px;
 }
+.code-ocfe7Q {
+  color: #1890ff;
+  margin-bottom: 4px;
+  font-family: Menlo, Monaco, Consolas, Courier New, monospace;
+  font-size: 13px;
+  font-weight: 600;
+}
 /*# sourceMappingURL=list_module.css.map */

package/dist/components/Alerts/list_module.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["webpack://./src/components/Alerts/list.module.scss"],"names":[],"mappings":"AAAA;EACE,qBAAqB;EACrB,sBAAsB;EACtB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".description{font-size:14px;font-weight:400;line-height:16px;white-space:pre-wrap;word-break:break-word}"],"sourceRoot":""}
1	+ {"version":3,"sources":["webpack://./src/components/Alerts/list.module.scss"],"names":[],"mappings":"AAAA;EACE,qBAAqB;EACrB,sBAAsB;EACtB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AANwG;EAStG,cAAc;EACd,kBAAkB;EAClB,4DAA4D;EAC5D,eAAe;EACf,gBAAgB;AAClB","sourcesContent":[".description{font-size:14px;font-weight:400;line-height:16px;white-space:pre-wrap;word-break:break-word}.code{margin-bottom:4px;color:#1890ff;font-family:Menlo,Monaco,Consolas,\"Courier New\",monospace;font-size:13px;font-weight:600}"],"sourceRoot":""}

package/dist/components/Card/size_module.css CHANGED Viewed

@@ -4,7 +4,6 @@
 }
 .dataContainer-lJ0PuO .title-Gj8JxL {
-  color: #000000a6;
   margin-bottom: 2px;
   font-size: 12px;
   font-weight: 400;
@@ -12,7 +11,6 @@
 }
 .description-miJCbD {
-  color: #000000d9;
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;

package/dist/components/Card/size_module.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["webpack://./src/components/Card/size.module.scss"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAHkD;EAMhD,~~gBAAgB;EAChB,~~kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;~~AAXwK~~;~~EActK~~,~~gBAAgB;EAChB,~~eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;~~AAlBmQ~~;EAA0B;~~IAsBzR~~,eAAe;EACjB;AACF;;~~AAxB0T~~;~~EA2BxT~~,sBAAsB;EACtB,eAAe;EACf,aAAa;AACf;;~~AA9B8X~~;~~EAiC5X~~,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".dataContainer{display:flex;flex-direction:column}.dataContainer .title{font-size:12px;font-weight:400;line-height:20px;margin-bottom:2px~~;color:rgba(0,0,0,.6509803922)~~}.description{font-size:18px;font-weight:500;line-height:28px~~;color:rgba(0,0,0,.8509803922)~~}@media(max-width: 1500px){.description{font-size:14px}}.percentContainer{display:flex;flex-direction:column;font-size:20px}.percentContainer .percentDescription{font-size:12px;font-weight:400;line-height:20px}"],"sourceRoot":""}
1	+ {"version":3,"sources":["webpack://./src/components/Card/size.module.scss"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAHkD;EAMhD,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAV0I;EAaxI,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAhBuM;EAA0B;IAoB7N,eAAe;EACjB;AACF;;AAtB8P;EAyB5P,sBAAsB;EACtB,eAAe;EACf,aAAa;AACf;;AA5BkU;EA+BhU,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".dataContainer{display:flex;flex-direction:column}.dataContainer .title{font-size:12px;font-weight:400;line-height:20px;margin-bottom:2px}.description{font-size:18px;font-weight:500;line-height:28px}@media(max-width: 1500px){.description{font-size:14px}}.percentContainer{display:flex;flex-direction:column;font-size:20px}.percentContainer .percentDescription{font-size:12px;font-weight:400;line-height:20px}"],"sourceRoot":""}