@rsdoctor/components 1.3.7 → 1.3.9

package/dist/components/Alert/view.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alert/view.mjs","sources":["webpack://@rsdoctor/components/./src/components/Alert/view.tsx"],"sourcesContent":["import { InfoCircleOutlined } from '@ant-design/icons';\nimport { Alert, Button, Divider, Space, Typography } from 'antd';\nimport React from 'react';\nimport { Lodash } from '@rsdoctor/utils/common';\nimport { useRuleIndexNavigate } from '../../utils';\nimport { CodeViewer } from '../base';\nimport { CodeOpener } from '../Opener';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { CodeViewAlertProps } from './types';\n\nexport const CodeViewDrawerContent: React.FC<CodeViewAlertProps> = ({\n  data,\n  cwd,\n}) => {\n  const { file } = data;\n  const { path, ranges } = file;\n  const line = ranges?.[0].start.line;\n\n  return (\n    <Space direction=\"vertical\" className=\"alert-space\">\n      <Title text=\"Code Viewer\" />\n      <CodeOpener\n        cwd={cwd}\n        url={path}\n        loc={Lodash.isNumber(line) ? String(line) : undefined}\n        code\n        disabled\n      />\n      <CodeViewer\n        filePath={file.path}\n        code={file.content}\n        ranges={ranges}\n        defaultLine={line}\n      />\n    </Space>\n  );\n};\n\n///REVIEW - It's still useful? can't find usage\nexport const CodeViewAlert: React.FC<CodeViewAlertProps> = ({ data, cwd }) => {\n  const { title, description = '', level, code, file } = data;\n  const navigate = useRuleIndexNavigate(code, data.link);\n  const startLine = file.ranges?.[0].start.line;\n\n  const Description = (\n    <Space direction=\"vertical\">\n      <Typography.Text>{description}</Typography.Text>\n      <Space>\n        <Typography.Text>File:</Typography.Text>\n        <Typography.Text strong code>\n          {file.path}\n        </Typography.Text>\n        {Lodash.isNumber(startLine) ? (\n          <>\n            <Typography.Text>in line</Typography.Text>\n            <Typography.Text strong code>\n              {startLine}\n            </Typography.Text>\n          </>\n        ) : (\n          ''\n        )}\n      </Space>\n    </Space>\n  );\n\n  return (\n    <Alert\n      showIcon\n      message={\n        <Space>\n          <Typography.Text\n            code\n            strong\n            onClick={navigate}\n            style={{ cursor: 'pointer' }}\n          >\n            <a>{code}</a>\n          </Typography.Text>\n          <Typography.Text strong>{title}</Typography.Text>\n        </Space>\n      }\n      description={Description}\n      type={level === 'warn' ? 'info' : level}\n      action={\n        <Space>\n          <TextDrawer text={'Show Source Code'} buttonProps={{ size: 'small' }}>\n            <CodeViewDrawerContent data={data} cwd={cwd} />\n          </TextDrawer>\n          <>\n            <Divider type=\"vertical\" />\n            <Button\n              type=\"link\"\n              onClick={navigate}\n              size=\"small\"\n              icon={<InfoCircleOutlined />}\n            />\n          </>\n        </Space>\n      }\n    />\n  );\n};\n"],"names":["CodeViewDrawerContent","data","cwd","file","path","ranges","line","Space","Title","CodeOpener","Lodash","String","undefined","CodeViewer","CodeViewAlert","title","description","level","code","navigate","useRuleIndexNavigate","startLine","Description","Typography","Alert","TextDrawer","Divider","Button","InfoCircleOutlined"],"mappings":";;;;;;;;;;AAWO,MAAMA,wBAAsD,CAAC,EAClEC,IAAI,EACJC,GAAG,EACJ;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGF;IACjB,MAAM,EAAEG,IAAI,EAAEC,MAAM,EAAE,GAAGF;IACzB,MAAMG,OAAOD,QAAQ,CAAC,EAAE,CAAC,MAAM;IAE/B,OAAO,WAAP,GACE,KAACE,OAAKA;QAAC,WAAU;QAAW,WAAU;;0BACpC,IAACC,OAAKA;gBAAC,MAAK;;0BACZ,IAACC,YAAUA;gBACT,KAAKP;gBACL,KAAKE;gBACL,KAAKM,OAAO,QAAQ,CAACJ,QAAQK,OAAOL,QAAQM;gBAC5C,MAAI;gBACJ,UAAQ;;0BAEV,IAACC,YAAUA;gBACT,UAAUV,KAAK,IAAI;gBACnB,MAAMA,KAAK,OAAO;gBAClB,QAAQE;gBACR,aAAaC;;;;AAIrB;AAGO,MAAMQ,gBAA8C,CAAC,EAAEb,IAAI,EAAEC,GAAG,EAAE;IACvE,MAAM,EAAEa,KAAK,EAAEC,cAAc,EAAE,EAAEC,KAAK,EAAEC,IAAI,EAAEf,IAAI,EAAE,GAAGF;IACvD,MAAMkB,WAAWC,qBAAqBF,MAAMjB,KAAK,IAAI;IACrD,MAAMoB,YAAYlB,KAAK,MAAM,EAAE,CAAC,EAAE,CAAC,MAAM;IAEzC,MAAMmB,cAAc,WAAdA,GACJ,KAACf,OAAKA;QAAC,WAAU;;0BACf,IAACgB,WAAW,IAAI;0BAAEP;;0BAClB,KAACT,OAAKA;;kCACJ,IAACgB,WAAW,IAAI;kCAAC;;kCACjB,IAACA,WAAW,IAAI;wBAAC,QAAM;wBAAC,MAAI;kCACzBpB,KAAK,IAAI;;oBAEXO,OAAO,QAAQ,CAACW,aAAa,WAAbA,GACf;;0CACE,IAACE,WAAW,IAAI;0CAAC;;0CACjB,IAACA,WAAW,IAAI;gCAAC,QAAM;gCAAC,MAAI;0CACzBF;;;yBAIL;;;;;IAMR,OAAO,WAAP,GACE,IAACG,OAAKA;QACJ,UAAQ;QACR,uBACE,KAACjB,OAAKA;;8BACJ,IAACgB,WAAW,IAAI;oBACd,MAAI;oBACJ,QAAM;oBACN,SAASJ;oBACT,OAAO;wBAAE,QAAQ;oBAAU;8BAE3B,kBAAC;kCAAGD;;;8BAEN,IAACK,WAAW,IAAI;oBAAC,QAAM;8BAAER;;;;QAG7B,aAAaO;QACb,MAAML,AAAU,WAAVA,QAAmB,SAASA;QAClC,sBACE,KAACV,OAAKA;;8BACJ,IAACkB,YAAUA;oBAAC,MAAM;oBAAoB,aAAa;wBAAE,MAAM;oBAAQ;8BACjE,kBAACzB,uBAAAA;wBAAsB,MAAMC;wBAAM,KAAKC;;;8BAE1C;;sCACE,IAACwB,SAAOA;4BAAC,MAAK;;sCACd,IAACC,QAAMA;4BACL,MAAK;4BACL,SAASR;4BACT,MAAK;4BACL,oBAAM,IAACS,oBAAkBA,CAAAA;;;;;;;AAOvC"}
+{"version":3,"file":"components/Alert/view.mjs","sources":["../../../src/components/Alert/view.tsx"],"sourcesContent":["import { InfoCircleOutlined } from '@ant-design/icons';\nimport { Alert, Button, Divider, Space, Typography } from 'antd';\nimport React from 'react';\nimport { Lodash } from '@rsdoctor/utils/common';\nimport { useRuleIndexNavigate } from '../../utils';\nimport { CodeViewer } from '../base';\nimport { CodeOpener } from '../Opener';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { CodeViewAlertProps } from './types';\n\nexport const CodeViewDrawerContent: React.FC<CodeViewAlertProps> = ({\n  data,\n  cwd,\n}) => {\n  const { file } = data;\n  const { path, ranges } = file;\n  const line = ranges?.[0].start.line;\n\n  return (\n    <Space direction=\"vertical\" className=\"alert-space\">\n      <Title text=\"Code Viewer\" />\n      <CodeOpener\n        cwd={cwd}\n        url={path}\n        loc={Lodash.isNumber(line) ? String(line) : undefined}\n        code\n        disabled\n      />\n      <CodeViewer\n        filePath={file.path}\n        code={file.content}\n        ranges={ranges}\n        defaultLine={line}\n      />\n    </Space>\n  );\n};\n\n///REVIEW - It's still useful? can't find usage\nexport const CodeViewAlert: React.FC<CodeViewAlertProps> = ({ data, cwd }) => {\n  const { title, description = '', level, code, file } = data;\n  const navigate = useRuleIndexNavigate(code, data.link);\n  const startLine = file.ranges?.[0].start.line;\n\n  const Description = (\n    <Space direction=\"vertical\">\n      <Typography.Text>{description}</Typography.Text>\n      <Space>\n        <Typography.Text>File:</Typography.Text>\n        <Typography.Text strong code>\n          {file.path}\n        </Typography.Text>\n        {Lodash.isNumber(startLine) ? (\n          <>\n            <Typography.Text>in line</Typography.Text>\n            <Typography.Text strong code>\n              {startLine}\n            </Typography.Text>\n          </>\n        ) : (\n          ''\n        )}\n      </Space>\n    </Space>\n  );\n\n  return (\n    <Alert\n      showIcon\n      message={\n        <Space>\n          <Typography.Text\n            code\n            strong\n            onClick={navigate}\n            style={{ cursor: 'pointer' }}\n          >\n            <a>{code}</a>\n          </Typography.Text>\n          <Typography.Text strong>{title}</Typography.Text>\n        </Space>\n      }\n      description={Description}\n      type={level === 'warn' ? 'info' : level}\n      action={\n        <Space>\n          <TextDrawer text={'Show Source Code'} buttonProps={{ size: 'small' }}>\n            <CodeViewDrawerContent data={data} cwd={cwd} />\n          </TextDrawer>\n          <>\n            <Divider type=\"vertical\" />\n            <Button\n              type=\"link\"\n              onClick={navigate}\n              size=\"small\"\n              icon={<InfoCircleOutlined />}\n            />\n          </>\n        </Space>\n      }\n    />\n  );\n};\n"],"names":["CodeViewDrawerContent","data","cwd","file","path","ranges","line","Space","Title","CodeOpener","Lodash","String","undefined","CodeViewer","CodeViewAlert","title","description","level","code","navigate","useRuleIndexNavigate","startLine","Description","Typography","Alert","TextDrawer","Divider","Button","InfoCircleOutlined"],"mappings":";;;;;;;;;;AAWO,MAAMA,wBAAsD,CAAC,EAClEC,IAAI,EACJC,GAAG,EACJ;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGF;IACjB,MAAM,EAAEG,IAAI,EAAEC,MAAM,EAAE,GAAGF;IACzB,MAAMG,OAAOD,QAAQ,CAAC,EAAE,CAAC,MAAM;IAE/B,OAAO,WAAP,GACE,KAACE,OAAKA;QAAC,WAAU;QAAW,WAAU;;0BACpC,IAACC,OAAKA;gBAAC,MAAK;;0BACZ,IAACC,YAAUA;gBACT,KAAKP;gBACL,KAAKE;gBACL,KAAKM,OAAO,QAAQ,CAACJ,QAAQK,OAAOL,QAAQM;gBAC5C,MAAI;gBACJ,UAAQ;;0BAEV,IAACC,YAAUA;gBACT,UAAUV,KAAK,IAAI;gBACnB,MAAMA,KAAK,OAAO;gBAClB,QAAQE;gBACR,aAAaC;;;;AAIrB;AAGO,MAAMQ,gBAA8C,CAAC,EAAEb,IAAI,EAAEC,GAAG,EAAE;IACvE,MAAM,EAAEa,KAAK,EAAEC,cAAc,EAAE,EAAEC,KAAK,EAAEC,IAAI,EAAEf,IAAI,EAAE,GAAGF;IACvD,MAAMkB,WAAWC,qBAAqBF,MAAMjB,KAAK,IAAI;IACrD,MAAMoB,YAAYlB,KAAK,MAAM,EAAE,CAAC,EAAE,CAAC,MAAM;IAEzC,MAAMmB,cAAc,WAAdA,GACJ,KAACf,OAAKA;QAAC,WAAU;;0BACf,IAACgB,WAAW,IAAI;0BAAEP;;0BAClB,KAACT,OAAKA;;kCACJ,IAACgB,WAAW,IAAI;kCAAC;;kCACjB,IAACA,WAAW,IAAI;wBAAC,QAAM;wBAAC,MAAI;kCACzBpB,KAAK,IAAI;;oBAEXO,OAAO,QAAQ,CAACW,aAAa,WAAbA,GACf;;0CACE,IAACE,WAAW,IAAI;0CAAC;;0CACjB,IAACA,WAAW,IAAI;gCAAC,QAAM;gCAAC,MAAI;0CACzBF;;;yBAIL;;;;;IAMR,OAAO,WAAP,GACE,IAACG,OAAKA;QACJ,UAAQ;QACR,uBACE,KAACjB,OAAKA;;8BACJ,IAACgB,WAAW,IAAI;oBACd,MAAI;oBACJ,QAAM;oBACN,SAASJ;oBACT,OAAO;wBAAE,QAAQ;oBAAU;8BAE3B,kBAAC;kCAAGD;;;8BAEN,IAACK,WAAW,IAAI;oBAAC,QAAM;8BAAER;;;;QAG7B,aAAaO;QACb,MAAML,AAAU,WAAVA,QAAmB,SAASA;QAClC,sBACE,KAACV,OAAKA;;8BACJ,IAACkB,YAAUA;oBAAC,MAAM;oBAAoB,aAAa;wBAAE,MAAM;oBAAQ;8BACjE,kBAACzB,uBAAAA;wBAAsB,MAAMC;wBAAM,KAAKC;;;8BAE1C;;sCACE,IAACwB,SAAOA;4BAAC,MAAK;;sCACd,IAACC,QAAMA;4BACL,MAAK;4BACL,SAASR;4BACT,MAAK;4BACL,oBAAM,IAACS,oBAAkBA,CAAAA;;;;;;;AAOvC"}

package/dist/components/Alerts/bundle-alert.d.ts

