@1money/component-ui 0.0.82 → 0.0.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1money/component-ui",
-  "version": "0.0.82",
+  "version": "0.0.83",
   "description": "React Components based on primereact for 1money front-end projects",
   "main": "lib/index.js",
   "module": "es/index.js",

package/scripts/mcp-server/examples.generated.json

@@ -151,12 +151,6 @@
       "source": "readme",
       "compilable": true
     },
-    "0b1bd0a0c931658fda5287f712844f21f5f69c50228164f8c97deeb385ed9187": {
-      "title": "Filters",
-      "code": "<div>\n      <TypographyBody size=\"sm\" color=\"default-tertiary\" style={hintStyle}>\n        Click the funnel icon in a column header to filter. Multi-select is the\n        default; selections apply on <em>OK</em>.\n      </TypographyBody>\n      <Table<PortfolioRow>\n        rowKey=\"id\"\n        size=\"large\"\n        variant=\"stroke\"\n        pagination={false}\n        dataSource={portfolioRows}\n        columns={[\n          portfolioColumns[0],\n          {\n            ...portfolioColumns[1],\n            filters: NETWORK_FILTER_ITEMS,\n            onFilter: (value, record) => record.network === value,\n          },\n          {\n            ...portfolioColumns[2],\n            filters: STATUS_FILTER_ITEMS,\n            onFilter: (value, record) => record.status === value,\n          },\n          portfolioColumns[3],\n          portfolioColumns[4],\n        ]}\n      />\n    </div>",
-      "source": "stories",
-      "compilable": true
-    },
     "0c7c04366337519cd94b38f5358dfa8f9eec80c8f289ba172def5f00e1a89ba3": {
       "title": "Date Picker Story",
       "code": "<ProForm\n      {...args}\n      initialValues={{ birthday: null, startDate: null }}\n      onFinish={(values) => alert(JSON.stringify(values, null, 2))}\n    >\n      <ProFormDatePicker\n        name=\"birthday\"\n        label=\"Birthday\"\n        fieldProps={{ dateFormat: 'yy-mm-dd', showIcon: true }}\n      />\n      <ProFormDatePicker\n        name=\"startDate\"\n        label=\"Start Date\"\n        fieldProps={{ dateFormat: 'mm/dd/yy', showButtonBar: true }}\n      />\n    </ProForm>",
@@ -397,6 +391,12 @@
       "source": "stories",
       "compilable": true
     },
+    "22f07dc92931f7bcb736439f29717360c422408683d3f3591e045d2db3c052c9": {
+      "title": "Wallet List Panel",
+      "code": "<div style={figmaFrameStyle}>\n      <Table<WalletListRow>\n        rowKey=\"id\"\n        variant=\"stroke\"\n        pagination={false}\n        columns={walletListPanelColumns}\n        dataSource={walletListPanelRows}\n      />\n    </div>",
+      "source": "stories",
+      "compilable": true
+    },
     "231708504f9ec34c52004329a3bb5c026dbda32f45ef5a642b02861df747100a": {
       "title": "Loading",
       "code": "<div style={{ display: 'flex', gap: 24, flexWrap: 'wrap' }}>\n      <div style={{ width: 310 }}>\n        <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>Large</p>\n        <Input\n          label=\"Label\"\n          placeholder=\"Loading...\"\n          loading\n        />\n      </div>\n      <div style={{ width: 310 }}>\n        <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>Small</p>\n        <Input\n          size=\"small\"\n          label=\"Label\"\n          placeholder=\"Loading...\"\n          loading\n        />\n      </div>\n    </div>",
@@ -523,12 +523,6 @@
       "source": "stories",
       "compilable": true
     },
