feat: Stepper (навигация по шагам, логика в stepperLogic) — 0.5.0

src/DataTable/DataTable.stories.tsx

@@ -3,6 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { useState } from 'react';
 import { DataTable, IDataTableColumn } from './DataTable';
 import { Badge } from '../Badge/Badge';
+import { TextInput } from '../TextInput/TextInput';
 
 const meta: Meta = {
   title: 'Таблицы/DataTable',
@@ -72,17 +73,13 @@ export const Editable: StoryObj = {
       {
         key: 'name',
         title: 'Наименование',
-        render: (r, i) => (
-          <input value={r.name} onChange={(e) => setCell(i, 'name', e.target.value)} style={{ width: '100%' }} />
-        )
+        render: (r, i) => <TextInput value={r.name} onChange={(v) => setCell(i, 'name', v)} />
       },
       {
         key: 'qty',
         title: 'Кол-во',
-        align: 'right',
-        render: (r, i) => (
-          <input value={r.qty} onChange={(e) => setCell(i, 'qty', e.target.value)} style={{ width: '80px' }} />
-        )
+        width: '120px',
+        render: (r, i) => <TextInput value={r.qty} onChange={(v) => setCell(i, 'qty', v)} />
       }
     ];
     return <DataTable columns={columns} rows={items} />;