@@ -1,5 +1,5 @@
-import { ViewMode } from '../../constants';
-import { AlertProps } from '../Alert/types';
+import { ViewMode } from '../../constants.js';
+import { AlertProps } from '../Alert/types.js';
 import type { Rule } from '@rsdoctor/types';
 interface BundleAlertProps {
     title: string;

package/dist/components/Alerts/bundle-alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/bundle-alert.mjs","sources":["webpack://@rsdoctor/components/./src/components/Alerts/bundle-alert.tsx"],"sourcesContent":["import { Tabs, Empty, Tag } from 'antd';\n\nimport { Card } from '../Card';\nimport { ECMAVersionCheck } from '../Alert/ecma-version-check';\nimport { Overview } from '../Overall/overview';\nimport { AlertCollapse } from './collapse';\nimport { CommonList } from './list';\nimport { ViewMode } from '../../constants';\n\nimport { AlertProps } from '../Alert/types';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport styles from './bundle-alert.module.scss';\nimport { CSSProperties, useState } from 'react';\nimport { CrossChunksAlertCollapse } from './collapse-cross-chunks';\n\ninterface BundleAlertProps {\n  title: string;\n  cwd: string;\n  dataSource: Rule.RuleStoreDataItem[];\n  extraData: Omit<AlertProps, 'data'>;\n  viewMode: ViewMode;\n  setViewMode(mode: ViewMode): void;\n  extraCom?: JSX.Element | undefined;\n}\n\nexport const BundleAlert: React.FC<BundleAlertProps> = ({\n  title,\n  dataSource,\n  extraData,\n}) => {\n  const [activeKey, setActiveKey] = useState('E1001');\n  const tabData: Array<{\n    key: string;\n    label: string;\n    data: Array<Rule.RuleStoreDataItem>;\n  }> = [\n    {\n      key: 'E1001',\n      label: 'Duplicate Packages',\n      data: [],\n    },\n    {\n      key: 'E1002',\n      label: 'Cross Chunks Package',\n      data: [],\n    },\n    {\n      key: 'E1003',\n      label: 'Loader Performance Optimization',\n      data: [],\n    },\n    {\n      key: 'E1004',\n      label: 'ECMA Version Check',\n      data: [],\n    },\n    {\n      key: 'E1005',\n      label: 'Default Import Check',\n      data: [],\n    },\n  ];\n\n  dataSource.forEach((data) => {\n    const target = tabData.find((td) => td.key === data.code)?.data;\n    target?.push(data);\n  });\n\n  const tabItems = tabData.map((td) => {\n    const tagStyle =\n      activeKey === td.key\n        ? ({\n            border: '1px solid #91D5FF',\n            backgroundColor: '#E6F7FF',\n          } as CSSProperties)\n        : {};\n\n    const tagTextStyle =\n      activeKey === td.key\n        ? {\n            color: '#1890FF',\n          }\n        : {};\n\n    const LabelComponent = () => (\n      <Overview\n        style={{\n          backgroundColor: 'transparent',\n          paddingLeft: 0,\n          paddingRight: 0,\n          width: '100%',\n        }}\n        title={<span className={styles.labelTitle}>{td.label}</span>}\n        description={\n          <div className={styles.labelDescription}>\n            <span>{td.data.length}</span>\n            <Tag\n              style={{ fontFamily: 'Menlo', borderRadius: '2px', ...tagStyle }}\n            >\n              <span style={{ ...tagTextStyle }}>{td.key}</span>\n            </Tag>\n          </div>\n        }\n      />\n    );\n\n    let children, description;\n    switch (td.key) {\n      case 'E1001':\n        children = <AlertCollapse data={td.data} extraData={extraData} />;\n        break;\n      case 'E1002':\n        children = (\n          <CrossChunksAlertCollapse data={td.data} extraData={extraData} />\n        );\n        break;\n      case 'E1003':\n        children = <CommonList data={td.data} />;\n        break;\n      case 'E1004':\n        description = (\n          <span>\n            No ECMA Version Check Rules were found. Please refer to\n            「https://rsdoctor.rs/guide/usage/rule-config」.\n          </span>\n        );\n        children = <ECMAVersionCheck data={td.data} />;\n        break;\n      case 'E1005':\n        children = <CommonList data={td.data} />;\n        break;\n      default:\n        children = null;\n        break;\n    }\n\n    if (!td.data.length) {\n      children = (\n        <Empty description={description} image={Empty.PRESENTED_IMAGE_SIMPLE} />\n      );\n    }\n\n    return {\n      key: td.key,\n      label: <LabelComponent />,\n      children: (\n        <Card\n          className={styles.card}\n          type=\"inner\"\n          title={\n            <>\n              <Tag\n                style={{\n                  fontFamily: 'Menlo',\n                  fontWeight: '700',\n                  fontSize: '13px',\n                  backgroundColor: '#EAEDF1',\n                  borderRadius: '2px',\n                }}\n              >\n                {td.key}\n              </Tag>\n              <span>{td.label}</span>\n            </>\n          }\n        >\n          {children}\n        </Card>\n      ),\n    };\n  });\n\n  return (\n    <Card style={{ width: '100%', borderRadius: '12px' }}>\n      <div className={styles.container}>\n        <div className={styles.title}>{title}</div>\n        {!dataSource.length ? (\n          <div\n            style={{\n              minHeight: '480px',\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n            }}\n          >\n            <Empty\n              description={'No Bundle Alerts Data'}\n              image={Empty.PRESENTED_IMAGE_SIMPLE}\n            />\n          </div>\n        ) : (\n          <Tabs\n            onChange={setActiveKey}\n            tabBarGutter={10}\n            type=\"card\"\n            defaultActiveKey=\"E1001\"\n            items={tabItems}\n          />\n        )}\n      </div>\n    </Card>\n  );\n};\n"],"names":["BundleAlert","title","dataSource","extraData","activeKey","setActiveKey","useState","tabData","data","target","td","tabItems","tagStyle","tagTextStyle","LabelComponent","Overview","styles","Tag","children","description","AlertCollapse","CrossChunksAlertCollapse","CommonList","ECMAVersionCheck","Empty","Card","Tabs"],"mappings":"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"}
+{"version":3,"file":"components/Alerts/bundle-alert.mjs","sources":["../../../src/components/Alerts/bundle-alert.tsx"],"sourcesContent":["import { Tabs, Empty, Tag } from 'antd';\n\nimport { Card } from '../Card';\nimport { ECMAVersionCheck } from '../Alert/ecma-version-check';\nimport { Overview } from '../Overall/overview';\nimport { AlertCollapse } from './collapse';\nimport { CommonList } from './list';\nimport { ViewMode } from '../../constants';\n\nimport { AlertProps } from '../Alert/types';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport styles from './bundle-alert.module.scss';\nimport { CSSProperties, useState } from 'react';\nimport { CrossChunksAlertCollapse } from './collapse-cross-chunks';\n\ninterface BundleAlertProps {\n  title: string;\n  cwd: string;\n  dataSource: Rule.RuleStoreDataItem[];\n  extraData: Omit<AlertProps, 'data'>;\n  viewMode: ViewMode;\n  setViewMode(mode: ViewMode): void;\n  extraCom?: JSX.Element | undefined;\n}\n\nexport const BundleAlert: React.FC<BundleAlertProps> = ({\n  title,\n  dataSource,\n  extraData,\n}) => {\n  const [activeKey, setActiveKey] = useState('E1001');\n  const tabData: Array<{\n    key: string;\n    label: string;\n    data: Array<Rule.RuleStoreDataItem>;\n  }> = [\n    {\n      key: 'E1001',\n      label: 'Duplicate Packages',\n      data: [],\n    },\n    {\n      key: 'E1002',\n      label: 'Cross Chunks Package',\n      data: [],\n    },\n    {\n      key: 'E1003',\n      label: 'Loader Performance Optimization',\n      data: [],\n    },\n    {\n      key: 'E1004',\n      label: 'ECMA Version Check',\n      data: [],\n    },\n    {\n      key: 'E1005',\n      label: 'Default Import Check',\n      data: [],\n    },\n  ];\n\n  dataSource.forEach((data) => {\n    const target = tabData.find((td) => td.key === data.code)?.data;\n    target?.push(data);\n  });\n\n  const tabItems = tabData.map((td) => {\n    const tagStyle =\n      activeKey === td.key\n        ? ({\n            border: '1px solid #91D5FF',\n            backgroundColor: '#E6F7FF',\n          } as CSSProperties)\n        : {};\n\n    const tagTextStyle =\n      activeKey === td.key\n        ? {\n            color: '#1890FF',\n          }\n        : {};\n\n    const LabelComponent = () => (\n      <Overview\n        style={{\n          backgroundColor: 'transparent',\n          paddingLeft: 0,\n          paddingRight: 0,\n          width: '100%',\n        }}\n        title={<span className={styles.labelTitle}>{td.label}</span>}\n        description={\n          <div className={styles.labelDescription}>\n            <span>{td.data.length}</span>\n            <Tag\n              style={{ fontFamily: 'Menlo', borderRadius: '2px', ...tagStyle }}\n            >\n              <span style={{ ...tagTextStyle }}>{td.key}</span>\n            </Tag>\n          </div>\n        }\n      />\n    );\n\n    let children, description;\n    switch (td.key) {\n      case 'E1001':\n        children = <AlertCollapse data={td.data} extraData={extraData} />;\n        break;\n      case 'E1002':\n        children = (\n          <CrossChunksAlertCollapse data={td.data} extraData={extraData} />\n        );\n        break;\n      case 'E1003':\n        children = <CommonList data={td.data} />;\n        break;\n      case 'E1004':\n        description = (\n          <span>\n            No ECMA Version Check Rules were found. Please refer to\n            「https://rsdoctor.rs/guide/usage/rule-config」.\n          </span>\n        );\n        children = <ECMAVersionCheck data={td.data} />;\n        break;\n      case 'E1005':\n        children = <CommonList data={td.data} />;\n        break;\n      default:\n        children = null;\n        break;\n    }\n\n    if (!td.data.length) {\n      children = (\n        <Empty description={description} image={Empty.PRESENTED_IMAGE_SIMPLE} />\n      );\n    }\n\n    return {\n      key: td.key,\n      label: <LabelComponent />,\n      children: (\n        <Card\n          className={styles.card}\n          type=\"inner\"\n          title={\n            <>\n              <Tag\n                style={{\n                  fontFamily: 'Menlo',\n                  fontWeight: '700',\n                  fontSize: '13px',\n                  backgroundColor: '#EAEDF1',\n                  borderRadius: '2px',\n                }}\n              >\n                {td.key}\n              </Tag>\n              <span>{td.label}</span>\n            </>\n          }\n        >\n          {children}\n        </Card>\n      ),\n    };\n  });\n\n  return (\n    <Card style={{ width: '100%', borderRadius: '12px' }}>\n      <div className={styles.container}>\n        <div className={styles.title}>{title}</div>\n        {!dataSource.length ? (\n          <div\n            style={{\n              minHeight: '480px',\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n            }}\n          >\n            <Empty\n              description={'No Bundle Alerts Data'}\n              image={Empty.PRESENTED_IMAGE_SIMPLE}\n            />\n          </div>\n        ) : (\n          <Tabs\n            onChange={setActiveKey}\n            tabBarGutter={10}\n            type=\"card\"\n            defaultActiveKey=\"E1001\"\n            items={tabItems}\n          />\n        )}\n      </div>\n    </Card>\n  );\n};\n"],"names":["BundleAlert","title","dataSource","extraData","activeKey","setActiveKey","useState","tabData","data","target","td","tabItems","tagStyle","tagTextStyle","LabelComponent","Overview","styles","Tag","children","description","AlertCollapse","CrossChunksAlertCollapse","CommonList","ECMAVersionCheck","Empty","Card","Tabs"],"mappings":"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"}

package/dist/components/Alerts/bundle-alert.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/bundle-alert.module.mjs","sources":["webpack://@rsdoctor/components/./src/components/Alerts/bundle-alert.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./bundle-alert_module.css\"\nexport default {\"card\":\"card-HNTMcZ\",\"container\":\"container-TWzmhb\",\"title\":\"title-gD67_A\",\"labelTitle\":\"labelTitle-tjSCQ_\",\"labelDescription\":\"labelDescription-kB74lb\"};"],"names":[],"mappings":";AAEA,4BAAe;IAAC,MAAO;IAAc,WAAY;IAAmB,OAAQ;IAAe,YAAa;IAAoB,kBAAmB;AAAyB"}
+{"version":3,"file":"components/Alerts/bundle-alert.module.mjs","sources":["../../../src/components/Alerts/bundle-alert.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./bundle-alert_module.css\"\nexport default {\"card\":\"card-HNTMcZ\",\"container\":\"container-TWzmhb\",\"title\":\"title-gD67_A\",\"labelTitle\":\"labelTitle-tjSCQ_\",\"labelDescription\":\"labelDescription-kB74lb\"};"],"names":[],"mappings":";AAEA,4BAAe;IAAC,MAAO;IAAc,WAAY;IAAmB,OAAQ;IAAe,YAAa;IAAoB,kBAAmB;AAAyB"}

package/dist/components/Alerts/bundle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/bundle.mjs","sources":["webpack://@rsdoctor/components/./src/components/Alerts/bundle.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Rule, SDK } from '@rsdoctor/types';\nimport { hasViewModeFromStorage, useViewMode, useI18n } from '../../utils';\nimport { BundleAlert } from './bundle-alert';\nimport { withServerAPI } from '../Manifest';\nimport { ViewMode } from '../../constants';\nimport { PackageRelationReasonsWithServer } from '../Alert/package-relation';\nimport { ConfigProvider } from 'antd';\n\ninterface BundleAlertsProps {\n  filter?(alert: Rule.RuleStoreDataItem): boolean;\n  project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;\n}\n\nexport const BundleAlertsBase: React.FC<BundleAlertsProps> = ({\n  filter,\n  project,\n}) => {\n  const { errors, root: cwd } = project;\n  const bundleAlerts = errors;\n  const { setBundleAlertsViewMode, viewMode, setViewMode } = useViewMode();\n  const { t } = useI18n();\n\n  const dataSource = filter ? bundleAlerts.filter(filter) : bundleAlerts;\n\n  useEffect(() => {\n    if (!hasViewModeFromStorage()) {\n      setViewMode(\n        {\n          bundleAlerts:\n            bundleAlerts.length >= 5 ? ViewMode.Group : ViewMode.List,\n        },\n        false,\n      );\n    }\n  }, []);\n\n  return (\n    <ConfigProvider\n      theme={{\n        components: {\n          Alert: {\n            colorInfoBg: '#e6f4ff57',\n            colorInfoBorder: 'none',\n          },\n        },\n        token: {\n          padding: 16,\n          colorText: 'rgba(0, 0, 0, 0.85)',\n        },\n      }}\n    >\n      <BundleAlert\n        title={t('Bundle Alerts')}\n        dataSource={dataSource}\n        extraData={{\n          cwd,\n          getPackageRelationContentComponent: (res) => (\n            <PackageRelationReasonsWithServer\n              body={{ id: res.data.id, target: res.package.target }}\n              cwd={cwd}\n            />\n          ),\n        }}\n        viewMode={viewMode.bundleAlerts}\n        setViewMode={setBundleAlertsViewMode}\n        cwd={cwd}\n      />\n    </ConfigProvider>\n  );\n};\n\nexport const BundleAlerts = withServerAPI({\n  api: SDK.ServerAPI.API.GetProjectInfo,\n  responsePropName: 'project',\n  Component: BundleAlertsBase,\n});\n"],"names":["BundleAlertsBase","filter","project","errors","cwd","bundleAlerts","setBundleAlertsViewMode","viewMode","setViewMode","useViewMode","t","useI18n","dataSource","useEffect","hasViewModeFromStorage","ViewMode","ConfigProvider","BundleAlert","res","PackageRelationReasonsWithServer","BundleAlerts","withServerAPI","SDK"],"mappings":";;;;;;;;;AAcO,MAAMA,mBAAgD,CAAC,EAC5DC,MAAM,EACNC,OAAO,EACR;IACC,MAAM,EAAEC,MAAM,EAAE,MAAMC,GAAG,EAAE,GAAGF;IAC9B,MAAMG,eAAeF;IACrB,MAAM,EAAEG,uBAAuB,EAAEC,QAAQ,EAAEC,WAAW,EAAE,GAAGC;IAC3D,MAAM,EAAEC,CAAC,EAAE,GAAGC;IAEd,MAAMC,aAAaX,SAASI,aAAa,MAAM,CAACJ,UAAUI;IAE1DQ,UAAU;QACR,IAAI,CAACC,0BACHN,YACE;YACE,cACEH,aAAa,MAAM,IAAI,IAAIU,SAAS,KAAK,GAAGA,SAAS,IAAI;QAC7D,GACA;IAGN,GAAG,EAAE;IAEL,OAAO,WAAP,GACE,IAACC,gBAAcA;QACb,OAAO;YACL,YAAY;gBACV,OAAO;oBACL,aAAa;oBACb,iBAAiB;gBACnB;YACF;YACA,OAAO;gBACL,SAAS;gBACT,WAAW;YACb;QACF;kBAEA,kBAACC,aAAWA;YACV,OAAOP,EAAE;YACT,YAAYE;YACZ,WAAW;gBACTR;gBACA,oCAAoC,CAACc,MAAAA,WAAAA,GACnC,IAACC,kCAAgCA;wBAC/B,MAAM;4BAAE,IAAID,IAAI,IAAI,CAAC,EAAE;4BAAE,QAAQA,IAAI,OAAO,CAAC,MAAM;wBAAC;wBACpD,KAAKd;;YAGX;YACA,UAAUG,SAAS,YAAY;YAC/B,aAAaD;YACb,KAAKF;;;AAIb;AAEO,MAAMgB,eAAeC,cAAc;IACxC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,cAAc;IACrC,kBAAkB;IAClB,WAAWtB;AACb"}
+{"version":3,"file":"components/Alerts/bundle.mjs","sources":["../../../src/components/Alerts/bundle.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Rule, SDK } from '@rsdoctor/types';\nimport { hasViewModeFromStorage, useViewMode, useI18n } from '../../utils';\nimport { BundleAlert } from './bundle-alert';\nimport { withServerAPI } from '../Manifest';\nimport { ViewMode } from '../../constants';\nimport { PackageRelationReasonsWithServer } from '../Alert/package-relation';\nimport { ConfigProvider } from 'antd';\n\ninterface BundleAlertsProps {\n  filter?(alert: Rule.RuleStoreDataItem): boolean;\n  project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;\n}\n\nexport const BundleAlertsBase: React.FC<BundleAlertsProps> = ({\n  filter,\n  project,\n}) => {\n  const { errors, root: cwd } = project;\n  const bundleAlerts = errors;\n  const { setBundleAlertsViewMode, viewMode, setViewMode } = useViewMode();\n  const { t } = useI18n();\n\n  const dataSource = filter ? bundleAlerts.filter(filter) : bundleAlerts;\n\n  useEffect(() => {\n    if (!hasViewModeFromStorage()) {\n      setViewMode(\n        {\n          bundleAlerts:\n            bundleAlerts.length >= 5 ? ViewMode.Group : ViewMode.List,\n        },\n        false,\n      );\n    }\n  }, []);\n\n  return (\n    <ConfigProvider\n      theme={{\n        components: {\n          Alert: {\n            colorInfoBg: '#e6f4ff57',\n            colorInfoBorder: 'none',\n          },\n        },\n        token: {\n          padding: 16,\n          colorText: 'rgba(0, 0, 0, 0.85)',\n        },\n      }}\n    >\n      <BundleAlert\n        title={t('Bundle Alerts')}\n        dataSource={dataSource}\n        extraData={{\n          cwd,\n          getPackageRelationContentComponent: (res) => (\n            <PackageRelationReasonsWithServer\n              body={{ id: res.data.id, target: res.package.target }}\n              cwd={cwd}\n            />\n          ),\n        }}\n        viewMode={viewMode.bundleAlerts}\n        setViewMode={setBundleAlertsViewMode}\n        cwd={cwd}\n      />\n    </ConfigProvider>\n  );\n};\n\nexport const BundleAlerts = withServerAPI({\n  api: SDK.ServerAPI.API.GetProjectInfo,\n  responsePropName: 'project',\n  Component: BundleAlertsBase,\n});\n"],"names":["BundleAlertsBase","filter","project","errors","cwd","bundleAlerts","setBundleAlertsViewMode","viewMode","setViewMode","useViewMode","t","useI18n","dataSource","useEffect","hasViewModeFromStorage","ViewMode","ConfigProvider","BundleAlert","res","PackageRelationReasonsWithServer","BundleAlerts","withServerAPI","SDK"],"mappings":";;;;;;;;;AAcO,MAAMA,mBAAgD,CAAC,EAC5DC,MAAM,EACNC,OAAO,EACR;IACC,MAAM,EAAEC,MAAM,EAAE,MAAMC,GAAG,EAAE,GAAGF;IAC9B,MAAMG,eAAeF;IACrB,MAAM,EAAEG,uBAAuB,EAAEC,QAAQ,EAAEC,WAAW,EAAE,GAAGC;IAC3D,MAAM,EAAEC,CAAC,EAAE,GAAGC;IAEd,MAAMC,aAAaX,SAASI,aAAa,MAAM,CAACJ,UAAUI;IAE1DQ,UAAU;QACR,IAAI,CAACC,0BACHN,YACE;YACE,cACEH,aAAa,MAAM,IAAI,IAAIU,SAAS,KAAK,GAAGA,SAAS,IAAI;QAC7D,GACA;IAGN,GAAG,EAAE;IAEL,OAAO,WAAP,GACE,IAACC,gBAAcA;QACb,OAAO;YACL,YAAY;gBACV,OAAO;oBACL,aAAa;oBACb,iBAAiB;gBACnB;YACF;YACA,OAAO;gBACL,SAAS;gBACT,WAAW;YACb;QACF;kBAEA,kBAACC,aAAWA;YACV,OAAOP,EAAE;YACT,YAAYE;YACZ,WAAW;gBACTR;gBACA,oCAAoC,CAACc,MAAAA,WAAAA,GACnC,IAACC,kCAAgCA;wBAC/B,MAAM;4BAAE,IAAID,IAAI,IAAI,CAAC,EAAE;4BAAE,QAAQA,IAAI,OAAO,CAAC,MAAM;wBAAC;wBACpD,KAAKd;;YAGX;YACA,UAAUG,SAAS,YAAY;YAC/B,aAAaD;YACb,KAAKF;;;AAIb;AAEO,MAAMgB,eAAeC,cAAc;IACxC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,cAAc;IACrC,kBAAkB;IAClB,WAAWtB;AACb"}

package/dist/components/Alerts/collapse-cross-chunks.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from '@rsdoctor/types';
-import type { AlertProps } from '../Alert/types';
+import type { AlertProps } from '../Alert/types.js';
 export declare const CrossChunksAlertCollapse: (props: {
     data: Array<Rule.RuleStoreDataItem>;
     extraData: Omit<AlertProps, "data">;

package/dist/components/Alerts/collapse-cross-chunks.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/collapse-cross-chunks.mjs","sources":["webpack://@rsdoctor/components/./src/components/Alerts/collapse-cross-chunks.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\nimport { ReactNode } from 'react';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nconst LabelComponent = (props: {\n  title: string | ReactNode;\n  description: string;\n  extra?: ReactNode;\n}) => {\n  const { title, description, extra } = props;\n  return (\n    <div className={styles.label}>\n      <div className={styles.labelContent}>\n        <div>{title}</div>\n        <div>{description}</div>\n      </div>\n      <div>{extra}</div>\n    </div>\n  );\n};\n\nexport const CrossChunksAlertCollapse = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  extraData: Omit<AlertProps, 'data'>;\n}) => {\n  const { data } = props;\n\n  const items = data.map((d) => {\n    const { package: dupPackage, chunks } =\n      d as Rule.CrossChunksPackageRuleStoreData;\n\n    const ChildComponent = () => {\n      return chunks.map(({ chunks, module }) => {\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                      {module.path}\n                    </Text>\n                  </Text>\n                </Space>\n              }\n              description={\n                <div className={styles.collapseChild}>\n                  {chunks.map((chunk) => (\n                    <div style={{ display: 'flex' }}>\n                      <div className={styles.attribute}>Chunk</div>\n                      <div className={styles.iconContainer}>\n                        <span className={styles.data}>{chunk.name}</span>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              }\n            />\n          </div>\n        );\n      });\n    };\n\n    return {\n      key: `${dupPackage.name}@${dupPackage.version}`,\n      label: (\n        <LabelComponent\n          title={\n            <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n              <span\n                className={styles.pkgName}\n              >{`${dupPackage.name}@${dupPackage.version}`}</span>\n            </Tag>\n          }\n          description={`has duplicates bundled into multiple chunks.`}\n        />\n      ),\n      children: <ChildComponent />,\n    };\n  });\n\n  return (\n    <Collapse\n      style={{ width: '100%' }}\n      defaultActiveKey={['E1005']}\n      items={items}\n    />\n  );\n};\n"],"names":["Text","Typography","innerWidth","window","LabelComponent","props","title","description","extra","styles","CrossChunksAlertCollapse","data","items","d","dupPackage","chunks","ChildComponent","module","Overview","Space","Icon","TotalSizeSvg","chunk","Tag","Collapse"],"mappings":";;;;;;AAWA,MAAM,EAAEA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAU,kCAAE,GAAGC;AAEvB,MAAMC,iBAAiB,CAACC;IAKtB,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAGH;IACtC,OAAO,WAAP,GACE,KAAC;QAAI,WAAWI,gBAAAA,KAAY;;0BAC1B,KAAC;gBAAI,WAAWA,gBAAAA,YAAmB;;kCACjC,IAAC;kCAAKH;;kCACN,IAAC;kCAAKC;;;;0BAER,IAAC;0BAAKC;;;;AAGZ;AAEO,MAAME,2BAA2B,CAACL;IAIvC,MAAM,EAAEM,IAAI,EAAE,GAAGN;IAEjB,MAAMO,QAAQD,KAAK,GAAG,CAAC,CAACE;QACtB,MAAM,EAAE,SAASC,UAAU,EAAEC,MAAM,EAAE,GACnCF;QAEF,MAAMG,iBAAiB,IACdD,OAAO,GAAG,CAAC,CAAC,EAAEA,MAAM,EAAEE,MAAM,EAAE,GAC5B,WAAP,GACE,IAAC;oBAAI,WAAWR,gBAAAA,iBAAwB;8BACtC,kBAACS,UAAQA;wBACP,OAAO;4BAAE,iBAAiB;wBAAO;wBACjC,qBACE,KAACC,OAAKA;;8CACJ,IAACC,OAAIA;oCAAC,OAAO;wCAAE,UAAU;oCAAO;oCAAG,WAAWC;;8CAC9C,KAACrB,MAAAA;oCAAK,OAAO;wCAAE,OAAOE,mCAAa,OAAO,MAAM;oCAAI;;wCAAG;wCAC7C;sDACR,IAACF,MAAAA;4CACC,OAAO;gDACL,UAAU;gDACV,OAAO;gDACP,YAAY;4CACd;sDAECiB,OAAO,IAAI;;;;;;wBAKpB,2BACE,IAAC;4BAAI,WAAWR,gBAAAA,aAAoB;sCACjCM,OAAO,GAAG,CAAC,CAACO,QAAAA,WAAAA,GACX,KAAC;oCAAI,OAAO;wCAAE,SAAS;oCAAO;;sDAC5B,IAAC;4CAAI,WAAWb,gBAAAA,SAAgB;sDAAE;;sDAClC,IAAC;4CAAI,WAAWA,gBAAAA,aAAoB;sDAClC,kBAAC;gDAAK,WAAWA,gBAAAA,IAAW;0DAAGa,MAAM,IAAI;;;;;;;;QAY7D,OAAO;YACL,KAAK,GAAGR,WAAW,IAAI,CAAC,CAAC,EAAEA,WAAW,OAAO,EAAE;YAC/C,OAAO,WAAP,GACE,IAACV,gBAAAA;gBACC,qBACE,IAACmB,KAAGA;oBAAC,OAAO;wBAAE,iBAAiB;wBAAW,cAAc;oBAAM;8BAC5D,kBAAC;wBACC,WAAWd,gBAAAA,OAAc;kCACzB,GAAGK,WAAW,IAAI,CAAC,CAAC,EAAEA,WAAW,OAAO,EAAE;;;gBAGhD,aAAa;;YAGjB,UAAU,WAAV,GAAU,IAACE,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,IAACQ,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkB;YAAC;SAAQ;QAC3B,OAAOZ;;AAGb"}
+{"version":3,"file":"components/Alerts/collapse-cross-chunks.mjs","sources":["../../../src/components/Alerts/collapse-cross-chunks.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\nimport { ReactNode } from 'react';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nconst LabelComponent = (props: {\n  title: string | ReactNode;\n  description: string;\n  extra?: ReactNode;\n}) => {\n  const { title, description, extra } = props;\n  return (\n    <div className={styles.label}>\n      <div className={styles.labelContent}>\n        <div>{title}</div>\n        <div>{description}</div>\n      </div>\n      <div>{extra}</div>\n    </div>\n  );\n};\n\nexport const CrossChunksAlertCollapse = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  extraData: Omit<AlertProps, 'data'>;\n}) => {\n  const { data } = props;\n\n  const items = data.map((d) => {\n    const { package: dupPackage, chunks } =\n      d as Rule.CrossChunksPackageRuleStoreData;\n\n    const ChildComponent = () => {\n      return chunks.map(({ chunks, module }) => {\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                      {module.path}\n                    </Text>\n                  </Text>\n                </Space>\n              }\n              description={\n                <div className={styles.collapseChild}>\n                  {chunks.map((chunk) => (\n                    <div style={{ display: 'flex' }}>\n                      <div className={styles.attribute}>Chunk</div>\n                      <div className={styles.iconContainer}>\n                        <span className={styles.data}>{chunk.name}</span>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              }\n            />\n          </div>\n        );\n      });\n    };\n\n    return {\n      key: `${dupPackage.name}@${dupPackage.version}`,\n      label: (\n        <LabelComponent\n          title={\n            <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n              <span\n                className={styles.pkgName}\n              >{`${dupPackage.name}@${dupPackage.version}`}</span>\n            </Tag>\n          }\n          description={`has duplicates bundled into multiple chunks.`}\n        />\n      ),\n      children: <ChildComponent />,\n    };\n  });\n\n  return (\n    <Collapse\n      style={{ width: '100%' }}\n      defaultActiveKey={['E1005']}\n      items={items}\n    />\n  );\n};\n"],"names":["Text","Typography","innerWidth","window","LabelComponent","props","title","description","extra","styles","CrossChunksAlertCollapse","data","items","d","dupPackage","chunks","ChildComponent","module","Overview","Space","Icon","TotalSizeSvg","chunk","Tag","Collapse"],"mappings":";;;;;;AAWA,MAAM,EAAEA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAU,kCAAE,GAAGC;AAEvB,MAAMC,iBAAiB,CAACC;IAKtB,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAGH;IACtC,OAAO,WAAP,GACE,KAAC;QAAI,WAAWI,gBAAAA,KAAY;;0BAC1B,KAAC;gBAAI,WAAWA,gBAAAA,YAAmB;;kCACjC,IAAC;kCAAKH;;kCACN,IAAC;kCAAKC;;;;0BAER,IAAC;0BAAKC;;;;AAGZ;AAEO,MAAME,2BAA2B,CAACL;IAIvC,MAAM,EAAEM,IAAI,EAAE,GAAGN;IAEjB,MAAMO,QAAQD,KAAK,GAAG,CAAC,CAACE;QACtB,MAAM,EAAE,SAASC,UAAU,EAAEC,MAAM,EAAE,GACnCF;QAEF,MAAMG,iBAAiB,IACdD,OAAO,GAAG,CAAC,CAAC,EAAEA,MAAM,EAAEE,MAAM,EAAE,GAC5B,WAAP,GACE,IAAC;oBAAI,WAAWR,gBAAAA,iBAAwB;8BACtC,kBAACS,UAAQA;wBACP,OAAO;4BAAE,iBAAiB;wBAAO;wBACjC,qBACE,KAACC,OAAKA;;8CACJ,IAACC,OAAIA;oCAAC,OAAO;wCAAE,UAAU;oCAAO;oCAAG,WAAWC;;8CAC9C,KAACrB,MAAAA;oCAAK,OAAO;wCAAE,OAAOE,mCAAa,OAAO,MAAM;oCAAI;;wCAAG;wCAC7C;sDACR,IAACF,MAAAA;4CACC,OAAO;gDACL,UAAU;gDACV,OAAO;gDACP,YAAY;4CACd;sDAECiB,OAAO,IAAI;;;;;;wBAKpB,2BACE,IAAC;4BAAI,WAAWR,gBAAAA,aAAoB;sCACjCM,OAAO,GAAG,CAAC,CAACO,QAAAA,WAAAA,GACX,KAAC;oCAAI,OAAO;wCAAE,SAAS;oCAAO;;sDAC5B,IAAC;4CAAI,WAAWb,gBAAAA,SAAgB;sDAAE;;sDAClC,IAAC;4CAAI,WAAWA,gBAAAA,aAAoB;sDAClC,kBAAC;gDAAK,WAAWA,gBAAAA,IAAW;0DAAGa,MAAM,IAAI;;;;;;;;QAY7D,OAAO;YACL,KAAK,GAAGR,WAAW,IAAI,CAAC,CAAC,EAAEA,WAAW,OAAO,EAAE;YAC/C,OAAO,WAAP,GACE,IAACV,gBAAAA;gBACC,qBACE,IAACmB,KAAGA;oBAAC,OAAO;wBAAE,iBAAiB;wBAAW,cAAc;oBAAM;8BAC5D,kBAAC;wBACC,WAAWd,gBAAAA,OAAc;kCACzB,GAAGK,WAAW,IAAI,CAAC,CAAC,EAAEA,WAAW,OAAO,EAAE;;;gBAGhD,aAAa;;YAGjB,UAAU,WAAV,GAAU,IAACE,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,IAACQ,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkB;YAAC;SAAQ;QAC3B,OAAOZ;;AAGb"}

package/dist/components/Alerts/collapse.d.ts

@@ -1,5 +1,5 @@
 import type { Rule } from '@rsdoctor/types';
-import type { AlertProps } from '../Alert/types';
+import type { AlertProps } from '../Alert/types.js';
 export declare const AlertCollapse: (props: {
     data: Array<Rule.RuleStoreDataItem>;
     extraData: Omit<AlertProps, "data">;

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

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/collapse.mjs","sources":["webpack://@rsdoctor/components/./src/components/Alerts/collapse.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { 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';\n\nconst { Paragraph, Text } = Typography;\nconst { innerWidth } = window;\n\nconst LabelComponent = (props: {\n  title: string | ReactNode;\n  description: string;\n  extra: ReactNode;\n}) => {\n  const { title, description, extra } = props;\n  return (\n    <div className={styles.label}>\n      <div className={styles.labelContent}>\n        <div>{title}</div>\n        <div>{description}</div>\n      </div>\n      <div>{extra}</div>\n    </div>\n  );\n};\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","LabelComponent","props","title","description","extra","styles","AlertCollapse","data","extraData","items","d","packages","totalSize","sumBy","e","a","b","totalSizeStr","formatSize","name","versions","item","ChildComponent","pkg","idx","version","root","sizeStr","parsedSizeStr","Overview","Icon","VersionSvg","SourceSizeSvg","BundleSizeSvg","Tooltip","Divider","Tag","TotalSizeSvg","TextDrawer","Space","Size","Title","Tabs","target","targetSize","Collapse"],"mappings":"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"}
+{"version":3,"file":"components/Alerts/collapse.mjs","sources":["../../../src/components/Alerts/collapse.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { 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';\n\nconst { Paragraph, Text } = Typography;\nconst { innerWidth } = window;\n\nconst LabelComponent = (props: {\n  title: string | ReactNode;\n  description: string;\n  extra: ReactNode;\n}) => {\n  const { title, description, extra } = props;\n  return (\n    <div className={styles.label}>\n      <div className={styles.labelContent}>\n        <div>{title}</div>\n        <div>{description}</div>\n      </div>\n      <div>{extra}</div>\n    </div>\n  );\n};\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","LabelComponent","props","title","description","extra","styles","AlertCollapse","data","extraData","items","d","packages","totalSize","sumBy","e","a","b","totalSizeStr","formatSize","name","versions","item","ChildComponent","pkg","idx","version","root","sizeStr","parsedSizeStr","Overview","Icon","VersionSvg","SourceSizeSvg","BundleSizeSvg","Tooltip","Divider","Tag","TotalSizeSvg","TextDrawer","Space","Size","Title","Tabs","target","targetSize","Collapse"],"mappings":"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"}

package/dist/components/Alerts/collapse.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/collapse.module.mjs","sources":["webpack://@rsdoctor/components/./src/components/Alerts/collapse.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./collapse_module.css\"\nexport default {\"label\":\"label-XufLCq\",\"labelContent\":\"labelContent-nkrbEg\",\"collapseContainer\":\"collapseContainer-RlFMpI\",\"collapseChild\":\"collapseChild-WWZD3z\",\"attribute\":\"attribute-bDSZ0z\",\"copy\":\"copy-qK3yUU\",\"drawerLabelTitle\":\"drawerLabelTitle-bDwhFt\",\"drawerLabelSize\":\"drawerLabelSize-gzchzs\",\"extraContainer\":\"extraContainer-Zf1u14\",\"iconContainer\":\"iconContainer-qPzCrR\",\"data\":\"data-po89g7\",\"pkgName\":\"pkgName-vA16cZ\"};"],"names":[],"mappings":";AAEA,wBAAe;IAAC,OAAQ;IAAe,cAAe;IAAsB,mBAAoB;IAA2B,eAAgB;IAAuB,WAAY;IAAmB,MAAO;IAAc,kBAAmB;IAA0B,iBAAkB;IAAyB,gBAAiB;IAAwB,eAAgB;IAAuB,MAAO;IAAc,SAAU;AAAgB"}
+{"version":3,"file":"components/Alerts/collapse.module.mjs","sources":["../../../src/components/Alerts/collapse.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./collapse_module.css\"\nexport default {\"label\":\"label-XufLCq\",\"labelContent\":\"labelContent-nkrbEg\",\"collapseContainer\":\"collapseContainer-RlFMpI\",\"collapseChild\":\"collapseChild-WWZD3z\",\"attribute\":\"attribute-bDSZ0z\",\"copy\":\"copy-qK3yUU\",\"drawerLabelTitle\":\"drawerLabelTitle-bDwhFt\",\"drawerLabelSize\":\"drawerLabelSize-gzchzs\",\"extraContainer\":\"extraContainer-Zf1u14\",\"iconContainer\":\"iconContainer-qPzCrR\",\"data\":\"data-po89g7\",\"pkgName\":\"pkgName-vA16cZ\"};"],"names":[],"mappings":";AAEA,wBAAe;IAAC,OAAQ;IAAe,cAAe;IAAsB,mBAAoB;IAA2B,eAAgB;IAAuB,WAAY;IAAmB,MAAO;IAAc,kBAAmB;IAA0B,iBAAkB;IAAyB,gBAAiB;IAAwB,eAAgB;IAAuB,MAAO;IAAc,SAAU;AAAgB"}

package/dist/components/Alerts/compile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/compile.mjs","sources":["webpack://@rsdoctor/components/./src/components/Alerts/compile.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Rule, SDK } from '@rsdoctor/types';\nimport {\n  hasViewModeFromStorage,\n  useCompileAlertsByErrors,\n  useViewMode,\n} from '../../utils';\nimport { BundleAlert } from './bundle-alert';\nimport { withServerAPI } from '../Manifest';\nimport { ViewMode } from '../../constants';\nimport { PackageRelationReasonsWithServer } from '../Alert/package-relation';\n\ninterface CompileAlertsProps {\n  filter?(alert: Rule.RuleStoreDataItem): boolean;\n  project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;\n}\n\nconst CompileAlertsBase: React.FC<CompileAlertsProps> = ({\n  filter,\n  project,\n}) => {\n  const { root: cwd, errors } = project;\n  const compileAlerts = useCompileAlertsByErrors(errors);\n  const { setCompileAlertsViewMode, viewMode, setViewMode } = useViewMode();\n\n  const dataSource = filter ? compileAlerts.filter(filter) : compileAlerts;\n\n  useEffect(() => {\n    if (!hasViewModeFromStorage()) {\n      setViewMode(\n        {\n          compileAlerts:\n            compileAlerts.length >= 5 ? ViewMode.Group : ViewMode.List,\n        },\n        false,\n      );\n    }\n  }, []);\n\n  return (\n    <BundleAlert\n      title=\"Compile Alerts\"\n      dataSource={dataSource}\n      extraData={{\n        cwd,\n        getPackageRelationContentComponent: (res) => (\n          <PackageRelationReasonsWithServer\n            body={{ id: res.data.id, target: res.package.target }}\n            cwd={cwd}\n          />\n        ),\n      }}\n      viewMode={viewMode.compileAlerts}\n      setViewMode={setCompileAlertsViewMode}\n      cwd={cwd}\n    />\n  );\n};\n\nexport const CompileAlerts = withServerAPI({\n  api: SDK.ServerAPI.API.GetProjectInfo,\n  responsePropName: 'project',\n  Component: CompileAlertsBase,\n});\n"],"names":["CompileAlertsBase","filter","project","cwd","errors","compileAlerts","useCompileAlertsByErrors","setCompileAlertsViewMode","viewMode","setViewMode","useViewMode","dataSource","useEffect","hasViewModeFromStorage","ViewMode","BundleAlert","res","PackageRelationReasonsWithServer","CompileAlerts","withServerAPI","SDK"],"mappings":";;;;;;;;AAiBA,MAAMA,oBAAkD,CAAC,EACvDC,MAAM,EACNC,OAAO,EACR;IACC,MAAM,EAAE,MAAMC,GAAG,EAAEC,MAAM,EAAE,GAAGF;IAC9B,MAAMG,gBAAgBC,yBAAyBF;IAC/C,MAAM,EAAEG,wBAAwB,EAAEC,QAAQ,EAAEC,WAAW,EAAE,GAAGC;IAE5D,MAAMC,aAAaV,SAASI,cAAc,MAAM,CAACJ,UAAUI;IAE3DO,UAAU;QACR,IAAI,CAACC,0BACHJ,YACE;YACE,eACEJ,cAAc,MAAM,IAAI,IAAIS,SAAS,KAAK,GAAGA,SAAS,IAAI;QAC9D,GACA;IAGN,GAAG,EAAE;IAEL,OAAO,WAAP,GACE,IAACC,aAAWA;QACV,OAAM;QACN,YAAYJ;QACZ,WAAW;YACTR;YACA,oCAAoC,CAACa,MAAAA,WAAAA,GACnC,IAACC,kCAAgCA;oBAC/B,MAAM;wBAAE,IAAID,IAAI,IAAI,CAAC,EAAE;wBAAE,QAAQA,IAAI,OAAO,CAAC,MAAM;oBAAC;oBACpD,KAAKb;;QAGX;QACA,UAAUK,SAAS,aAAa;QAChC,aAAaD;QACb,KAAKJ;;AAGX;AAEO,MAAMe,gBAAgBC,cAAc;IACzC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,cAAc;IACrC,kBAAkB;IAClB,WAAWpB;AACb"}
+{"version":3,"file":"components/Alerts/compile.mjs","sources":["../../../src/components/Alerts/compile.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Rule, SDK } from '@rsdoctor/types';\nimport {\n  hasViewModeFromStorage,\n  useCompileAlertsByErrors,\n  useViewMode,\n} from '../../utils';\nimport { BundleAlert } from './bundle-alert';\nimport { withServerAPI } from '../Manifest';\nimport { ViewMode } from '../../constants';\nimport { PackageRelationReasonsWithServer } from '../Alert/package-relation';\n\ninterface CompileAlertsProps {\n  filter?(alert: Rule.RuleStoreDataItem): boolean;\n  project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;\n}\n\nconst CompileAlertsBase: React.FC<CompileAlertsProps> = ({\n  filter,\n  project,\n}) => {\n  const { root: cwd, errors } = project;\n  const compileAlerts = useCompileAlertsByErrors(errors);\n  const { setCompileAlertsViewMode, viewMode, setViewMode } = useViewMode();\n\n  const dataSource = filter ? compileAlerts.filter(filter) : compileAlerts;\n\n  useEffect(() => {\n    if (!hasViewModeFromStorage()) {\n      setViewMode(\n        {\n          compileAlerts:\n            compileAlerts.length >= 5 ? ViewMode.Group : ViewMode.List,\n        },\n        false,\n      );\n    }\n  }, []);\n\n  return (\n    <BundleAlert\n      title=\"Compile Alerts\"\n      dataSource={dataSource}\n      extraData={{\n        cwd,\n        getPackageRelationContentComponent: (res) => (\n          <PackageRelationReasonsWithServer\n            body={{ id: res.data.id, target: res.package.target }}\n            cwd={cwd}\n          />\n        ),\n      }}\n      viewMode={viewMode.compileAlerts}\n      setViewMode={setCompileAlertsViewMode}\n      cwd={cwd}\n    />\n  );\n};\n\nexport const CompileAlerts = withServerAPI({\n  api: SDK.ServerAPI.API.GetProjectInfo,\n  responsePropName: 'project',\n  Component: CompileAlertsBase,\n});\n"],"names":["CompileAlertsBase","filter","project","cwd","errors","compileAlerts","useCompileAlertsByErrors","setCompileAlertsViewMode","viewMode","setViewMode","useViewMode","dataSource","useEffect","hasViewModeFromStorage","ViewMode","BundleAlert","res","PackageRelationReasonsWithServer","CompileAlerts","withServerAPI","SDK"],"mappings":";;;;;;;;AAiBA,MAAMA,oBAAkD,CAAC,EACvDC,MAAM,EACNC,OAAO,EACR;IACC,MAAM,EAAE,MAAMC,GAAG,EAAEC,MAAM,EAAE,GAAGF;IAC9B,MAAMG,gBAAgBC,yBAAyBF;IAC/C,MAAM,EAAEG,wBAAwB,EAAEC,QAAQ,EAAEC,WAAW,EAAE,GAAGC;IAE5D,MAAMC,aAAaV,SAASI,cAAc,MAAM,CAACJ,UAAUI;IAE3DO,UAAU;QACR,IAAI,CAACC,0BACHJ,YACE;YACE,eACEJ,cAAc,MAAM,IAAI,IAAIS,SAAS,KAAK,GAAGA,SAAS,IAAI;QAC9D,GACA;IAGN,GAAG,EAAE;IAEL,OAAO,WAAP,GACE,IAACC,aAAWA;QACV,OAAM;QACN,YAAYJ;QACZ,WAAW;YACTR;YACA,oCAAoC,CAACa,MAAAA,WAAAA,GACnC,IAACC,kCAAgCA;oBAC/B,MAAM;wBAAE,IAAID,IAAI,IAAI,CAAC,EAAE;wBAAE,QAAQA,IAAI,OAAO,CAAC,MAAM;oBAAC;oBACpD,KAAKb;;QAGX;QACA,UAAUK,SAAS,aAAa;QAChC,aAAaD;QACb,KAAKJ;;AAGX;AAEO,MAAMe,gBAAgBC,cAAc;IACzC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,cAAc;IACrC,kBAAkB;IAClB,WAAWpB;AACb"}

package/dist/components/Alerts/index.d.ts

@@ -1,3 +1,3 @@
-export * from './bundle';
-export * from './compile';
-export * from './overlay';
+export * from './bundle.js';
+export * from './compile.js';
+export * from './overlay.js';

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

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/list.mjs","sources":["webpack://@rsdoctor/components/./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\n            className={styles.description}\n            dangerouslySetInnerHTML={{ __html: description || '' }}\n          />\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;gBACC,WAAWC,YAAAA,WAAkB;gBAC7B,yBAAyB;oBAAE,QAAQJ,eAAe;gBAAG;;YAGzD,oBACE,IAACK,QAAMA;gBAAC,SAAS,IAAMJ;gBAAU,MAAK;0BAAO;;;IAMrD;AACF"}
+{"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\n            className={styles.description}\n            dangerouslySetInnerHTML={{ __html: description || '' }}\n          />\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;gBACC,WAAWC,YAAAA,WAAkB;gBAC7B,yBAAyB;oBAAE,QAAQJ,eAAe;gBAAG;;YAGzD,oBACE,IAACK,QAAMA;gBAAC,SAAS,IAAMJ;gBAAU,MAAK;0BAAO;;;IAMrD;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/list.module.mjs","sources":["webpack://@rsdoctor/components/./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"}
+{"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"}

package/dist/components/Alerts/overlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/overlay.mjs","sources":["webpack://@rsdoctor/components/./src/components/Alerts/overlay.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { SDK } from '@rsdoctor/types';\nimport {\n  Alert,\n  Button,\n  Col,\n  Collapse,\n  Row,\n  Tag,\n  Typography,\n  Badge,\n} from 'antd';\nimport {\n  BugOutlined,\n  CloseCircleOutlined,\n  DownOutlined,\n  RightOutlined,\n} from '@ant-design/icons';\nimport Dialog from 'rc-dialog';\nimport Ansi from 'ansi-to-react';\n\nimport { withServerAPI } from '../Manifest';\nimport { Size, Color } from '../../constants';\n\nimport styles from './overlay.module.scss';\n\nimport 'rc-dialog/assets/index.css';\n\nfunction getOverlayAlertsMessage(\n  alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>,\n) {\n  let warns = 0;\n  let errors = 0;\n\n  alerts.forEach((item) => {\n    if (item.level === 'warn') {\n      warns++;\n    } else {\n      errors++;\n    }\n  });\n\n  const suffixText =\n    warns !== 0 && errors !== 0 ? 'problems' : warns === 0 ? 'errors' : 'warns';\n\n  const fontSize = 16;\n\n  return {\n    title: `${alerts.length} compiled ${suffixText}`,\n    detail: (\n      <Typography.Text strong style={{ color: '#fff', marginBottom: 0 }}>\n        <Typography.Text style={{ color: 'inherit', fontSize }}>\n          Compiled with\n        </Typography.Text>\n        <Typography.Text strong style={{ color: Color.Red, fontSize }}>\n          {' '}\n          {errors} {errors === 1 ? 'error' : 'errors'}{' '}\n        </Typography.Text>\n        <Typography.Text style={{ color: 'inherit', fontSize }}>\n          and\n        </Typography.Text>\n        <Typography.Text strong style={{ color: Color.Yellow, fontSize }}>\n          {' '}\n          {warns} {warns === 1 ? 'warning' : 'warnings'}\n        </Typography.Text>\n      </Typography.Text>\n    ),\n    warns,\n    errors,\n  };\n}\n\nexport const OverlayAlertsModal: React.FC<{\n  alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;\n  open: boolean;\n  onClose(): void;\n}> = ({ alerts = [], open, onClose }) => {\n  if (!alerts.length) return null;\n\n  return (\n    <Dialog\n      visible={open}\n      onClose={() => onClose()}\n      style={{ width: '100%', height: '100%', margin: 0, zIndex: 1000 }}\n      closable={false}\n      modalRender={(e) => {\n        return React.cloneElement(e as React.ReactElement, {\n          style: {\n            background: 'rgba(0, 0, 0, 0.7)',\n            color: '#fff',\n            height: '100%',\n            overflow: 'scroll',\n            borderRadius: 0,\n          },\n        });\n      }}\n    >\n      <Row justify=\"space-between\" align=\"middle\">\n        {getOverlayAlertsMessage(alerts).detail}\n        <Button\n          onClick={() => onClose()}\n          type=\"text\"\n          style={{ color: '#fff' }}\n          size=\"large\"\n          icon={<CloseCircleOutlined />}\n        ></Button>\n      </Row>\n      <Row gutter={[0, Size.BasePadding]}>\n        {alerts.map((e) => {\n          return (\n            <Col\n              span={24}\n              key={e.id}\n              style={{\n                whiteSpace: 'pre-wrap',\n                lineHeight: `16px`,\n                fontSize: 14,\n              }}\n            >\n              <Collapse\n                ghost\n                style={{ background: '#000' }}\n                defaultActiveKey={[e.id]}\n                expandIcon={(e) => {\n                  return e.isActive ? (\n                    <DownOutlined style={{ color: '#fff' }} />\n                  ) : (\n                    <RightOutlined style={{ color: '#fff' }} />\n                  );\n                }}\n              >\n                <Collapse.Panel\n                  header={\n                    <div style={{ color: '#fff' }}>\n                      {e.level === 'warn' ? (\n                        <Tag color={Color.Yellow}>WARNING</Tag>\n                      ) : (\n                        <Tag color={Color.Red}>ERROR</Tag>\n                      )}\n                      <Ansi>{e.description || e.title}</Ansi>\n                    </div>\n                  }\n                  key={e.id}\n                >\n                  <div style={{ color: '#fff' }}>\n                    <Ansi>{e.stack}</Ansi>\n                  </div>\n                </Collapse.Panel>\n              </Collapse>\n            </Col>\n          );\n        })}\n      </Row>\n    </Dialog>\n  );\n};\n\nexport const OverlayAlertsTips: React.FC<{\n  alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;\n  defaultOpen?: boolean;\n}> = ({ alerts = [], defaultOpen = alerts.length > 0 }) => {\n  if (!alerts.length) return null;\n\n  const [open, setOpen] = useState(defaultOpen);\n\n  return (\n    <React.Fragment>\n      <Alert\n        banner\n        message={React.cloneElement(getOverlayAlertsMessage(alerts).detail, {\n          style: {\n            color: '#000',\n          },\n        })}\n        icon={<BugOutlined />}\n        action={\n          <Button onClick={() => setOpen(true)} size=\"small\">\n            More\n          </Button>\n        }\n      ></Alert>\n      <OverlayAlertsModal\n        alerts={alerts}\n        open={open}\n        onClose={() => setOpen(false)}\n      />\n    </React.Fragment>\n  );\n};\n\nexport const OverlayAlertsButton: React.FC<{\n  alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;\n}> = ({ alerts = [] }) => {\n  if (!alerts.length) return null;\n\n  const [open, setOpen] = useState(false);\n\n  return (\n    <div className={styles.container}>\n      <div onClick={() => setOpen(!open)} className={styles.badgeContainer}>\n        <Badge count={alerts.length} size=\"small\">\n          <BugOutlined style={{ fontSize: 15 }} />\n        </Badge>\n      </div>\n      <OverlayAlertsModal\n        alerts={alerts}\n        open={open}\n        onClose={() => setOpen(false)}\n      />\n    </div>\n  );\n};\n\nexport const OverlayAlertsWithButton = withServerAPI({\n  api: SDK.ServerAPI.API.GetOverlayAlerts,\n  Component: OverlayAlertsButton,\n  responsePropName: 'alerts',\n  fallbackComponent: () => null,\n});\n\nexport const OverlayAlertsWithTips = withServerAPI({\n  api: SDK.ServerAPI.API.GetOverlayAlerts,\n  Component: OverlayAlertsTips,\n  responsePropName: 'alerts',\n  fallbackComponent: () => null,\n});\n"],"names":["getOverlayAlertsMessage","alerts","warns","errors","item","suffixText","fontSize","Typography","Color","OverlayAlertsModal","open","onClose","Dialog","e","React","Row","Button","CloseCircleOutlined","Size","Col","Collapse","DownOutlined","RightOutlined","Tag","Ansi","OverlayAlertsTips","defaultOpen","setOpen","useState","Alert","BugOutlined","OverlayAlertsButton","styles","Badge","OverlayAlertsWithButton","withServerAPI","SDK","OverlayAlertsWithTips"],"mappings":"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"}
+{"version":3,"file":"components/Alerts/overlay.mjs","sources":["../../../src/components/Alerts/overlay.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { SDK } from '@rsdoctor/types';\nimport {\n  Alert,\n  Button,\n  Col,\n  Collapse,\n  Row,\n  Tag,\n  Typography,\n  Badge,\n} from 'antd';\nimport {\n  BugOutlined,\n  CloseCircleOutlined,\n  DownOutlined,\n  RightOutlined,\n} from '@ant-design/icons';\nimport Dialog from 'rc-dialog';\nimport Ansi from 'ansi-to-react';\n\nimport { withServerAPI } from '../Manifest';\nimport { Size, Color } from '../../constants';\n\nimport styles from './overlay.module.scss';\n\nimport 'rc-dialog/assets/index.css';\n\nfunction getOverlayAlertsMessage(\n  alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>,\n) {\n  let warns = 0;\n  let errors = 0;\n\n  alerts.forEach((item) => {\n    if (item.level === 'warn') {\n      warns++;\n    } else {\n      errors++;\n    }\n  });\n\n  const suffixText =\n    warns !== 0 && errors !== 0 ? 'problems' : warns === 0 ? 'errors' : 'warns';\n\n  const fontSize = 16;\n\n  return {\n    title: `${alerts.length} compiled ${suffixText}`,\n    detail: (\n      <Typography.Text strong style={{ color: '#fff', marginBottom: 0 }}>\n        <Typography.Text style={{ color: 'inherit', fontSize }}>\n          Compiled with\n        </Typography.Text>\n        <Typography.Text strong style={{ color: Color.Red, fontSize }}>\n          {' '}\n          {errors} {errors === 1 ? 'error' : 'errors'}{' '}\n        </Typography.Text>\n        <Typography.Text style={{ color: 'inherit', fontSize }}>\n          and\n        </Typography.Text>\n        <Typography.Text strong style={{ color: Color.Yellow, fontSize }}>\n          {' '}\n          {warns} {warns === 1 ? 'warning' : 'warnings'}\n        </Typography.Text>\n      </Typography.Text>\n    ),\n    warns,\n    errors,\n  };\n}\n\nexport const OverlayAlertsModal: React.FC<{\n  alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;\n  open: boolean;\n  onClose(): void;\n}> = ({ alerts = [], open, onClose }) => {\n  if (!alerts.length) return null;\n\n  return (\n    <Dialog\n      visible={open}\n      onClose={() => onClose()}\n      style={{ width: '100%', height: '100%', margin: 0, zIndex: 1000 }}\n      closable={false}\n      modalRender={(e) => {\n        return React.cloneElement(e as React.ReactElement, {\n          style: {\n            background: 'rgba(0, 0, 0, 0.7)',\n            color: '#fff',\n            height: '100%',\n            overflow: 'scroll',\n            borderRadius: 0,\n          },\n        });\n      }}\n    >\n      <Row justify=\"space-between\" align=\"middle\">\n        {getOverlayAlertsMessage(alerts).detail}\n        <Button\n          onClick={() => onClose()}\n          type=\"text\"\n          style={{ color: '#fff' }}\n          size=\"large\"\n          icon={<CloseCircleOutlined />}\n        ></Button>\n      </Row>\n      <Row gutter={[0, Size.BasePadding]}>\n        {alerts.map((e) => {\n          return (\n            <Col\n              span={24}\n              key={e.id}\n              style={{\n                whiteSpace: 'pre-wrap',\n                lineHeight: `16px`,\n                fontSize: 14,\n              }}\n            >\n              <Collapse\n                ghost\n                style={{ background: '#000' }}\n                defaultActiveKey={[e.id]}\n                expandIcon={(e) => {\n                  return e.isActive ? (\n                    <DownOutlined style={{ color: '#fff' }} />\n                  ) : (\n                    <RightOutlined style={{ color: '#fff' }} />\n                  );\n                }}\n              >\n                <Collapse.Panel\n                  header={\n                    <div style={{ color: '#fff' }}>\n                      {e.level === 'warn' ? (\n                        <Tag color={Color.Yellow}>WARNING</Tag>\n                      ) : (\n                        <Tag color={Color.Red}>ERROR</Tag>\n                      )}\n                      <Ansi>{e.description || e.title}</Ansi>\n                    </div>\n                  }\n                  key={e.id}\n                >\n                  <div style={{ color: '#fff' }}>\n                    <Ansi>{e.stack}</Ansi>\n                  </div>\n                </Collapse.Panel>\n              </Collapse>\n            </Col>\n          );\n        })}\n      </Row>\n    </Dialog>\n  );\n};\n\nexport const OverlayAlertsTips: React.FC<{\n  alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;\n  defaultOpen?: boolean;\n}> = ({ alerts = [], defaultOpen = alerts.length > 0 }) => {\n  if (!alerts.length) return null;\n\n  const [open, setOpen] = useState(defaultOpen);\n\n  return (\n    <React.Fragment>\n      <Alert\n        banner\n        message={React.cloneElement(getOverlayAlertsMessage(alerts).detail, {\n          style: {\n            color: '#000',\n          },\n        })}\n        icon={<BugOutlined />}\n        action={\n          <Button onClick={() => setOpen(true)} size=\"small\">\n            More\n          </Button>\n        }\n      ></Alert>\n      <OverlayAlertsModal\n        alerts={alerts}\n        open={open}\n        onClose={() => setOpen(false)}\n      />\n    </React.Fragment>\n  );\n};\n\nexport const OverlayAlertsButton: React.FC<{\n  alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;\n}> = ({ alerts = [] }) => {\n  if (!alerts.length) return null;\n\n  const [open, setOpen] = useState(false);\n\n  return (\n    <div className={styles.container}>\n      <div onClick={() => setOpen(!open)} className={styles.badgeContainer}>\n        <Badge count={alerts.length} size=\"small\">\n          <BugOutlined style={{ fontSize: 15 }} />\n        </Badge>\n      </div>\n      <OverlayAlertsModal\n        alerts={alerts}\n        open={open}\n        onClose={() => setOpen(false)}\n      />\n    </div>\n  );\n};\n\nexport const OverlayAlertsWithButton = withServerAPI({\n  api: SDK.ServerAPI.API.GetOverlayAlerts,\n  Component: OverlayAlertsButton,\n  responsePropName: 'alerts',\n  fallbackComponent: () => null,\n});\n\nexport const OverlayAlertsWithTips = withServerAPI({\n  api: SDK.ServerAPI.API.GetOverlayAlerts,\n  Component: OverlayAlertsTips,\n  responsePropName: 'alerts',\n  fallbackComponent: () => null,\n});\n"],"names":["getOverlayAlertsMessage","alerts","warns","errors","item","suffixText","fontSize","Typography","Color","OverlayAlertsModal","open","onClose","Dialog","e","React","Row","Button","CloseCircleOutlined","Size","Col","Collapse","DownOutlined","RightOutlined","Tag","Ansi","OverlayAlertsTips","defaultOpen","setOpen","useState","Alert","BugOutlined","OverlayAlertsButton","styles","Badge","OverlayAlertsWithButton","withServerAPI","SDK","OverlayAlertsWithTips"],"mappings":"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"}

package/dist/components/Alerts/overlay.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/overlay.module.mjs","sources":["webpack://@rsdoctor/components/./src/components/Alerts/overlay.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./overlay_module.css\"\nexport default {\"container\":\"container-t1WME9\",\"badgeContainer\":\"badgeContainer-K7EgOu\"};"],"names":[],"mappings":";AAEA,uBAAe;IAAC,WAAY;IAAmB,gBAAiB;AAAuB"}
+{"version":3,"file":"components/Alerts/overlay.module.mjs","sources":["../../../src/components/Alerts/overlay.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./overlay_module.css\"\nexport default {\"container\":\"container-t1WME9\",\"badgeContainer\":\"badgeContainer-K7EgOu\"};"],"names":[],"mappings":";AAEA,uBAAe;IAAC,WAAY;IAAmB,gBAAiB;AAAuB"}

package/dist/components/Badge/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Badge/index.mjs","sources":["webpack://@rsdoctor/components/./src/components/Badge/index.tsx"],"sourcesContent":["import { Tooltip } from 'antd';\nimport React from 'react';\n\nexport enum BadgeType {\n  Default = 'default',\n  Success = 'success',\n  Warn = 'warn',\n  Error = 'error',\n}\n\nexport const BadgeColorMap = {\n  [BadgeType.Default]: 'linear-gradient(to bottom, #3ea2ff 0%, #0072db 100%)',\n  [BadgeType.Success]: 'linear-gradient(to bottom, #6cf42a 0%, #52C41A 100%)',\n  [BadgeType.Warn]: 'linear-gradient(to bottom, #ffc100 0%, #f59025 100%)',\n  [BadgeType.Error]: `linear-gradient(to bottom, rgb(250 127 22), #FF4D4F 100%)`,\n};\n\ninterface BadgeProps {\n  label: string | number | React.ReactNode;\n  value: string | number | React.ReactNode;\n  type?: BadgeType | `${BadgeType}`;\n  tooltip?: true | string | React.ReactNode;\n}\n\nexport const Badge: React.FC<BadgeProps> = ({ label, value, type = 'default', tooltip }) => {\n  const height = 22;\n\n  const borderRadius = 4;\n\n  const commonStyle: React.CSSProperties = {\n    height: '100%',\n    lineHeight: `${height}px`,\n    width: 'auto',\n    display: 'inline-block',\n    boxSizing: 'border-box',\n    padding: `0 6px`,\n    color: '#fff',\n    fontSize: 12,\n    textAlign: 'center',\n    verticalAlign: 'middle',\n  };\n\n  const Content = (\n    <div\n      style={{\n        height,\n        margin: 0,\n        padding: 0,\n        boxSizing: 'border-box',\n        borderRadius: 4,\n        fontSize: 0,\n        whiteSpace: 'nowrap',\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        display: 'flex',\n        justifyContent: 'flex-start',\n        alignItems: 'center',\n      }}\n    >\n      <div\n        style={{\n          ...commonStyle,\n          borderTopLeftRadius: borderRadius,\n          borderBottomLeftRadius: borderRadius,\n          background: 'linear-gradient(to bottom, #525252a3 0%, #1F1F1F 100%)',\n        }}\n      >\n        {label}\n      </div>\n      <div\n        style={{\n          ...commonStyle,\n          borderTopRightRadius: borderRadius,\n          borderBottomRightRadius: borderRadius,\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          background: BadgeColorMap[type] || BadgeColorMap[BadgeType.Default],\n        }}\n      >\n        {value}\n      </div>\n    </div>\n  );\n\n  if (tooltip) {\n    return (\n      <Tooltip title={tooltip === true ? value : tooltip} placement=\"topLeft\">\n        {Content}\n      </Tooltip>\n    );\n  }\n\n  return Content;\n};\n"],"names":["BadgeType","BadgeColorMap","Badge","label","value","type","tooltip","height","borderRadius","commonStyle","Content","Tooltip"],"mappings":";;;AAGO,IAAKA,kBAASA,WAAAA,GAAAA,SAATA,SAAS;;;;;WAATA;;AAOL,MAAMC,gBAAgB;IAC3B,CAAC,UAAkB,EAAE;IACrB,CAAC,UAAkB,EAAE;IACrB,CAAC,OAAe,EAAE;IAClB,CAAC,QAAgB,EAAE;AACrB;AASO,MAAMC,QAA8B,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAEC,OAAO,SAAS,EAAEC,OAAO,EAAE;IACrF,MAAMC,SAAS;IAEf,MAAMC,eAAe;IAErB,MAAMC,cAAmC;QACvC,QAAQ;QACR,YAAY,GAAGF,OAAO,EAAE,CAAC;QACzB,OAAO;QACP,SAAS;QACT,WAAW;QACX,SAAS;QACT,OAAO;QACP,UAAU;QACV,WAAW;QACX,eAAe;IACjB;IAEA,MAAMG,UAAU,WAAVA,GACJ,KAAC;QACC,OAAO;YACLH;YACA,QAAQ;YACR,SAAS;YACT,WAAW;YACX,cAAc;YACd,UAAU;YACV,YAAY;YACZ,cAAc;YACd,UAAU;YACV,SAAS;YACT,gBAAgB;YAChB,YAAY;QACd;;0BAEA,IAAC;gBACC,OAAO;oBACL,GAAGE,WAAW;oBACd,qBAAqBD;oBACrB,wBAAwBA;oBACxB,YAAY;gBACd;0BAECL;;0BAEH,IAAC;gBACC,OAAO;oBACL,GAAGM,WAAW;oBACd,sBAAsBD;oBACtB,yBAAyBA;oBACzB,UAAU;oBACV,cAAc;oBACd,YAAYP,aAAa,CAACI,KAAK,IAAIJ,aAAa,CAAC,UAAkB;gBACrE;0BAECG;;;;IAKP,IAAIE,SACF,OAAO,WAAP,GACE,IAACK,SAAOA;QAAC,OAAOL,AAAY,SAAZA,UAAmBF,QAAQE;QAAS,WAAU;kBAC3DI;;IAKP,OAAOA;AACT"}
+{"version":3,"file":"components/Badge/index.mjs","sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import { Tooltip } from 'antd';\nimport React from 'react';\n\nexport enum BadgeType {\n  Default = 'default',\n  Success = 'success',\n  Warn = 'warn',\n  Error = 'error',\n}\n\nexport const BadgeColorMap = {\n  [BadgeType.Default]: 'linear-gradient(to bottom, #3ea2ff 0%, #0072db 100%)',\n  [BadgeType.Success]: 'linear-gradient(to bottom, #6cf42a 0%, #52C41A 100%)',\n  [BadgeType.Warn]: 'linear-gradient(to bottom, #ffc100 0%, #f59025 100%)',\n  [BadgeType.Error]: `linear-gradient(to bottom, rgb(250 127 22), #FF4D4F 100%)`,\n};\n\ninterface BadgeProps {\n  label: string | number | React.ReactNode;\n  value: string | number | React.ReactNode;\n  type?: BadgeType | `${BadgeType}`;\n  tooltip?: true | string | React.ReactNode;\n}\n\nexport const Badge: React.FC<BadgeProps> = ({ label, value, type = 'default', tooltip }) => {\n  const height = 22;\n\n  const borderRadius = 4;\n\n  const commonStyle: React.CSSProperties = {\n    height: '100%',\n    lineHeight: `${height}px`,\n    width: 'auto',\n    display: 'inline-block',\n    boxSizing: 'border-box',\n    padding: `0 6px`,\n    color: '#fff',\n    fontSize: 12,\n    textAlign: 'center',\n    verticalAlign: 'middle',\n  };\n\n  const Content = (\n    <div\n      style={{\n        height,\n        margin: 0,\n        padding: 0,\n        boxSizing: 'border-box',\n        borderRadius: 4,\n        fontSize: 0,\n        whiteSpace: 'nowrap',\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        display: 'flex',\n        justifyContent: 'flex-start',\n        alignItems: 'center',\n      }}\n    >\n      <div\n        style={{\n          ...commonStyle,\n          borderTopLeftRadius: borderRadius,\n          borderBottomLeftRadius: borderRadius,\n          background: 'linear-gradient(to bottom, #525252a3 0%, #1F1F1F 100%)',\n        }}\n      >\n        {label}\n      </div>\n      <div\n        style={{\n          ...commonStyle,\n          borderTopRightRadius: borderRadius,\n          borderBottomRightRadius: borderRadius,\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          background: BadgeColorMap[type] || BadgeColorMap[BadgeType.Default],\n        }}\n      >\n        {value}\n      </div>\n    </div>\n  );\n\n  if (tooltip) {\n    return (\n      <Tooltip title={tooltip === true ? value : tooltip} placement=\"topLeft\">\n        {Content}\n      </Tooltip>\n    );\n  }\n\n  return Content;\n};\n"],"names":["BadgeType","BadgeColorMap","Badge","label","value","type","tooltip","height","borderRadius","commonStyle","Content","Tooltip"],"mappings":";;;AAGO,IAAKA,kBAASA,WAAAA,GAAAA,SAATA,SAAS;;;;;WAATA;;AAOL,MAAMC,gBAAgB;IAC3B,CAAC,UAAkB,EAAE;IACrB,CAAC,UAAkB,EAAE;IACrB,CAAC,OAAe,EAAE;IAClB,CAAC,QAAgB,EAAE;AACrB;AASO,MAAMC,QAA8B,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAEC,OAAO,SAAS,EAAEC,OAAO,EAAE;IACrF,MAAMC,SAAS;IAEf,MAAMC,eAAe;IAErB,MAAMC,cAAmC;QACvC,QAAQ;QACR,YAAY,GAAGF,OAAO,EAAE,CAAC;QACzB,OAAO;QACP,SAAS;QACT,WAAW;QACX,SAAS;QACT,OAAO;QACP,UAAU;QACV,WAAW;QACX,eAAe;IACjB;IAEA,MAAMG,UAAU,WAAVA,GACJ,KAAC;QACC,OAAO;YACLH;YACA,QAAQ;YACR,SAAS;YACT,WAAW;YACX,cAAc;YACd,UAAU;YACV,YAAY;YACZ,cAAc;YACd,UAAU;YACV,SAAS;YACT,gBAAgB;YAChB,YAAY;QACd;;0BAEA,IAAC;gBACC,OAAO;oBACL,GAAGE,WAAW;oBACd,qBAAqBD;oBACrB,wBAAwBA;oBACxB,YAAY;gBACd;0BAECL;;0BAEH,IAAC;gBACC,OAAO;oBACL,GAAGM,WAAW;oBACd,sBAAsBD;oBACtB,yBAAyBA;oBACzB,UAAU;oBACV,cAAc;oBACd,YAAYP,aAAa,CAACI,KAAK,IAAIJ,aAAa,CAAC,UAAkB;gBACrE;0BAECG;;;;IAKP,IAAIE,SACF,OAAO,WAAP,GACE,IAACK,SAAOA;QAAC,OAAOL,AAAY,SAAZA,UAAmBF,QAAQE;QAAS,WAAU;kBAC3DI;;IAKP,OAAOA;AACT"}

package/dist/components/Card/diff.d.ts

@@ -1,6 +1,6 @@
 import { Client } from '@rsdoctor/types';
 import React from 'react';
-export { StatisticCard } from './statistic';
+export { StatisticCard } from './statistic.js';
 export interface DiffCardProps extends Pick<DiffCardContentProps, 'formatter'> {
     titles: Array<string> | [string | React.ReactNode];
     datas: Array<DiffCardContentProps['data']>;

package/dist/components/Card/diff.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Card/diff.mjs","sources":["webpack://@rsdoctor/components/./src/components/Card/diff.tsx"],"sourcesContent":["import { Client } from '@rsdoctor/types';\nimport { Segmented, Space, Tooltip, Typography } from 'antd';\nimport { Graph } from '@rsdoctor/utils/common';\nimport React, { useState } from 'react';\nimport { formatSize } from '../../utils';\nimport { Color } from '../../constants';\nimport { StatisticCard } from './statistic';\nexport { StatisticCard } from './statistic';\nexport interface DiffCardProps extends Pick<DiffCardContentProps, 'formatter'> {\n  titles: Array<string> | [string | React.ReactNode];\n  datas: Array<DiffCardContentProps['data']>;\n  showPercentInTitle?: boolean;\n}\n\nexport interface DiffCardContentProps {\n  data: Client.RsdoctorClientAssetsDiffItem;\n  formatter?(\n    v: number,\n    target: 'baseline' | 'current',\n  ): number | string | React.ReactNode;\n}\n\nexport interface PercentProps {\n  percent: number;\n  state: Client.RsdoctorClientDiffState;\n  fontSize?: React.CSSProperties['fontSize'];\n}\n\nexport const SizePercent: React.FC<\n  {\n    baseline: number;\n    current: number;\n  } & Omit<PercentProps, 'percent' | 'state'>\n> = ({ baseline, current, ...rest }) => {\n  const diff = Graph.diffSize(baseline, current);\n  return <Percent {...rest} {...diff} />;\n};\n\nexport const Percent: React.FC<PercentProps> = ({\n  percent,\n  state,\n  fontSize = 14,\n}) => {\n  const _percent = +percent.toFixed(2);\n\n  if (_percent > 0) {\n    const percentText = `${_percent}`;\n\n    if (state === Client.RsdoctorClientDiffState.Up) {\n      return (\n        <Typography.Text strong style={{ fontSize, color: Color.Red }}>\n          +{percentText}%\n        </Typography.Text>\n      );\n    }\n\n    if (state === Client.RsdoctorClientDiffState.Down) {\n      return (\n        <Typography.Text strong style={{ fontSize, color: Color.Green }}>\n          -{percentText}%\n        </Typography.Text>\n      );\n    }\n  }\n\n  return null;\n};\n\nexport const DiffCardContent: React.FC<DiffCardContentProps> = ({\n  data,\n  formatter,\n}) => {\n  const { percent, state, size } = data;\n  const { baseline, current } = size;\n\n  const bSize = formatter\n    ? formatter(baseline, 'baseline')\n    : formatSize(baseline);\n  const cSize = formatter ? formatter(current, 'current') : formatSize(current);\n\n  return (\n    <Space align=\"start\">\n      <Space direction=\"vertical\" style={{ textAlign: 'left' }}>\n        <Space>\n          <Typography.Text style={{ fontSize: 10, color: 'inherit' }} keyboard>\n            Current\n          </Typography.Text>\n          <Tooltip\n            title={\n              typeof cSize === 'number' || typeof cSize === 'string'\n                ? `Value of Current is ${cSize}`\n                : undefined\n            }\n          >\n            <Typography.Text style={{ fontSize: 16, color: 'inherit' }} strong>\n              {cSize}\n            </Typography.Text>\n          </Tooltip>\n          <Percent percent={percent} state={state} />\n        </Space>\n        <Space>\n          <Typography.Text style={{ fontSize: 10, color: 'inherit' }} keyboard>\n            Baseline\n          </Typography.Text>\n          <Tooltip\n            title={\n              typeof bSize === 'number' || typeof bSize === 'string'\n                ? `Value of Baseline is ${bSize}`\n                : undefined\n            }\n          >\n            <Typography.Text style={{ fontSize: 14 }} type=\"secondary\">\n              {bSize}\n            </Typography.Text>\n          </Tooltip>\n        </Space>\n      </Space>\n    </Space>\n  );\n};\n\nexport const DiffCard: React.FC<DiffCardProps> = ({\n  titles,\n  datas,\n  formatter,\n  showPercentInTitle,\n}) => {\n  const [idx, setIdx] = useState(0);\n\n  return (\n    <StatisticCard\n      title={\n        titles.length > 1 ? (\n          <Segmented\n            defaultValue={titles[idx] as string}\n            options={\n              showPercentInTitle\n                ? titles.map((e, i) => {\n                    const data = datas[i];\n\n                    return {\n                      label: (\n                        <Space>\n                          <Typography.Text>{e}</Typography.Text>\n                          <Percent percent={data.percent} state={data.state} />\n                        </Space>\n                      ),\n                      value: e as string,\n                    };\n                  })\n                : (titles as string[])\n            }\n            onChange={(e) => {\n              setIdx(titles.indexOf(e as string));\n            }}\n            size=\"small\"\n            style={{ transition: 'transform 0.3s ease' }}\n            value={(titles[idx] || titles[0]) as string}\n          />\n        ) : (\n          titles[idx]\n        )\n      }\n      value={<DiffCardContent data={datas[idx]} formatter={formatter} />}\n      statisticProps={{\n        style: { textAlign: 'left' },\n      }}\n    />\n  );\n};\n"],"names":["SizePercent","baseline","current","rest","diff","Graph","Percent","percent","state","fontSize","_percent","percentText","Client","Typography","Color","DiffCardContent","data","formatter","size","bSize","formatSize","cSize","Space","Tooltip","undefined","DiffCard","titles","datas","showPercentInTitle","idx","setIdx","useState","StatisticCard","Segmented","e","i"],"mappings":"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"}
+{"version":3,"file":"components/Card/diff.mjs","sources":["../../../src/components/Card/diff.tsx"],"sourcesContent":["import { Client } from '@rsdoctor/types';\nimport { Segmented, Space, Tooltip, Typography } from 'antd';\nimport { Graph } from '@rsdoctor/utils/common';\nimport React, { useState } from 'react';\nimport { formatSize } from '../../utils';\nimport { Color } from '../../constants';\nimport { StatisticCard } from './statistic';\nexport { StatisticCard } from './statistic';\nexport interface DiffCardProps extends Pick<DiffCardContentProps, 'formatter'> {\n  titles: Array<string> | [string | React.ReactNode];\n  datas: Array<DiffCardContentProps['data']>;\n  showPercentInTitle?: boolean;\n}\n\nexport interface DiffCardContentProps {\n  data: Client.RsdoctorClientAssetsDiffItem;\n  formatter?(\n    v: number,\n    target: 'baseline' | 'current',\n  ): number | string | React.ReactNode;\n}\n\nexport interface PercentProps {\n  percent: number;\n  state: Client.RsdoctorClientDiffState;\n  fontSize?: React.CSSProperties['fontSize'];\n}\n\nexport const SizePercent: React.FC<\n  {\n    baseline: number;\n    current: number;\n  } & Omit<PercentProps, 'percent' | 'state'>\n> = ({ baseline, current, ...rest }) => {\n  const diff = Graph.diffSize(baseline, current);\n  return <Percent {...rest} {...diff} />;\n};\n\nexport const Percent: React.FC<PercentProps> = ({\n  percent,\n  state,\n  fontSize = 14,\n}) => {\n  const _percent = +percent.toFixed(2);\n\n  if (_percent > 0) {\n    const percentText = `${_percent}`;\n\n    if (state === Client.RsdoctorClientDiffState.Up) {\n      return (\n        <Typography.Text strong style={{ fontSize, color: Color.Red }}>\n          +{percentText}%\n        </Typography.Text>\n      );\n    }\n\n    if (state === Client.RsdoctorClientDiffState.Down) {\n      return (\n        <Typography.Text strong style={{ fontSize, color: Color.Green }}>\n          -{percentText}%\n        </Typography.Text>\n      );\n    }\n  }\n\n  return null;\n};\n\nexport const DiffCardContent: React.FC<DiffCardContentProps> = ({\n  data,\n  formatter,\n}) => {\n  const { percent, state, size } = data;\n  const { baseline, current } = size;\n\n  const bSize = formatter\n    ? formatter(baseline, 'baseline')\n    : formatSize(baseline);\n  const cSize = formatter ? formatter(current, 'current') : formatSize(current);\n\n  return (\n    <Space align=\"start\">\n      <Space direction=\"vertical\" style={{ textAlign: 'left' }}>\n        <Space>\n          <Typography.Text style={{ fontSize: 10, color: 'inherit' }} keyboard>\n            Current\n          </Typography.Text>\n          <Tooltip\n            title={\n              typeof cSize === 'number' || typeof cSize === 'string'\n                ? `Value of Current is ${cSize}`\n                : undefined\n            }\n          >\n            <Typography.Text style={{ fontSize: 16, color: 'inherit' }} strong>\n              {cSize}\n            </Typography.Text>\n          </Tooltip>\n          <Percent percent={percent} state={state} />\n        </Space>\n        <Space>\n          <Typography.Text style={{ fontSize: 10, color: 'inherit' }} keyboard>\n            Baseline\n          </Typography.Text>\n          <Tooltip\n            title={\n              typeof bSize === 'number' || typeof bSize === 'string'\n                ? `Value of Baseline is ${bSize}`\n                : undefined\n            }\n          >\n            <Typography.Text style={{ fontSize: 14 }} type=\"secondary\">\n              {bSize}\n            </Typography.Text>\n          </Tooltip>\n        </Space>\n      </Space>\n    </Space>\n  );\n};\n\nexport const DiffCard: React.FC<DiffCardProps> = ({\n  titles,\n  datas,\n  formatter,\n  showPercentInTitle,\n}) => {\n  const [idx, setIdx] = useState(0);\n\n  return (\n    <StatisticCard\n      title={\n        titles.length > 1 ? (\n          <Segmented\n            defaultValue={titles[idx] as string}\n            options={\n              showPercentInTitle\n                ? titles.map((e, i) => {\n                    const data = datas[i];\n\n                    return {\n                      label: (\n                        <Space>\n                          <Typography.Text>{e}</Typography.Text>\n                          <Percent percent={data.percent} state={data.state} />\n                        </Space>\n                      ),\n                      value: e as string,\n                    };\n                  })\n                : (titles as string[])\n            }\n            onChange={(e) => {\n              setIdx(titles.indexOf(e as string));\n            }}\n            size=\"small\"\n            style={{ transition: 'transform 0.3s ease' }}\n            value={(titles[idx] || titles[0]) as string}\n          />\n        ) : (\n          titles[idx]\n        )\n      }\n      value={<DiffCardContent data={datas[idx]} formatter={formatter} />}\n      statisticProps={{\n        style: { textAlign: 'left' },\n      }}\n    />\n  );\n};\n"],"names":["SizePercent","baseline","current","rest","diff","Graph","Percent","percent","state","fontSize","_percent","percentText","Client","Typography","Color","DiffCardContent","data","formatter","size","bSize","formatSize","cSize","Space","Tooltip","undefined","DiffCard","titles","datas","showPercentInTitle","idx","setIdx","useState","StatisticCard","Segmented","e","i"],"mappings":"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"}

package/dist/components/Card/index.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { CardProps as CProps } from 'antd';
-export * from './diff';
+export * from './diff.js';
 export interface CardProps extends CProps {
     collapsable?: boolean;
     dividerStyle?: CSSProperties;

package/dist/components/Card/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Card/index.mjs","sources":["webpack://@rsdoctor/components/./src/components/Card/index.tsx"],"sourcesContent":["import React, { useState, CSSProperties } from 'react';\nimport { CaretRightOutlined, CaretDownOutlined } from '@ant-design/icons';\nimport { Card as C, CardProps as CProps, Space } from 'antd';\nexport * from './diff';\nexport interface CardProps extends CProps {\n  collapsable?: boolean;\n  dividerStyle?: CSSProperties;\n  defaultCollapsed?: boolean;\n}\n\nexport const Card: React.FC<CardProps> = ({\n  collapsable = false,\n  children,\n  title,\n  dividerStyle,\n  defaultCollapsed = false,\n  ...rest\n}) => {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n  if (title && collapsable) {\n    return (\n      <C\n        style={{ borderRadius: '12px' }}\n        {...rest}\n        title={\n          <Space style={{ fontSize: 'inherit' }}>\n            <div\n              style={{ cursor: 'pointer' }}\n              onClick={() => setCollapsed(!collapsed)}\n            >\n              {collapsed ? <CaretRightOutlined /> : <CaretDownOutlined />}\n            </div>\n            {title}\n          </Space>\n        }\n      >\n        {collapsed ? null : children}\n      </C>\n    );\n  }\n  return (\n    <C style={{ borderRadius: '12px' }} title={title} {...rest}>\n      {children}\n    </C>\n  );\n};\n"],"names":["Card","collapsable","children","title","dividerStyle","defaultCollapsed","rest","collapsed","setCollapsed","useState","C","Space","CaretRightOutlined","CaretDownOutlined"],"mappings":";;;;;AAUO,MAAMA,YAA4B,CAAC,EACxCC,cAAc,KAAK,EACnBC,QAAQ,EACRC,KAAK,EACLC,YAAY,EACZC,mBAAmB,KAAK,EACxB,GAAGC,MACJ;IACC,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAASJ;IAE3C,IAAIF,SAASF,aACX,OAAO,WAAP,GACE,IAACS,MAACA;QACA,OAAO;YAAE,cAAc;QAAO;QAC7B,GAAGJ,IAAI;QACR,qBACE,KAACK,OAAKA;YAAC,OAAO;gBAAE,UAAU;YAAU;;8BAClC,IAAC;oBACC,OAAO;wBAAE,QAAQ;oBAAU;oBAC3B,SAAS,IAAMH,aAAa,CAACD;8BAE5BA,YAAY,WAAZA,GAAY,IAACK,oBAAkBA,CAAAA,KAAAA,WAAAA,GAAM,IAACC,mBAAiBA,CAAAA;;gBAEzDV;;;kBAIJI,YAAY,OAAOL;;IAI1B,OAAO,WAAP,GACE,IAACQ,MAACA;QAAC,OAAO;YAAE,cAAc;QAAO;QAAG,OAAOP;QAAQ,GAAGG,IAAI;kBACvDJ;;AAGP"}
+{"version":3,"file":"components/Card/index.mjs","sources":["../../../src/components/Card/index.tsx"],"sourcesContent":["import React, { useState, CSSProperties } from 'react';\nimport { CaretRightOutlined, CaretDownOutlined } from '@ant-design/icons';\nimport { Card as C, CardProps as CProps, Space } from 'antd';\nexport * from './diff';\nexport interface CardProps extends CProps {\n  collapsable?: boolean;\n  dividerStyle?: CSSProperties;\n  defaultCollapsed?: boolean;\n}\n\nexport const Card: React.FC<CardProps> = ({\n  collapsable = false,\n  children,\n  title,\n  dividerStyle,\n  defaultCollapsed = false,\n  ...rest\n}) => {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n  if (title && collapsable) {\n    return (\n      <C\n        style={{ borderRadius: '12px' }}\n        {...rest}\n        title={\n          <Space style={{ fontSize: 'inherit' }}>\n            <div\n              style={{ cursor: 'pointer' }}\n              onClick={() => setCollapsed(!collapsed)}\n            >\n              {collapsed ? <CaretRightOutlined /> : <CaretDownOutlined />}\n            </div>\n            {title}\n          </Space>\n        }\n      >\n        {collapsed ? null : children}\n      </C>\n    );\n  }\n  return (\n    <C style={{ borderRadius: '12px' }} title={title} {...rest}>\n      {children}\n    </C>\n  );\n};\n"],"names":["Card","collapsable","children","title","dividerStyle","defaultCollapsed","rest","collapsed","setCollapsed","useState","C","Space","CaretRightOutlined","CaretDownOutlined"],"mappings":";;;;;AAUO,MAAMA,YAA4B,CAAC,EACxCC,cAAc,KAAK,EACnBC,QAAQ,EACRC,KAAK,EACLC,YAAY,EACZC,mBAAmB,KAAK,EACxB,GAAGC,MACJ;IACC,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAASJ;IAE3C,IAAIF,SAASF,aACX,OAAO,WAAP,GACE,IAACS,MAACA;QACA,OAAO;YAAE,cAAc;QAAO;QAC7B,GAAGJ,IAAI;QACR,qBACE,KAACK,OAAKA;YAAC,OAAO;gBAAE,UAAU;YAAU;;8BAClC,IAAC;oBACC,OAAO;wBAAE,QAAQ;oBAAU;oBAC3B,SAAS,IAAMH,aAAa,CAACD;8BAE5BA,YAAY,WAAZA,GAAY,IAACK,oBAAkBA,CAAAA,KAAAA,WAAAA,GAAM,IAACC,mBAAiBA,CAAAA;;gBAEzDV;;;kBAIJI,YAAY,OAAOL;;IAI1B,OAAO,WAAP,GACE,IAACQ,MAACA;QAAC,OAAO;YAAE,cAAc;QAAO;QAAG,OAAOP;QAAQ,GAAGG,IAAI;kBACvDJ;;AAGP"}

package/dist/components/Card/size.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Card/size.mjs","sources":["webpack://@rsdoctor/components/./src/components/Card/size.tsx"],"sourcesContent":["import { Empty, Progress, Space, Tree } from 'antd';\nimport { sumBy } from 'es-toolkit/compat';\nimport React, { useMemo } from 'react';\nimport { RightOutlined } from '@ant-design/icons';\n\nimport { formatSize } from 'src/utils';\nimport { TextDrawer } from '../TextDrawer';\nimport { getFiles } from '../Overall';\nimport { ServerAPIProvider } from '../Manifest';\n\nimport { SDK, Client } from '@rsdoctor/types';\n\nimport styles from './size.module.scss';\n\nconst { DirectoryTree } = Tree;\nconst height = 100;\n\nexport interface SizeCardProps {\n  files: {\n    path: string;\n    size: number;\n  }[];\n  /**\n   * total size for origin files\n   */\n  total: number;\n  /**\n   * @default false\n   */\n  showProgress?: boolean;\n  tagBgColor: string;\n  type: string;\n}\nexport interface bgColorType {\n  bgColor: string;\n  tagBgColor: string;\n}\n\nexport const SizeCard: React.FC<SizeCardProps> = ({\n  files,\n  total,\n  showProgress = false,\n  type,\n}) => {\n  const fileType =\n    type.toLocaleLowerCase() as keyof Client.RsdoctorClientAssetsSummary;\n  const sum = useMemo(() => {\n    return sumBy(files, (e) => e.size);\n  }, [files]);\n\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetAssetsSummary}\n      body={{ withFileContent: false }}\n    >\n      {(res) => {\n        const type = fileType.includes('image') ? 'imgs' : fileType;\n        const { treeData } = getFiles(res[type].total);\n        return (\n          <Space style={{ height }} align=\"center\">\n            <Progress\n              type=\"circle\"\n              percent={+((sum / total) * 100).toFixed(2)}\n              strokeColor={{ '0%': '#108ee9', '100%': '#108ee9' }}\n              strokeWidth={12}\n              format={(percent) => (\n                <div className={styles.percentContainer}>\n                  <span style={{ marginTop: '10px' }}>{percent}%</span>\n                  <span className={styles.percentDescription}>\n                    total {type}\n                  </span>\n                </div>\n              )}\n            />\n            <div style={{ marginLeft: '10px' }}>\n              <div className={styles.dataContainer}>\n                <div className={styles.title}>Size</div>\n                <div className={styles.description}>{formatSize(sum)}</div>\n              </div>\n              <TextDrawer\n                buttonProps={{\n                  size: 'small',\n                }}\n                buttonStyle={{\n                  fontSize: 'inherit',\n                }}\n                drawerProps={{\n                  title: 'Files',\n                }}\n                text={\n                  <Space\n                    style={{ textAlign: showProgress ? 'left' : 'center' }}\n                    align=\"end\"\n                  >\n                    <Space direction=\"vertical\">\n                      <div className={styles.dataContainer}>\n                        <div className={styles.title}>\n                          <span style={{ marginRight: '5px' }}>Files</span>\n                          <RightOutlined />\n                        </div>\n                      </div>\n                    </Space>\n                  </Space>\n                }\n              >\n                {treeData.length ? (\n                  <DirectoryTree\n                    defaultExpandAll\n                    selectable={false}\n                    treeData={treeData}\n                    rootStyle={{\n                      minHeight: '800px',\n                      border: '1px solid rgba(235, 237, 241)',\n                    }}\n                  />\n                ) : (\n                  <div\n                    style={{\n                      position: 'relative',\n                      top: '50%',\n                      transform: 'translateY(-50%)',\n                    }}\n                  >\n                    <Empty style={{ height: '100%' }} />\n                  </div>\n                )}\n              </TextDrawer>\n              <div className={styles.description}>{files.length}</div>\n            </div>\n          </Space>\n        );\n      }}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["DirectoryTree","Tree","height","SizeCard","files","total","showProgress","type","fileType","sum","useMemo","sumBy","e","ServerAPIProvider","SDK","res","treeData","getFiles","Space","Progress","percent","styles","formatSize","TextDrawer","RightOutlined","Empty"],"mappings":";;;;;;;;;;;AAcA,MAAM,EAAEA,aAAa,EAAE,GAAGC;AAC1B,MAAMC,SAAS;AAuBR,MAAMC,WAAoC,CAAC,EAChDC,KAAK,EACLC,KAAK,EACLC,eAAe,KAAK,EACpBC,IAAI,EACL;IACC,MAAMC,WACJD,KAAK,iBAAiB;IACxB,MAAME,MAAMC,QAAQ,IACXC,MAAMP,OAAO,CAACQ,IAAMA,EAAE,IAAI,GAChC;QAACR;KAAM;IAEV,OAAO,WAAP,GACE,IAACS,mBAAiBA;QAChB,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,gBAAgB;QACvC,MAAM;YAAE,iBAAiB;QAAM;kBAE9B,CAACC;YACA,MAAMR,OAAOC,SAAS,QAAQ,CAAC,WAAW,SAASA;YACnD,MAAM,EAAEQ,QAAQ,EAAE,GAAGC,SAASF,GAAG,CAACR,KAAK,CAAC,KAAK;YAC7C,OAAO,WAAP,GACE,KAACW,OAAKA;gBAAC,OAAO;oBAAEhB;gBAAO;gBAAG,OAAM;;kCAC9B,IAACiB,UAAQA;wBACP,MAAK;wBACL,SAAS,CAAE,AAACV,CAAAA,MAAMJ,QAAS,GAAE,EAAG,OAAO,CAAC;wBACxC,aAAa;4BAAE,MAAM;4BAAW,QAAQ;wBAAU;wBAClD,aAAa;wBACb,QAAQ,CAACe,UAAAA,WAAAA,GACP,KAAC;gCAAI,WAAWC,YAAAA,gBAAuB;;kDACrC,KAAC;wCAAK,OAAO;4CAAE,WAAW;wCAAO;;4CAAID;4CAAQ;;;kDAC7C,KAAC;wCAAK,WAAWC,YAAAA,kBAAyB;;4CAAE;4CACnCd;;;;;;kCAKf,KAAC;wBAAI,OAAO;4BAAE,YAAY;wBAAO;;0CAC/B,KAAC;gCAAI,WAAWc,YAAAA,aAAoB;;kDAClC,IAAC;wCAAI,WAAWA,YAAAA,KAAY;kDAAE;;kDAC9B,IAAC;wCAAI,WAAWA,YAAAA,WAAkB;kDAAGC,WAAWb;;;;0CAElD,IAACc,YAAUA;gCACT,aAAa;oCACX,MAAM;gCACR;gCACA,aAAa;oCACX,UAAU;gCACZ;gCACA,aAAa;oCACX,OAAO;gCACT;gCACA,oBACE,IAACL,OAAKA;oCACJ,OAAO;wCAAE,WAAWZ,eAAe,SAAS;oCAAS;oCACrD,OAAM;8CAEN,kBAACY,OAAKA;wCAAC,WAAU;kDACf,kBAAC;4CAAI,WAAWG,YAAAA,aAAoB;sDAClC,mBAAC;gDAAI,WAAWA,YAAAA,KAAY;;kEAC1B,IAAC;wDAAK,OAAO;4DAAE,aAAa;wDAAM;kEAAG;;kEACrC,IAACG,eAAaA,CAAAA;;;;;;0CAOvBR,SAAS,MAAM,GAAG,WAAH,GACd,IAAChB,eAAAA;oCACC,kBAAgB;oCAChB,YAAY;oCACZ,UAAUgB;oCACV,WAAW;wCACT,WAAW;wCACX,QAAQ;oCACV;mDAGF,IAAC;oCACC,OAAO;wCACL,UAAU;wCACV,KAAK;wCACL,WAAW;oCACb;8CAEA,kBAACS,OAAKA;wCAAC,OAAO;4CAAE,QAAQ;wCAAO;;;;0CAIrC,IAAC;gCAAI,WAAWJ,YAAAA,WAAkB;0CAAGjB,MAAM,MAAM;;;;;;QAIzD;;AAGN"}
+{"version":3,"file":"components/Card/size.mjs","sources":["../../../src/components/Card/size.tsx"],"sourcesContent":["import { Empty, Progress, Space, Tree } from 'antd';\nimport { sumBy } from 'es-toolkit/compat';\nimport React, { useMemo } from 'react';\nimport { RightOutlined } from '@ant-design/icons';\n\nimport { formatSize } from 'src/utils';\nimport { TextDrawer } from '../TextDrawer';\nimport { getFiles } from '../Overall';\nimport { ServerAPIProvider } from '../Manifest';\n\nimport { SDK, Client } from '@rsdoctor/types';\n\nimport styles from './size.module.scss';\n\nconst { DirectoryTree } = Tree;\nconst height = 100;\n\nexport interface SizeCardProps {\n  files: {\n    path: string;\n    size: number;\n  }[];\n  /**\n   * total size for origin files\n   */\n  total: number;\n  /**\n   * @default false\n   */\n  showProgress?: boolean;\n  tagBgColor: string;\n  type: string;\n}\nexport interface bgColorType {\n  bgColor: string;\n  tagBgColor: string;\n}\n\nexport const SizeCard: React.FC<SizeCardProps> = ({\n  files,\n  total,\n  showProgress = false,\n  type,\n}) => {\n  const fileType =\n    type.toLocaleLowerCase() as keyof Client.RsdoctorClientAssetsSummary;\n  const sum = useMemo(() => {\n    return sumBy(files, (e) => e.size);\n  }, [files]);\n\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetAssetsSummary}\n      body={{ withFileContent: false }}\n    >\n      {(res) => {\n        const type = fileType.includes('image') ? 'imgs' : fileType;\n        const { treeData } = getFiles(res[type].total);\n        return (\n          <Space style={{ height }} align=\"center\">\n            <Progress\n              type=\"circle\"\n              percent={+((sum / total) * 100).toFixed(2)}\n              strokeColor={{ '0%': '#108ee9', '100%': '#108ee9' }}\n              strokeWidth={12}\n              format={(percent) => (\n                <div className={styles.percentContainer}>\n                  <span style={{ marginTop: '10px' }}>{percent}%</span>\n                  <span className={styles.percentDescription}>\n                    total {type}\n                  </span>\n                </div>\n              )}\n            />\n            <div style={{ marginLeft: '10px' }}>\n              <div className={styles.dataContainer}>\n                <div className={styles.title}>Size</div>\n                <div className={styles.description}>{formatSize(sum)}</div>\n              </div>\n              <TextDrawer\n                buttonProps={{\n                  size: 'small',\n                }}\n                buttonStyle={{\n                  fontSize: 'inherit',\n                }}\n                drawerProps={{\n                  title: 'Files',\n                }}\n                text={\n                  <Space\n                    style={{ textAlign: showProgress ? 'left' : 'center' }}\n                    align=\"end\"\n                  >\n                    <Space direction=\"vertical\">\n                      <div className={styles.dataContainer}>\n                        <div className={styles.title}>\n                          <span style={{ marginRight: '5px' }}>Files</span>\n                          <RightOutlined />\n                        </div>\n                      </div>\n                    </Space>\n                  </Space>\n                }\n              >\n                {treeData.length ? (\n                  <DirectoryTree\n                    defaultExpandAll\n                    selectable={false}\n                    treeData={treeData}\n                    rootStyle={{\n                      minHeight: '800px',\n                      border: '1px solid rgba(235, 237, 241)',\n                    }}\n                  />\n                ) : (\n                  <div\n                    style={{\n                      position: 'relative',\n                      top: '50%',\n                      transform: 'translateY(-50%)',\n                    }}\n                  >\n                    <Empty style={{ height: '100%' }} />\n                  </div>\n                )}\n              </TextDrawer>\n              <div className={styles.description}>{files.length}</div>\n            </div>\n          </Space>\n        );\n      }}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["DirectoryTree","Tree","height","SizeCard","files","total","showProgress","type","fileType","sum","useMemo","sumBy","e","ServerAPIProvider","SDK","res","treeData","getFiles","Space","Progress","percent","styles","formatSize","TextDrawer","RightOutlined","Empty"],"mappings":";;;;;;;;;;;AAcA,MAAM,EAAEA,aAAa,EAAE,GAAGC;AAC1B,MAAMC,SAAS;AAuBR,MAAMC,WAAoC,CAAC,EAChDC,KAAK,EACLC,KAAK,EACLC,eAAe,KAAK,EACpBC,IAAI,EACL;IACC,MAAMC,WACJD,KAAK,iBAAiB;IACxB,MAAME,MAAMC,QAAQ,IACXC,MAAMP,OAAO,CAACQ,IAAMA,EAAE,IAAI,GAChC;QAACR;KAAM;IAEV,OAAO,WAAP,GACE,IAACS,mBAAiBA;QAChB,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,gBAAgB;QACvC,MAAM;YAAE,iBAAiB;QAAM;kBAE9B,CAACC;YACA,MAAMR,OAAOC,SAAS,QAAQ,CAAC,WAAW,SAASA;YACnD,MAAM,EAAEQ,QAAQ,EAAE,GAAGC,SAASF,GAAG,CAACR,KAAK,CAAC,KAAK;YAC7C,OAAO,WAAP,GACE,KAACW,OAAKA;gBAAC,OAAO;oBAAEhB;gBAAO;gBAAG,OAAM;;kCAC9B,IAACiB,UAAQA;wBACP,MAAK;wBACL,SAAS,CAAE,AAACV,CAAAA,MAAMJ,QAAS,GAAE,EAAG,OAAO,CAAC;wBACxC,aAAa;4BAAE,MAAM;4BAAW,QAAQ;wBAAU;wBAClD,aAAa;wBACb,QAAQ,CAACe,UAAAA,WAAAA,GACP,KAAC;gCAAI,WAAWC,YAAAA,gBAAuB;;kDACrC,KAAC;wCAAK,OAAO;4CAAE,WAAW;wCAAO;;4CAAID;4CAAQ;;;kDAC7C,KAAC;wCAAK,WAAWC,YAAAA,kBAAyB;;4CAAE;4CACnCd;;;;;;kCAKf,KAAC;wBAAI,OAAO;4BAAE,YAAY;wBAAO;;0CAC/B,KAAC;gCAAI,WAAWc,YAAAA,aAAoB;;kDAClC,IAAC;wCAAI,WAAWA,YAAAA,KAAY;kDAAE;;kDAC9B,IAAC;wCAAI,WAAWA,YAAAA,WAAkB;kDAAGC,WAAWb;;;;0CAElD,IAACc,YAAUA;gCACT,aAAa;oCACX,MAAM;gCACR;gCACA,aAAa;oCACX,UAAU;gCACZ;gCACA,aAAa;oCACX,OAAO;gCACT;gCACA,oBACE,IAACL,OAAKA;oCACJ,OAAO;wCAAE,WAAWZ,eAAe,SAAS;oCAAS;oCACrD,OAAM;8CAEN,kBAACY,OAAKA;wCAAC,WAAU;kDACf,kBAAC;4CAAI,WAAWG,YAAAA,aAAoB;sDAClC,mBAAC;gDAAI,WAAWA,YAAAA,KAAY;;kEAC1B,IAAC;wDAAK,OAAO;4DAAE,aAAa;wDAAM;kEAAG;;kEACrC,IAACG,eAAaA,CAAAA;;;;;;0CAOvBR,SAAS,MAAM,GAAG,WAAH,GACd,IAAChB,eAAAA;oCACC,kBAAgB;oCAChB,YAAY;oCACZ,UAAUgB;oCACV,WAAW;wCACT,WAAW;wCACX,QAAQ;oCACV;mDAGF,IAAC;oCACC,OAAO;wCACL,UAAU;wCACV,KAAK;wCACL,WAAW;oCACb;8CAEA,kBAACS,OAAKA;wCAAC,OAAO;4CAAE,QAAQ;wCAAO;;;;0CAIrC,IAAC;gCAAI,WAAWJ,YAAAA,WAAkB;0CAAGjB,MAAM,MAAM;;;;;;QAIzD;;AAGN"}

package/dist/components/Card/size.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Card/size.module.mjs","sources":["webpack://@rsdoctor/components/./src/components/Card/size.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./size_module.css\"\nexport default {\"dataContainer\":\"dataContainer-lJ0PuO\",\"title\":\"title-Gj8JxL\",\"description\":\"description-miJCbD\",\"percentContainer\":\"percentContainer-VJxs6L\",\"percentDescription\":\"percentDescription-ymSkb_\"};"],"names":[],"mappings":";AAEA,oBAAe;IAAC,eAAgB;IAAuB,OAAQ;IAAe,aAAc;IAAqB,kBAAmB;IAA0B,oBAAqB;AAA2B"}
+{"version":3,"file":"components/Card/size.module.mjs","sources":["../../../src/components/Card/size.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./size_module.css\"\nexport default {\"dataContainer\":\"dataContainer-lJ0PuO\",\"title\":\"title-Gj8JxL\",\"description\":\"description-miJCbD\",\"percentContainer\":\"percentContainer-VJxs6L\",\"percentDescription\":\"percentDescription-ymSkb_\"};"],"names":[],"mappings":";AAEA,oBAAe;IAAC,eAAgB;IAAuB,OAAQ;IAAe,aAAc;IAAqB,kBAAmB;IAA0B,oBAAqB;AAA2B"}

package/dist/components/Card/statistic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Card/statistic.mjs","sources":["webpack://@rsdoctor/components/./src/components/Card/statistic.tsx"],"sourcesContent":["import { Statistic, StatisticProps } from 'antd';\n\nexport interface StatisticCardProps {\n  title: string | React.ReactNode;\n  value: string | React.ReactNode;\n  statisticProps?: StatisticProps;\n  boxProps?: { style?: React.CSSProperties };\n}\n\nexport const StatisticCard: React.FC<StatisticCardProps> = ({\n  title,\n  value,\n  statisticProps,\n  boxProps,\n}) => {\n  return (\n    <div className=\"statistic-card\" {...boxProps}>\n      <Statistic\n        title={<div className=\"statistic-card-title\">{title}</div>}\n        valueRender={() => value}\n        valueStyle={{ fontSize: 24 }}\n        {...statisticProps}\n      />\n    </div>\n  );\n};\n"],"names":["StatisticCard","title","value","statisticProps","boxProps","Statistic"],"mappings":";;AASO,MAAMA,gBAA8C,CAAC,EAC1DC,KAAK,EACLC,KAAK,EACLC,cAAc,EACdC,QAAQ,EACT,GACQ,WAAP,GACE,IAAC;QAAI,WAAU;QAAkB,GAAGA,QAAQ;kBAC1C,kBAACC,WAASA;YACR,qBAAO,IAAC;gBAAI,WAAU;0BAAwBJ;;YAC9C,aAAa,IAAMC;YACnB,YAAY;gBAAE,UAAU;YAAG;YAC1B,GAAGC,cAAc"}
+{"version":3,"file":"components/Card/statistic.mjs","sources":["../../../src/components/Card/statistic.tsx"],"sourcesContent":["import { Statistic, StatisticProps } from 'antd';\n\nexport interface StatisticCardProps {\n  title: string | React.ReactNode;\n  value: string | React.ReactNode;\n  statisticProps?: StatisticProps;\n  boxProps?: { style?: React.CSSProperties };\n}\n\nexport const StatisticCard: React.FC<StatisticCardProps> = ({\n  title,\n  value,\n  statisticProps,\n  boxProps,\n}) => {\n  return (\n    <div className=\"statistic-card\" {...boxProps}>\n      <Statistic\n        title={<div className=\"statistic-card-title\">{title}</div>}\n        valueRender={() => value}\n        valueStyle={{ fontSize: 24 }}\n        {...statisticProps}\n      />\n    </div>\n  );\n};\n"],"names":["StatisticCard","title","value","statisticProps","boxProps","Statistic"],"mappings":";;AASO,MAAMA,gBAA8C,CAAC,EAC1DC,KAAK,EACLC,KAAK,EACLC,cAAc,EACdC,QAAQ,EACT,GACQ,WAAP,GACE,IAAC;QAAI,WAAU;QAAkB,GAAGA,QAAQ;kBAC1C,kBAACC,WAASA;YACR,qBAAO,IAAC;gBAAI,WAAU;0BAAwBJ;;YAC9C,aAAa,IAAMC;YACnB,YAAY;gBAAE,UAAU;YAAG;YAC1B,GAAGC,cAAc"}

package/dist/components/Charts/TimelineCharts/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DurationMetric, ITraceEventData } from '../types';
-import { ChartTypes } from '../constants';
+import { DurationMetric, ITraceEventData } from '../types.js';
+import { ChartTypes } from '../constants.js';
 export declare const TimelineCom: React.FC<{
     loaderData?: DurationMetric[];
     pluginsData?: ITraceEventData[];