-    "2bfe01695a2d2aa890db17bef359b1c81761ad66301c5c548fe2e23750a8e5c8": {
-      "title": "Figma-aligned Expandable Example",
-      "code": "import { useState } from 'react';\n\ninterface WalletRow {\n  id: string;\n  walletName: string;\n  walletSummary: string;\n}\n\nconst rows: WalletRow[] = [\n  {\n    id: 'wallet-ops',\n    walletName: 'Operations wallet',\n    walletSummary: '0x1234...abcd',\n  },\n];\n\nfunction WalletDetails({ record }: { record: WalletRow }) {\n  return <div>{record.walletSummary}</div>;\n}\n\nfunction WalletRegistryTable() {\n  const [expandedRowKeys, setExpandedRowKeys] = useState<React.Key[]>(['wallet-ops']);\n\n  return (\n    <Table\n      rowKey=\"id\"\n      size=\"small\"\n      variant=\"stroke\"\n      pagination={false}\n      columns={[\n        {\n          key: 'walletName',\n          title: 'Wallet name',\n          render: (_value, record) => (\n            <button\n              type=\"button\"\n              onClick={() => {\n                setExpandedRowKeys((current) => (\n                  current.includes(record.id)\n                    ? current.filter((key) => key !== record.id)\n                    : [...current, record.id]\n                ));\n              }}\n            >\n              {record.walletName}\n            </button>\n          ),\n        },\n        {\n          key: 'walletSummary',\n          dataIndex: 'walletSummary',\n          title: 'Wallet address',\n        },\n        {\n          key: 'actions',\n          title: 'Actions',\n          align: 'right',\n          render: () => '...',\n        },\n      ]}\n      dataSource={rows}\n      expandable={{\n        showExpandColumn: false,\n        expandedRowKeys,\n        expandedRowRender: (record) => <WalletDetails record={record} />,\n      }}\n    />\n  );\n}",
-      "source": "readme",
-      "compilable": true
-    },
     "2c3e8df84f97a0c45dee2b95fc78c4b44f9173c4b0421a06f1c4ba6088ba407e": {
       "title": "Basic Columns",
       "code": "<div style={DEMO_SECTION_STYLE}>\n      <Row gutter={GRID_GUTTER}>\n        <Col span={SPAN_FULL}>\n          <div style={DEMO_BOX_STYLE}>span 12</div>\n        </Col>\n      </Row>\n      <Row gutter={GRID_GUTTER}>\n        <Col span={SPAN_HALF}>\n          <div style={DEMO_BOX_STYLE}>span 6</div>\n        </Col>\n        <Col span={SPAN_HALF}>\n          <div style={DEMO_BOX_STYLE}>span 6</div>\n        </Col>\n      </Row>\n      <Row gutter={GRID_GUTTER}>\n        <Col span={SPAN_THIRD}>\n          <div style={DEMO_BOX_STYLE}>span 4</div>\n        </Col>\n        <Col span={SPAN_THIRD}>\n          <div style={DEMO_BOX_STYLE}>span 4</div>\n        </Col>\n        <Col span={SPAN_THIRD}>\n          <div style={DEMO_BOX_STYLE}>span 4</div>\n        </Col>\n      </Row>\n      <Row gutter={GRID_GUTTER}>\n        <Col span={SPAN_QUARTER}>\n          <div style={DEMO_BOX_STYLE}>span 3</div>\n        </Col>\n        <Col span={SPAN_QUARTER}>\n          <div style={DEMO_BOX_STYLE}>span 3</div>\n        </Col>\n        <Col span={SPAN_QUARTER}>\n          <div style={DEMO_BOX_STYLE}>span 3</div>\n        </Col>\n        <Col span={SPAN_QUARTER}>\n          <div style={DEMO_BOX_STYLE}>span 3</div>\n        </Col>\n      </Row>\n    </div>",
@@ -583,6 +577,12 @@
       "source": "stories",
       "compilable": true
     },
+    "3266ea437833eda448a0d8e4995db6478a9e521959f7fe101f8b4f6971e4d612": {
+      "title": "Filters",
+      "code": "<div>\n      <TypographyBody size=\"sm\" color=\"default-tertiary\" style={hintStyle}>\n        Click the funnel icon in a column header to filter. Multi-select is the\n        default; selections apply on <em>OK</em>.\n      </TypographyBody>\n      <Table<PortfolioRow>\n        rowKey=\"id\"\n        variant=\"stroke\"\n        pagination={false}\n        dataSource={portfolioRows}\n        columns={[\n          portfolioColumns[0],\n          {\n            ...portfolioColumns[1],\n            filters: NETWORK_FILTER_ITEMS,\n            onFilter: (value, record) => record.network === value,\n          },\n          {\n            ...portfolioColumns[2],\n            filters: STATUS_FILTER_ITEMS,\n            onFilter: (value, record) => record.status === value,\n          },\n          portfolioColumns[3],\n          portfolioColumns[4],\n        ]}\n      />\n    </div>",
+      "source": "stories",
+      "compilable": true
+    },
     "3298cc00509da7da73ca2da525874e520a453a289a0c4985f6f11249b5768dba": {
       "title": "Full Width",
       "code": "<Tabs items={DEFAULT_ITEMS} fullWidth />",
@@ -1825,12 +1825,6 @@
       "source": "stories",
       "compilable": false
     },
