@aloudata/aloudata-design 2.12.3 → 2.12.4-beta.1

package/dist/Table/style/index.less

@@ -73,18 +73,27 @@
     cursor: col-resize;
     user-select: none;
     touch-action: none;
+    background: var(--alias-colors-bg-skeleton-strong, #f3f4f6);
 
     &::after {
+      position: absolute;
       content: '';
       display: block;
-      height: 100%;
+      height: 16px;
       width: 1px;
-      position: absolute;
-      top: 50%;
-      right: -1px;
       z-index: 1;
-      transform: translateY(-50%);
-      background-color: var(--alias-colors-border-default, #e5e7eb);
+      top: 50%;
+      transform: translate(4px, -50%);
+      background: var(--alias-colors-border-strong, #d1d5db);
+    }
+
+    &.ald-table-self-resizing {
+      width: 2px;
+      background-color: #126fdd;
+
+      &::after {
+        display: none;
+      }
     }
   }
 
@@ -174,6 +183,7 @@
     padding: @td-padding-size;
     font-size: 12px;
     overflow: hidden;
+    white-space: nowrap;
     height: @header-height;
     display: flex;
     align-items: center;
@@ -320,7 +330,7 @@
 }
 
 .ald-table-header {
-  background-color: #fff;
+  background: var(--alias-colors-bg-skeleton-strong, #f3f4f6);
 }
 
 .ald-table-header-scroll-placeholder {
@@ -362,7 +372,13 @@
   align-items: center;
   width: 100%;
   height: 100%;
-  justify-content: center;
+}
+
+.ald-table-row-selection-all-header-wrap {
+  padding: 0 16px;
+  display: flex;
+  align-items: center;
+  height: 100%;
 }
 
 /** Footer **/

package/dist/Table/tests/helper.d.ts

@@ -0,0 +1,14 @@
+export declare function getTableProps(): {
+    columns: import("../types").ITableColumn<object>[];
+    data: {
+        id: string;
+        firstName: string;
+        lastName: string;
+        date: string;
+        description: string;
+    }[];
+    scroll: {
+        x: string;
+        y: string;
+    };
+};

package/dist/Table/tests/helper.js

@@ -0,0 +1,41 @@
+import _ from 'lodash';
+export function getTableProps() {
+  var columns = [{
+    title: 'First Name',
+    dataIndex: 'firstName',
+    width: '20%'
+  }, {
+    title: 'Last Name',
+    dataIndex: 'lastName',
+    width: '20%'
+  }, {
+    title: 'Date',
+    dataIndex: 'date',
+    width: '20%'
+  }, {
+    title: 'description',
+    dataIndex: 'description',
+    width: '30%'
+  }, {
+    title: 'Action',
+    dataIndex: '',
+    width: 60
+  }];
+  var data = _.map(_.range(10), function (i) {
+    return {
+      id: i.toString(),
+      firstName: "firstName_".concat(i),
+      lastName: "lastName_".concat(i),
+      date: "date_".concat(i),
+      description: "description_".concat(i)
+    };
+  });
+  return {
+    columns: columns,
+    data: data,
+    scroll: {
+      x: '100%',
+      y: '100%'
+    }
+  };
+}

package/dist/Table/types.d.ts

@@ -41,6 +41,7 @@ export interface ITableColumn<TDataItem = unknown> {
     title: string | React.ReactNode;
     dataIndex?: string;
     width?: number | string;
+    minWidth?: number;
     render?: (text: any, record: TDataItem, rowIndex: number) => React.ReactNode;
     ellipsis?: boolean;
     noPadding?: boolean;