@1money/component-ui 0.0.47 → 0.0.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1money/component-ui",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "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

@@ -307,6 +307,12 @@
       "source": "stories",
       "compilable": false
     },
+    "1df04178d3aa417559337049bac95bb324b380eefa44e8c04836ddf3595bc5b8": {
+      "title": "Expandable Column Config",
+      "code": "{\n    const rows: RowExpandableDemoRow[] = [\n      { id: 'r1', title: 'Order #1001', notes: 'Awaiting carrier handoff.' },\n      { id: 'r2', title: 'Order #1002', notes: 'Refund issued for SKU-ABC.' },\n      { id: 'r3', title: 'Order #1003', notes: 'Customer requested expedited shipping.' },\n    ];\n\n    const columns: TableColumn<RowExpandableDemoRow>[] = [\n      { key: 'title', dataIndex: 'title', title: 'Order' },\n      {\n        key: 'status',\n        title: 'Status',\n        render: () => <Tag label=\"Open\" color=\"success\" />,\n      },\n    ];\n\n    return (\n      <div style={{ width: 720 }}>\n        <TypographyBody className=\"om-mb-3\">\n          Custom <code>columnTitle</code> / <code>columnWidth</code> / <code>fixed</code> on\n          the expand column, plus <code>defaultExpandAllRows</code> to seed every\n          row open on mount.\n        </TypographyBody>\n        <Table<RowExpandableDemoRow>\n          rowKey=\"id\"\n          size=\"small\"\n          variant=\"stroke\"\n          pagination={false}\n          dataSource={rows}\n          columns={columns}\n          expandable={{\n            columnTitle: 'Detail',\n            columnWidth: 72,\n            fixed: 'left',\n            defaultExpandAllRows: true,\n            expandedRowRender: (record) => (\n              <div style={{ padding: '8px 16px', background: '#fafafa' }}>\n                <TypographyLabel>{record.notes}</TypographyLabel>\n              </div>\n            ),\n          }}\n        />\n      </div>\n    );\n  }",
+      "source": "stories",
+      "compilable": true
+    },
     "1e2ce5743dcd5a069489baf67169280a5ebfc7ed959fc8cb1f7f52f846c1b544": {
       "title": "Text Variant",
       "code": "<div style={columnStyle}>\n      {BUTTON_SIZES.map((size) => (\n        <div key={size}>\n          <h3 style={sectionHeaderStyle}>Text - {size}</h3>\n          <div style={rowStyle}>\n            <Button {...args} variant={BUTTON_VARIANT.text} size={size}>\n              Button\n            </Button>\n            <Button {...args} variant={BUTTON_VARIANT.text} size={size} disabled>\n              Disabled\n            </Button>\n            <Button {...args} variant={BUTTON_VARIANT.text} size={size} loading>\n              Loading\n            </Button>\n          </div>\n        </div>\n      ))}\n    </div>",
@@ -2275,6 +2281,12 @@
       "source": "stories",
       "compilable": false
     },