-    "a5a0117d707475ad307fab2299eec3c085bafe1954ddc3724c5fdd67f326f19d": {
-      "title": "Wallet List Panel",
-      "code": "<div style={figmaFrameStyle}>\n      <Table<WalletListRow>\n        rowKey=\"id\"\n        size=\"large\"\n        variant=\"stroke\"\n        pagination={false}\n        columns={walletListPanelColumns}\n        dataSource={walletListPanelRows}\n      />\n    </div>",
-      "source": "stories",
-      "compilable": true
-    },
     "a5a04f0b0f7ad14c2ae616df4f7820ea44171f7317f4ba0ab23f15985159dc24": {
       "title": "Group Directions",
       "code": "{\n    const [verticalValue, setVerticalValue] = React.useState<string | number>('a');\n    const [horizontalValue, setHorizontalValue] = React.useState<string | number>('a');\n\n    const handleVerticalChange = (event: RadioChangeEvent) => {\n      if (event.target.value !== undefined) {\n        setVerticalValue(event.target.value);\n      }\n    };\n\n    const handleHorizontalChange = (event: RadioChangeEvent) => {\n      if (event.target.value !== undefined) {\n        setHorizontalValue(event.target.value);\n      }\n    };\n\n    return (\n      <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>\n        <div>\n          <h3 style={{ marginBottom: 12 }}>Direction Vertical</h3>\n          <RadioGroup value={verticalValue} onChange={handleVerticalChange} direction=\"vertical\">\n            <Radio value=\"a\" label=\"Option A\" />\n            <Radio value=\"b\" label=\"Option B\" />\n            <Radio value=\"c\" label=\"Option C\" />\n          </RadioGroup>\n        </div>\n        <div>\n          <h3 style={{ marginBottom: 12 }}>Direction Horizontal</h3>\n          <RadioGroup value={horizontalValue} onChange={handleHorizontalChange} direction=\"horizontal\">\n            <Radio value=\"a\" label=\"Option A\" />\n            <Radio value=\"b\" label=\"Option B\" />\n            <Radio value=\"c\" label=\"Option C\" />\n          </RadioGroup>\n        </div>\n      </div>\n    );\n  }",
@@ -2179,12 +2173,6 @@
       "source": "stories",
       "compilable": true
     },
-    "c23b54aeab8234b5665b9182a68e75b1d9b5ea969d997e08e1d4a41b85679209": {
-      "title": "Sizes",
-      "code": "<div style={stackStyle}>\n      <div>\n        <TypographyTitle size=\"sm\" strong style={sectionTitleStyle}>\n          Large\n        </TypographyTitle>\n        <Table {...(args as TableProps<Record<string, any>>)} dataSource={portfolioRows.slice(0, 3)} size=\"large\" />\n      </div>\n      <div>\n        <TypographyTitle size=\"sm\" strong style={sectionTitleStyle}>\n          Small\n        </TypographyTitle>\n        <Table {...(args as TableProps<Record<string, any>>)} dataSource={portfolioRows.slice(0, 3)} size=\"small\" />\n      </div>\n    </div>",
-      "source": "stories",
-      "compilable": false
-    },
     "c2c42c200e9bad53b274260619d36029e7257a5f80b73408ffe619abdf14a9d9": {
       "title": "Canonical usage",
       "code": "import { Drawer } from '@1money/component-ui';\n// or\nimport { Drawer } from '@1money/component-ui/Drawer';",
@@ -2491,6 +2479,12 @@
       "source": "stories",
       "compilable": false
     },
