@lunit/oui 3.1.2 → 3.2.0
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/dist/components/DataTable/DataTable.styled.js +20 -1
- package/docs/COMPONENTS.md +11 -11
- package/llms.txt +1 -0
- package/package.json +1 -1
|
@@ -39,8 +39,27 @@ const DataGridContainer = styled('div')(({ theme }) => ({
|
|
|
39
39
|
},
|
|
40
40
|
'&:focus': { outline: 'none' },
|
|
41
41
|
},
|
|
42
|
-
|
|
42
|
+
// MUI sizes the separator from its icon; with the icon hidden it collapses to 0px
|
|
43
|
+
// and the drag target disappears, so restore MUI's 10px target explicitly.
|
|
44
|
+
'.MuiDataGrid-columnSeparator': { width: theme.spacing(2.5) },
|
|
43
45
|
'.MuiDataGrid-iconSeparator': { display: 'none' },
|
|
46
|
+
'.MuiDataGrid-columnSeparator--resizable': {
|
|
47
|
+
'&::after': {
|
|
48
|
+
content: '""',
|
|
49
|
+
position: 'absolute',
|
|
50
|
+
top: 0,
|
|
51
|
+
bottom: 0,
|
|
52
|
+
left: '50%',
|
|
53
|
+
width: theme.spacing(0.5),
|
|
54
|
+
transform: 'translateX(-50%)',
|
|
55
|
+
backgroundColor: theme.palette.lunitTeal[50],
|
|
56
|
+
opacity: 0,
|
|
57
|
+
},
|
|
58
|
+
'&:hover::after, &.MuiDataGrid-columnSeparator--resizing::after': { opacity: 1 },
|
|
59
|
+
// MUI hides separators of bordered headers until hover; keep the line while the
|
|
60
|
+
// cursor leaves the separator mid-drag.
|
|
61
|
+
'&.MuiDataGrid-columnSeparator--resizing': { opacity: 1 },
|
|
62
|
+
},
|
|
44
63
|
'.MuiDataGrid-columnHeaderTitleContainer': {
|
|
45
64
|
padding: 0,
|
|
46
65
|
'&:focus': { outline: 'none' },
|
package/docs/COMPONENTS.md
CHANGED
|
@@ -52,17 +52,17 @@ import { theme, palette, typography, spacing } from '@lunit/oui'; // theme & tok
|
|
|
52
52
|
|
|
53
53
|
### Display / Layout
|
|
54
54
|
|
|
55
|
-
| Component | Purpose | Key props
|
|
56
|
-
| ---------------------- | ----------------------------------------------- |
|
|
57
|
-
| **Card** | Content card container | `size: 'small' \| 'large'`
|
|
58
|
-
| **Divider** | Separator line | `orientation: 'horizontal' \| 'vertical'`
|
|
59
|
-
| **Drawer** | Side drawer with collapsed/expanded/wide widths | `open`, `wide`, `closedWidth`, `openWidth`, `wideWidth`
|
|
60
|
-
| **Collapse** | Expand/collapse transition wrapper | extends MUI Collapse (`in`, `orientation`, `timeout`)
|
|
61
|
-
| **List** | List | `size: 'small' \| 'medium' \| 'large'`
|
|
62
|
-
| **DataTable** | Data table (based on `@mui/x-data-grid`)
|
|
63
|
-
| **EllipsisTypography** | Text with ellipsis (...) truncation | —
|
|
64
|
-
| **ProductLabel** | Product label badge | —
|
|
65
|
-
| **NoMatchContainer** | Empty state (e.g. no search results) | —
|
|
55
|
+
| Component | Purpose | Key props |
|
|
56
|
+
| ---------------------- | ----------------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
|
|
57
|
+
| **Card** | Content card container | `size: 'small' \| 'large'` |
|
|
58
|
+
| **Divider** | Separator line | `orientation: 'horizontal' \| 'vertical'` |
|
|
59
|
+
| **Drawer** | Side drawer with collapsed/expanded/wide widths | `open`, `wide`, `closedWidth`, `openWidth`, `wideWidth` |
|
|
60
|
+
| **Collapse** | Expand/collapse transition wrapper | extends MUI Collapse (`in`, `orientation`, `timeout`) |
|
|
61
|
+
| **List** | List | `size: 'small' \| 'medium' \| 'large'` |
|
|
62
|
+
| **DataTable** | Data table (based on `@mui/x-data-grid-pro`) | extends DataGridPro; colDef `resizable` / `minWidth` / `maxWidth`, `disableColumnResize`, `onColumnWidthChange` |
|
|
63
|
+
| **EllipsisTypography** | Text with ellipsis (...) truncation | — |
|
|
64
|
+
| **ProductLabel** | Product label badge | — |
|
|
65
|
+
| **NoMatchContainer** | Empty state (e.g. no search results) | — |
|
|
66
66
|
|
|
67
67
|
### Feedback / Overlay
|
|
68
68
|
|
package/llms.txt
CHANGED
|
@@ -37,6 +37,7 @@ import { theme } from '@lunit/oui';
|
|
|
37
37
|
- Button: `variant` contained|ghost|outlined, `color` primary|secondary|error, `size` small|medium|large, `label`, `icon`, `loading`
|
|
38
38
|
- TextField, Checkbox, Radio, Toggle, Dropdown, DatePicker — input/form
|
|
39
39
|
- Card(`size` small|large), List, Divider, DataTable, EllipsisTypography — display/layout
|
|
40
|
+
- DataTable: x-data-grid-pro based; columns are resizable by default (colDef `resizable`/`minWidth`/`maxWidth`, `disableColumnResize`, `onColumnWidthChange`)
|
|
40
41
|
- Alert, Dialog, Tooltip, Progress, LoadingIndicator, Chip — feedback/overlay
|
|
41
42
|
- Menu, Pagination, Stepper, TabbedPanel — navigation
|
|
42
43
|
|
package/package.json
CHANGED