@ukic/canary-web-components 2.0.0-canary.36 → 2.0.0-canary.37

package/dist/collection/components/ic-data-table/ic-data-table.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-data-table.types.js","sourceRoot":"","sources":["../../../src/components/ic-data-table/ic-data-table.types.tsx"],"names":[],"mappings":"","sourcesContent":["import { IcThemeForegroundNoDefault } from \"@ukic/web-components\";\n\nexport type IcDataTableSortOrderOptions =\n  | \"unsorted\"\n  | \"ascending\"\n  | \"descending\";\n\nexport type IcDataTableDensityOptions = \"default\" | \"dense\" | \"spacious\";\n\nexport type IcDataTableColumnDataTypes =\n  | \"string\"\n  | \"number\"\n  | \"address\"\n  | \"element\"\n  | \"date\";\n\nexport type IcDataTableColumnWidthTypes = {\n  width?: string;\n  minWidth?: string;\n  maxWidth?: string;\n};\n\nexport type IcDataTableColumnObject = {\n  key: string;\n  title: string;\n  dataType: IcDataTableColumnDataTypes;\n  columnAlignment?: {\n    horizontal?: string;\n    vertical?: string;\n  };\n  rowOptions?: {\n    textWrap: boolean;\n  };\n  columnWidth?: string | IcDataTableColumnWidthTypes;\n  textWrap?: boolean;\n  cellAlignment?: string;\n  emphasis?: string;\n  colspan?: number;\n  icon?: {\n    icon: string;\n    onAllCells?: boolean;\n    hideOnHeader?: boolean;\n  };\n};\n\nexport type IcLoadingOptions = {\n  appearance?: IcThemeForegroundNoDefault;\n  description?: string;\n  label?: string;\n  labelDuration?: number;\n  max?: number;\n  min?: number;\n  progress?: number;\n  showBackground?: boolean;\n  overlay?: boolean;\n};\n\nexport type IcDataTableRowHeights = number | \"auto\";\n\nexport interface IcDensityUpdateEventDetail {\n  value: IcDataTableDensityOptions;\n}\nexport type IcDataTableTruncationTypes = \"tooltip\" | \"show-hide\" | undefined;\n\nexport interface IcSortEventDetail {\n  columnName: string;\n  sorted: IcDataTableSortOrderOptions;\n}\n\nexport type truncWrapperDetailsTypes = {\n  scrollHeight: number | null;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type IcDataTableDataType = { [key: string]: any };\n"]}
+{"version":3,"file":"ic-data-table.types.js","sourceRoot":"","sources":["../../../src/components/ic-data-table/ic-data-table.types.tsx"],"names":[],"mappings":"","sourcesContent":["import { IcThemeForegroundNoDefault } from \"@ukic/web-components\";\n\nexport type IcDataTableSortOrderOptions =\n  | \"unsorted\"\n  | \"ascending\"\n  | \"descending\";\n\nexport type IcDataTableDensityOptions = \"default\" | \"dense\" | \"spacious\";\n\nexport type IcDataTableColumnDataTypes =\n  | \"string\"\n  | \"number\"\n  | \"address\"\n  | \"element\"\n  | \"date\";\n\nexport type IcDataTableColumnWidthTypes = {\n  width?: string;\n  minWidth?: string;\n  maxWidth?: string;\n};\n\nexport type IcDataTableColumnObject = {\n  key: string;\n  title: string;\n  dataType: IcDataTableColumnDataTypes;\n  columnAlignment?: {\n    horizontal?: string;\n    vertical?: string;\n  };\n  rowOptions?: {\n    textWrap: boolean;\n  };\n  columnWidth?: string | IcDataTableColumnWidthTypes;\n  textWrap?: boolean;\n  cellAlignment?: string;\n  emphasis?: string;\n  colspan?: number;\n  icon?: {\n    icon: string;\n    onAllCells?: boolean;\n    hideOnHeader?: boolean;\n  };\n  excludeColumnFromSort?: boolean;\n};\n\nexport type IcLoadingOptions = {\n  appearance?: IcThemeForegroundNoDefault;\n  description?: string;\n  label?: string;\n  labelDuration?: number;\n  max?: number;\n  min?: number;\n  progress?: number;\n  showBackground?: boolean;\n  overlay?: boolean;\n};\n\nexport type IcDataTableRowHeights = number | \"auto\";\n\nexport interface IcDensityUpdateEventDetail {\n  value: IcDataTableDensityOptions;\n}\nexport type IcDataTableTruncationTypes = \"tooltip\" | \"show-hide\" | undefined;\n\nexport interface IcSortEventDetail {\n  columnName: string;\n  sorted: IcDataTableSortOrderOptions;\n}\n\nexport type truncWrapperDetailsTypes = {\n  scrollHeight: number | null;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type IcDataTableDataType = { [key: string]: any };\n"]}

package/dist/collection/components/ic-data-table/story-data.js

@@ -77,6 +77,36 @@ export const COLS_WIDTH = [
         dataType: "address",
     },
 ];
+export const COLS_EXCLUDE_SORT = [
+    {
+        key: "firstName",
+        title: "First name",
+        dataType: "string",
+        excludeColumnFromSort: true,
+    },
+    {
+        key: "lastName",
+        title: "Last name",
+        dataType: "string",
+    },
+    {
+        key: "age",
+        title: "Age",
+        dataType: "number",
+    },
+    {
+        key: "jobTitle",
+        title: "Job title",
+        dataType: "string",
+        excludeColumnFromSort: true,
+    },
+    {
+        key: "address",
+        title: "Address",
+        dataType: "address",
+        excludeColumnFromSort: true,
+    },
+];
 export const VERY_LONG_DATA = (rows = 100) => {
     const nextData = [];
     for (let i = 0; i < rows; i++) {
@@ -1275,6 +1305,11 @@ export const DisableSort = () => {
     });
     return dataTable;
 };
+export const ExcludeColumnsFromSort = () => {
+    const dataTable = createDataTableElement("Sort", COLS_EXCLUDE_SORT, DATA);
+    dataTable.setAttribute("sortable", "true");
+    return dataTable;
+};
 export const Pagination = () => {
     const dataTable = createDataTableElement("Pagination", LONG_COLS, LONG_DATA);
     dataTable.setAttribute("show-pagination", "true");