+    "de0d0a81ca267487f043cb33f3d0904b622d165a3c575d18cae764bbb819b538": {
+      "title": "Figma-aligned Expandable Example",
+      "code": "import { useState } from 'react';\n\ninterface WalletRow {\n  id: string;\n  walletName: string;\n  walletSummary: string;\n}\n\nconst rows: WalletRow[] = [\n  {\n    id: 'wallet-ops',\n    walletName: 'Operations wallet',\n    walletSummary: '0x1234...abcd',\n  },\n];\n\nfunction WalletDetails({ record }: { record: WalletRow }) {\n  return <div>{record.walletSummary}</div>;\n}\n\nfunction WalletRegistryTable() {\n  const [expandedRowKeys, setExpandedRowKeys] = useState<React.Key[]>(['wallet-ops']);\n\n  return (\n    <Table\n      rowKey=\"id\"\n      variant=\"stroke\"\n      pagination={false}\n      columns={[\n        {\n          key: 'walletName',\n          title: 'Wallet name',\n          render: (_value, record) => (\n            <button\n              type=\"button\"\n              onClick={() => {\n                setExpandedRowKeys((current) => (\n                  current.includes(record.id)\n                    ? current.filter((key) => key !== record.id)\n                    : [...current, record.id]\n                ));\n              }}\n            >\n              {record.walletName}\n            </button>\n          ),\n        },\n        {\n          key: 'walletSummary',\n          dataIndex: 'walletSummary',\n          title: 'Wallet address',\n        },\n        {\n          key: 'actions',\n          title: 'Actions',\n          align: 'right',\n          render: () => '...',\n        },\n      ]}\n      dataSource={rows}\n      expandable={{\n        showExpandColumn: false,\n        expandedRowKeys,\n        expandedRowRender: (record) => <WalletDetails record={record} />,\n      }}\n    />\n  );\n}",
+      "source": "readme",
+      "compilable": true
+    },
     "de0d3ad5b313251b55282c90a8ec9860ebd8f4b6ebb25944dc225a2555ef3c4c": {
       "title": "Search",
       "code": "{\n    const onSearch = fn();\n    const sizes = INPUT_SIZES;\n    const columns = [\n      { label: 'Default', props: {} },\n      { label: 'Disabled', props: { disabled: true } },\n    ];\n\n    return (\n      <div style={{ display: 'flex', flexDirection: 'column', gap: 40 }}>\n        {sizes.map((size) => (\n          <div key={size}>\n            <h3 style={{ margin: '0 0 16px', textTransform: 'capitalize' }}>{size}</h3>\n            <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>\n              {/* Placeholder row */}\n              <div>\n                <p style={{ margin: '0 0 8px', color: '#666', fontSize: 13 }}>Placeholder</p>\n                <div style={{ display: 'flex', gap: 16, flexWrap: 'wrap' }}>\n                  {columns.map((col) => (\n                    <div key={col.label} style={{ width: 310 }}>\n                      <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>{col.label}</p>\n                      <Input.Search\n                        size={size}\n                        placeholder=\"Search\"\n                        onSearch={onSearch}\n                        {...col.props}\n                      />\n                    </div>\n                  ))}\n                </div>\n              </div>\n              {/* Filled row */}\n              <div>\n                <p style={{ margin: '0 0 8px', color: '#666', fontSize: 13 }}>Filled</p>\n                <div style={{ display: 'flex', gap: 16, flexWrap: 'wrap' }}>\n                  {columns.map((col) => (\n                    <div key={col.label} style={{ width: 310 }}>\n                      <p style={{ margin: '0 0 4px', fontSize: 12, color: '#999' }}>{col.label}</p>\n                      <Input.Search\n                        size={size}\n                        placeholder=\"Search\"\n                        defaultValue=\"Search\"\n                        allowClear\n                        onSearch={onSearch}\n                        {...col.props}\n                      />\n                    </div>\n                  ))}\n                </div>\n              </div>\n            </div>\n          </div>\n        ))}\n        {/* Loading */}\n        <div>\n          <h3 style={{ margin: '0 0 16px' }}>Loading</h3>\n          <div style={{ display: 'flex', gap: 16 }}>\n            <div style={{ width: 310 }}>\n              <Input.Search\n                placeholder=\"Search\"\n                defaultValue=\"Search\"\n                loading\n                onSearch={onSearch}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }",

package/scripts/mcp-server/index.generated.json

@@ -13081,14 +13081,6 @@
           "description": "",
           "inheritedFrom": null
         },
