smartsell-ui-kit 0.1.16 → 0.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -3
- package/dist/index.cjs +906 -443
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +37 -4
- package/dist/index.d.ts +37 -4
- package/dist/index.js +798 -335
- package/dist/index.js.map +1 -1
- package/dist/styles.css +24 -8
- package/dist/{types-ENHTzCG6.d.cts → types-CSdgG6bT.d.cts} +3 -1
- package/dist/{types-ENHTzCG6.d.ts → types-CSdgG6bT.d.ts} +3 -1
- package/dist/types.d.cts +1 -1
- package/dist/types.d.ts +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -23,7 +23,8 @@ import 'smartsell-ui-kit/styles.css';
|
|
|
23
23
|
|
|
24
24
|
- React 18-first component API
|
|
25
25
|
- Consistent theme integration through `smartsell-theme`
|
|
26
|
-
- Form primitives such as `Input`, `Textarea`, `Checkbox`, `DatePicker`, `Select`, and `SelectAsync`
|
|
26
|
+
- Form primitives such as `Button`, `IconButton`, `Input`, `Textarea`, `Checkbox`, `DatePicker`, `Select`, and `SelectAsync`
|
|
27
|
+
- Feedback primitives such as `Alert` and `ResultState`
|
|
27
28
|
- Display and layout primitives such as `Card`, `CardSmall`, and `Separator`
|
|
28
29
|
- Modal helpers including `Modal`, `ComposableModal`, and `createModalSlotIds`
|
|
29
30
|
- Data components including `Table` and `TableAsync`
|
|
@@ -66,7 +67,8 @@ export default function ExamplePage() {
|
|
|
66
67
|
|
|
67
68
|
## Main exports
|
|
68
69
|
|
|
69
|
-
- `Button`, `Checkbox`, `DatePicker`, `Input`, `Textarea`, `Select`, `SelectAsync`
|
|
70
|
+
- `Button`, `IconButton`, `Checkbox`, `DatePicker`, `Input`, `Textarea`, `Select`, `SelectAsync`
|
|
71
|
+
- `Alert`, `ResultState`
|
|
70
72
|
- `Card`, `CardSmall`, `Separator`
|
|
71
73
|
- `Modal`, `ComposableModal`, `createModalSlotIds`
|
|
72
74
|
- `Table`, `TableAsync`
|
|
@@ -215,6 +217,20 @@ function CustomerField() {
|
|
|
215
217
|
|
|
216
218
|
`TableAsync` follows the same idea for remote datasets, with debounced search and request cancellation support built into the component flow.
|
|
217
219
|
|
|
220
|
+
Both `Table` and `TableAsync` accept the optional `onRowClick` callback. When provided, it
|
|
221
|
+
receives the clicked item and its visible row index. The desktop table row and the responsive
|
|
222
|
+
mobile card use the same callback; the only visual change is the pointer cursor. Built-in row
|
|
223
|
+
action buttons stop propagation so their handlers do not also trigger `onRowClick`.
|
|
224
|
+
|
|
225
|
+
```tsx
|
|
226
|
+
<Table
|
|
227
|
+
items={customers}
|
|
228
|
+
desktopColumns={desktopColumns}
|
|
229
|
+
mobileColumns={mobileColumns}
|
|
230
|
+
onRowClick={(customer) => openCustomer(customer)}
|
|
231
|
+
/>
|
|
232
|
+
```
|
|
233
|
+
|
|
218
234
|
## Development workflow
|
|
219
235
|
|
|
220
236
|
Useful local commands:
|
|
@@ -236,7 +252,7 @@ docker compose up --build
|
|
|
236
252
|
|
|
237
253
|
The repository includes a local Storybook workspace for component review and design QA.
|
|
238
254
|
|
|
239
|
-
- grouped navigation for
|
|
255
|
+
- grouped navigation for forms, feedback, surfaces, modals, and tables
|
|
240
256
|
- a dedicated `Images` section covering logos, icons, and backgrounds from `smartsell-ui-kit/img`
|
|
241
257
|
- live Controls for props and responsive behavior
|
|
242
258
|
- a local `ThemeProvider` preview using the same `smartsell-theme` contract expected by host apps
|