oziko-ui-kit 0.0.119 → 0.0.120
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/organisms/table/Table.d.ts +7 -0
- package/dist/index.css +20 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -22,9 +22,16 @@ export type TableCellKeyDownParams = {
|
|
|
22
22
|
rowIndex: number;
|
|
23
23
|
event: KeyboardEvent;
|
|
24
24
|
};
|
|
25
|
+
export type TableSkeletonCellParams<TRow = any> = {
|
|
26
|
+
column: TableColumn<TRow>;
|
|
27
|
+
rowIndex: number;
|
|
28
|
+
};
|
|
25
29
|
export type TypeTable<TRow = any> = {
|
|
26
30
|
columns: TableColumn<TRow>[];
|
|
27
31
|
data: TRow[];
|
|
32
|
+
loading?: boolean;
|
|
33
|
+
skeletonRowCount?: number;
|
|
34
|
+
renderSkeletonCell?: (params: TableSkeletonCellParams<TRow>) => React.ReactNode;
|
|
28
35
|
saveToLocalStorage?: TableSaveToLocalStorage;
|
|
29
36
|
fixedColumns?: string[];
|
|
30
37
|
noResizeableColumns?: string[];
|
package/dist/index.css
CHANGED
|
@@ -2724,11 +2724,13 @@ input:checked + .Switch-module_slider__sHGGR::before {
|
|
|
2724
2724
|
}
|
|
2725
2725
|
|
|
2726
2726
|
.Table-module_cell__K--55 {
|
|
2727
|
-
padding:
|
|
2727
|
+
padding: var(--oziko-padding-sm) var(--oziko-padding-md);
|
|
2728
2728
|
display: flex;
|
|
2729
2729
|
align-items: center;
|
|
2730
2730
|
width: 100%;
|
|
2731
2731
|
box-sizing: border-box;
|
|
2732
|
+
min-height: 30px;
|
|
2733
|
+
height: 30px;
|
|
2732
2734
|
}
|
|
2733
2735
|
.Table-module_cell__K--55:not(:last-child) {
|
|
2734
2736
|
border-bottom: 1px solid var(--oziko-color-border);
|
|
@@ -2751,6 +2753,23 @@ input:checked + .Switch-module_slider__sHGGR::before {
|
|
|
2751
2753
|
.Table-module_focusedCell__-1YzJ {
|
|
2752
2754
|
border: 1px solid var(--oziko-color-primary) !important;
|
|
2753
2755
|
}
|
|
2756
|
+
|
|
2757
|
+
.Table-module_skeletonCell__N0HnJ {
|
|
2758
|
+
width: 100%;
|
|
2759
|
+
height: 100%;
|
|
2760
|
+
background: linear-gradient(90deg, var(--oziko-color-soft) 0%, var(--oziko-color-soft-light) 50%, var(--oziko-color-soft) 100%);
|
|
2761
|
+
background-size: 200% 100%;
|
|
2762
|
+
animation: Table-module_shimmer__Afx12 1.5s ease-in-out infinite;
|
|
2763
|
+
}
|
|
2764
|
+
|
|
2765
|
+
@keyframes Table-module_shimmer__Afx12 {
|
|
2766
|
+
0% {
|
|
2767
|
+
background-position: -200% 0;
|
|
2768
|
+
}
|
|
2769
|
+
100% {
|
|
2770
|
+
background-position: 200% 0;
|
|
2771
|
+
}
|
|
2772
|
+
}
|
|
2754
2773
|
.Notification-module_notificationContainer__AQGHi {
|
|
2755
2774
|
pointer-events: none;
|
|
2756
2775
|
box-sizing: border-box;
|