-        {
-          "name": "size",
-          "type": "TableSize",
-          "optional": true,
-          "default": null,
-          "description": "",
-          "inheritedFrom": null
-        },
         {
           "name": "actionRef",
           "type": "Ref<ProTableActionRef>",
@@ -13131,7 +13123,7 @@
         }
       ],
       "extends": [
-        "Pick<\n    TableProps<T>,\n    | 'rowKey'\n    | 'rowSelection'\n    | 'variant'\n    | 'bordered'\n    | 'scroll'\n    | 'sticky'\n    | 'expandable'\n    | 'empty'\n    | 'tableLayout'\n    | 'rowClassName'\n    | 'onRow'\n    | 'size'\n    | 'summary'\n    | 'footer'\n  >"
+        "Pick<\n    TableProps<T>,\n    | 'rowKey'\n    | 'rowSelection'\n    | 'variant'\n    | 'bordered'\n    | 'scroll'\n    | 'sticky'\n    | 'expandable'\n    | 'empty'\n    | 'tableLayout'\n    | 'rowClassName'\n    | 'onRow'\n    | 'summary'\n    | 'footer'\n  >"
       ],
       "relatedSymbols": [
         "PageInfo",
@@ -13336,7 +13328,7 @@
         "RequestData"
       ],
       "searchTags": [],
-      "typeText": "interface ProTableProps extends Pick<\n    TableProps<T>,\n    | 'rowKey'\n    | 'rowSelection'\n    | 'variant'\n    | 'bordered'\n    | 'scroll'\n    | 'sticky'\n    | 'expandable'\n    | 'empty'\n    | 'tableLayout'\n    | 'rowClassName'\n    | 'onRow'\n    | 'size'\n    | 'summary'\n    | 'footer'\n  > { ... }",
+      "typeText": "interface ProTableProps extends Pick<\n    TableProps<T>,\n    | 'rowKey'\n    | 'rowSelection'\n    | 'variant'\n    | 'bordered'\n    | 'scroll'\n    | 'sticky'\n    | 'expandable'\n    | 'empty'\n    | 'tableLayout'\n    | 'rowClassName'\n    | 'onRow'\n    | 'summary'\n    | 'footer'\n  > { ... }",
       "canonicalUsage": "import type { ProTableProps } from '@1money/component-ui';",
       "examples": [
         {
@@ -17566,14 +17558,6 @@
           "description": "Row key for tracking.",
           "inheritedFrom": null
         },
-        {
-          "name": "size",
-          "type": "TableSize",
-          "optional": true,
-          "default": null,
-          "description": "",
-          "inheritedFrom": null
-        },
         {
           "name": "variant",
           "type": "TableVariant",
@@ -17777,7 +17761,7 @@
           "source": "readme"
         },
         {
-          "hash": "2bfe01695a2d2aa890db17bef359b1c81761ad66301c5c548fe2e23750a8e5c8",
+          "hash": "de0d0a81ca267487f043cb33f3d0904b622d165a3c575d18cae764bbb819b538",
           "source": "readme"
         },
         {
@@ -17805,7 +17789,7 @@
           "source": "stories"
         },
         {
-          "hash": "a5a0117d707475ad307fab2299eec3c085bafe1954ddc3724c5fdd67f326f19d",
+          "hash": "22f07dc92931f7bcb736439f29717360c422408683d3f3591e045d2db3c052c9",
           "source": "stories"
         },
         {
@@ -17820,16 +17804,12 @@
           "hash": "082ec26c8081a863c586ce7bb5d2c1fc35a0e901d02e7fe1a7e0d66fe526848e",
           "source": "stories"
         },
-        {
-          "hash": "c23b54aeab8234b5665b9182a68e75b1d9b5ea969d997e08e1d4a41b85679209",
-          "source": "stories"
-        },
         {
           "hash": "b9cc21db46c34c1f749ec2f5cc996c0eb92608376b07b2eb61f2bc427f045927",
           "source": "stories"
         },
         {
-          "hash": "0b1bd0a0c931658fda5287f712844f21f5f69c50228164f8c97deeb385ed9187",
+          "hash": "3266ea437833eda448a0d8e4995db6478a9e521959f7fe101f8b4f6971e4d612",
           "source": "stories"
         },
         {