+    "f0b43407e5af920de287ba579078143cd869cfc5885640bde4a41c50636377d4": {
+      "title": "Row Expandable",
+      "code": "{\n    // Seed `r2` (a non-expandable row) into the controlled keys to prove the\n    // render layer refuses to draw expanded content for it.\n    const [expandedKeys, setExpandedKeys] = useState<React.Key[]>(['r1', 'r2']);\n\n    const columns: TableColumn<RowExpandableDemoRow>[] = [\n      { key: 'title', dataIndex: 'title', title: 'Order' },\n      {\n        key: 'kind',\n        title: 'Kind',\n        render: (_v, record) => (\n          <Tag\n            label={record.notes ? 'Has notes' : 'No notes'}\n            color={record.notes ? 'success' : 'neutral'}\n          />\n        ),\n      },\n    ];\n\n    return (\n      <div style={{ width: 640 }}>\n        <TypographyBody className=\"om-mb-3\">\n          Rows without <code>notes</code> have no chevron, ignore the\n          <code> expandRowByClick</code> shortcut, and refuse to render expanded content\n          even when their key is forced into <code>expandedRowKeys</code>.\n        </TypographyBody>\n        <Table<RowExpandableDemoRow>\n          rowKey=\"id\"\n          size=\"small\"\n          variant=\"stroke\"\n          pagination={false}\n          dataSource={rowExpandableDemoData}\n          columns={columns}\n          expandable={{\n            expandedRowKeys: expandedKeys,\n            onExpandedRowsChange: (keys) => setExpandedKeys([...keys]),\n            expandRowByClick: true,\n            rowExpandable: (record) => Boolean(record.notes),\n            expandedRowRender: (record) => (\n              <div style={{ padding: '8px 16px', background: '#fafafa' }}>\n                <TypographyLabel>{record.notes}</TypographyLabel>\n              </div>\n            ),\n          }}\n        />\n      </div>\n    );\n  }",
+      "source": "stories",
+      "compilable": true
+    },
     "f2c3b9fe0a35d0f3e87ed98754d67b66bdf140128496a16d3ebc5ba4819068cc": {
       "title": "All Variants",
       "code": "<div style={{ display: 'flex', flexDirection: 'column', gap: 32 }}>\n      <div>\n        <h3 style={{ marginBottom: 12 }}>Default</h3>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>\n          <Radio label=\"Unchecked\" />\n          <Radio label=\"Checked\" checked />\n          <Radio label=\"Disabled unchecked\" disabled />\n          <Radio label=\"Disabled checked\" checked disabled />\n        </div>\n      </div>\n      <div>\n        <h3 style={{ marginBottom: 12 }}>With Description</h3>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>\n          <Radio label=\"Unchecked\" description=\"Helper text\" />\n          <Radio label=\"Checked\" description=\"Helper text\" checked />\n          <Radio\n            label=\"Disabled unchecked\"\n            description=\"Helper text\"\n            disabled\n          />\n          <Radio\n            label=\"Disabled checked\"\n            description=\"Helper text\"\n            checked\n            disabled\n          />\n        </div>\n      </div>\n      <div>\n        <h3 style={{ marginBottom: 12 }}>Label Placement: Right</h3>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>\n          <Radio label=\"Unchecked\" labelPlacement=\"right\" />\n          <Radio label=\"Checked\" labelPlacement=\"right\" checked />\n          <Radio\n            label=\"With description\"\n            description=\"Helper text\"\n            labelPlacement=\"right\"\n          />\n        </div>\n      </div>\n      <div>\n        <h3 style={{ marginBottom: 12 }}>Cell</h3>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>\n          <Radio\n            checked\n            variant=\"cell\"\n            size=\"large\"\n            alignment=\"left\"\n            icon=\"swift\"\n            label=\"Wire transfer\"\n            description=\"Receive via SWIFT\"\n            style={{ width: 320 }}\n          />\n          <Radio\n            variant=\"cell\"\n            size=\"medium\"\n            alignment=\"left\"\n            icon=\"usd\"\n            label=\"USD1\"\n            style={{ width: 180 }}\n          />\n          <Radio\n            checked\n            variant=\"cell\"\n            size=\"large\"\n            alignment=\"center\"\n            icon=\"language\"\n            tag=\"Popular\"\n            label=\"Global account\"\n            description=\"Use for international settlement\"\n            style={{ width: 220 }}\n          />\n        </div>\n      </div>\n    </div>",

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

@@ -13841,6 +13841,14 @@
           "hash": "0e53815284d097cccdcb6cdff3952b42734dda8b58b4cdeac1948e5f1d2b3587",
           "source": "stories"
         },
+        {
+          "hash": "f0b43407e5af920de287ba579078143cd869cfc5885640bde4a41c50636377d4",
+          "source": "stories"
+        },
+        {
+          "hash": "1df04178d3aa417559337049bac95bb324b380eefa44e8c04836ddf3595bc5b8",
+          "source": "stories"
+        },
         {
           "hash": "9c1283e9fdf9b6890dff56e79eee2e25f49c665934a1a11e56ef9e636b23642d",
           "source": "stories"