@limetech/lime-elements 36.0.0-next.23 → 36.0.0-next.26

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.
@@ -0,0 +1,2 @@
1
+ export declare type Layout = 'default' | 'stretchLastColumn' | 'stretchColumns' | 'lowDensity';
2
+ export declare function mapLayout(layout: Layout): any;
@@ -1,16 +1,22 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
2
  import { Column, TableParams, ColumnSorter, ColumnAggregate } from './table.types';
3
+ import { Layout } from './layout';
3
4
  /**
4
5
  * @exampleComponent limel-example-table
5
6
  * @exampleComponent limel-example-table-custom-components
6
7
  * @exampleComponent limel-example-table-header-menu
7
8
  * @exampleComponent limel-example-table-movable-columns
9
+ * @exampleComponent limel-example-table-sorting-disabled
8
10
  * @exampleComponent limel-example-table-local
9
11
  * @exampleComponent limel-example-table-remote
10
12
  * @exampleComponent limel-example-table-activate-row
11
13
  * @exampleComponent limel-example-table-selectable-rows
12
14
  * @exampleComponent limel-example-table-default-sorted
13
- * @exampleComponent limel-example-table-low-density
15
+ * @exampleComponent limel-example-table-layout-default
16
+ * @exampleComponent limel-example-table-layout-stretch-last-column
17
+ * @exampleComponent limel-example-table-layout-stretch-columns
18
+ * @exampleComponent limel-example-table-layout-low-density
19
+ * @exampleComponent limel-example-table-interactive-rows
14
20
  */
15
21
  export declare class Table {
16
22
  /**
@@ -28,6 +34,15 @@ export declare class Table {
28
34
  * is responsible to give the table new data when a `load` event occurs
29
35
  */
30
36
  mode: 'local' | 'remote';
37
+ /**
38
+ * Defines the layout of the table, based on how width of the columns are calculated.
39
+ *
40
+ * - `default`: makes columns as wide as their contents.
41
+ * - `stretchLastColumn`: makes columns as wide as their contents, stretch the last column to fill up the remaining table width.
42
+ * - `stretchColumns`: stretches all columns to fill the available width when possible.
43
+ * - `lowDensity`: makes columns as wide as their contents, and creates a low density and airy layout.
44
+ */
45
+ layout: Layout;
31
46
  /**
32
47
  * Number of rows per page
33
48
  */
@@ -27,6 +27,10 @@ export interface Column<T extends object = any> {
27
27
  * Sets the horizontal text alignment for the column
28
28
  */
29
29
  horizontalAlign?: 'left' | 'center' | 'right';
30
+ /**
31
+ * Defines whether end-user can sort a column
32
+ */
33
+ headerSort?: boolean;
30
34
  }
31
35
  export declare type TableFormatter = (value: any, data?: object) => string;
32
36
  /**
@@ -19,6 +19,7 @@ import { OpenDirection as OpenDirection1 } from "./components/menu/menu.types";
19
19
  import { FlowItem } from "./components/progress-flow/progress-flow.types";
20
20
  import { Tab } from "./components/tab-bar/tab.types";
21
21
  import { Column, ColumnAggregate, ColumnSorter, TableParams } from "./components/table/table.types";
22
+ import { Layout } from "./components/table/layout";
22
23
  export namespace Components {
23
24
  interface LimelBadge {
24
25
  /**
@@ -1058,6 +1059,10 @@ export namespace Components {
1058
1059
  * A message to display when the table has no data
1059
1060
  */
1060
1061
  "emptyMessage": string;
1062
+ /**
1063
+ * Defines the layout of the table, based on how width of the columns are calculated. - `default`: makes columns as wide as their contents. - `stretchLastColumn`: makes columns as wide as their contents, stretch the last column to fill up the remaining table width. - `stretchColumns`: stretches all columns to fill the available width when possible. - `lowDensity`: makes columns as wide as their contents, and creates a low density and airy layout.
1064
+ */
1065
+ "layout": Layout;
1061
1066
  /**
1062
1067
  * Set to `true` to trigger loading animation
1063
1068
  */
@@ -2665,6 +2670,10 @@ declare namespace LocalJSX {
2665
2670
  * A message to display when the table has no data
2666
2671
  */
2667
2672
  "emptyMessage"?: string;
2673
+ /**
2674
+ * Defines the layout of the table, based on how width of the columns are calculated. - `default`: makes columns as wide as their contents. - `stretchLastColumn`: makes columns as wide as their contents, stretch the last column to fill up the remaining table width. - `stretchColumns`: stretches all columns to fill the available width when possible. - `lowDensity`: makes columns as wide as their contents, and creates a low density and airy layout.
2675
+ */
2676
+ "layout"?: Layout;
2668
2677
  /**
2669
2678
  * Set to `true` to trigger loading animation
2670
2679
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@limetech/lime-elements",
3
- "version": "36.0.0-next.23",
3
+ "version": "36.0.0-next.26",
4
4
  "description": "Lime Elements",
5
5
  "author": "Lime Technologies",
6
6
  "license": "Apache-2.0",