@ukic/canary-web-components 2.0.0-canary.26 → 2.0.0-canary.27

package/dist/types/components/ic-data-table/story-data.d.ts

@@ -306,6 +306,21 @@ export declare const DATA_REACT_ELEMENTS: ({
     jobTitle: string;
     address: string;
 })[];
+export declare const DATA_REACT_ELEMENTS_WITH_ICONS: ({
+    firstName: {
+        data: string;
+        href: string;
+        icon: string;
+    };
+    age: number;
+    jobTitle: string;
+    address: string;
+} | {
+    firstName: string;
+    age: number;
+    jobTitle: string;
+    address: string;
+})[];
 export declare const createDataTableElement: (caption: string, columns?: IcDataTableColumnObject[], data?: object[]) => HTMLIcDataTableElement;
 export declare const Basic: () => HTMLIcDataTableElement;
 export declare const DataTableSizing: () => HTMLElement;

package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcThemeForeground } from "@ukic/web-components/dist/types/interface";
+import { IcPageChangeEventDetail } from "./ic-pagination-bar.types";
 import { IcPaginationAlignmentOptions, IcPaginationLabelTypes, IcPaginationTypes } from "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types";
 export declare class PaginationBar {
     private PAGE_INPUT_FIELD_ID;
@@ -13,7 +14,7 @@ export declare class PaginationBar {
     el: HTMLIcPaginationBarElement;
     capitalizedItemLabel: string;
     capitalizedPageLabel: string;
-    currentPage: number;
+    activePage: number;
     displayedItemsPerPageOptions?: {
         label: string;
         value: string;
@@ -36,6 +37,11 @@ export declare class PaginationBar {
      * Sets the styling for the items in the pagination bar.
      */
     appearance?: IcThemeForeground;
+    /**
+     * The current page number to be displayed on the pagination bar.
+     */
+    currentPage?: number;
+    watchPageNumberHandler(): void;
     /**
      * The text which will be used in place of 'Item' on the pagination bar.
      */
@@ -87,10 +93,9 @@ export declare class PaginationBar {
     watchTotalItemsHandler(): void;
     /**
      * Emitted when a page is navigated to via the 'go to' input.
+     * The `detail` property contains `value` (i.e. the page number) and a `fromItemsPerPage` flag to indicate if the event was triggered by the `icItemsPerPageChange` event also occurring.
      */
-    icPageChange: EventEmitter<{
-        value: number;
-    }>;
+    icPageChange: EventEmitter<IcPageChangeEventDetail>;
     /**
      * Emitted when the items per page option is changed.
      */

package/dist/types/components/ic-pagination-bar/ic-pagination-bar.types.d.ts

@@ -0,0 +1,4 @@
+export interface IcPageChangeEventDetail {
+    value: number;
+    fromItemsPerPage?: boolean;
+}

package/dist/types/components.d.ts

@@ -12,6 +12,7 @@ import { IcDateFormat, IcInformationStatusOrEmpty, IcPaginationBarOptions, IcSea
 import { IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcOptionSelectEventDetail, IcSearchBarSearchModes } from "@ukic/web-components/dist/types/components";
 import { IcPaginationAlignmentOptions, IcPaginationLabelTypes, IcPaginationTypes } from "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types";
 import { IcThemeForeground } from "@ukic/web-components/dist/types/interface";
+import { IcPageChangeEventDetail } from "./components/ic-pagination-bar/ic-pagination-bar.types";
 export { IcCardSizes } from "./components/ic-card-horizontal/ic-card-horizontal.types";
 export { IcDataTableColumnObject, IcDataTableDataType, IcDataTableDensityOptions, IcDataTableRowHeights, IcDataTableSortOrderOptions, IcDataTableTruncationTypes, IcDensityUpdateEventDetail, IcSortEventDetail } from "./components/ic-data-table/ic-data-table.types";
 export { IcActivationTypes, IcMenuOption, IcThemeForegroundNoDefault } from "@ukic/web-components/dist/types/utils/types";
@@ -19,6 +20,7 @@ export { IcDateFormat, IcInformationStatusOrEmpty, IcPaginationBarOptions, IcSea
 export { IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcOptionSelectEventDetail, IcSearchBarSearchModes } from "@ukic/web-components/dist/types/components";
 export { IcPaginationAlignmentOptions, IcPaginationLabelTypes, IcPaginationTypes } from "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types";
 export { IcThemeForeground } from "@ukic/web-components/dist/types/interface";
+export { IcPageChangeEventDetail } from "./components/ic-pagination-bar/ic-pagination-bar.types";
 export namespace Components {
     interface IcCardHorizontal {
         /**
@@ -498,6 +500,10 @@ export namespace Components {
           * Sets the styling for the items in the pagination bar.
          */
         "appearance"?: IcThemeForeground;
+        /**
+          * The current page number to be displayed on the pagination bar.
+         */
+        "currentPage"?: number;
         /**
           * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.
          */
@@ -883,7 +889,7 @@ declare global {
         new (): HTMLIcMenuWithMultiElement;
     };
     interface HTMLIcPaginationBarElementEventMap {
-        "icPageChange": { value: number };
+        "icPageChange": IcPageChangeEventDetail;
         "icItemsPerPageChange": { value: number };
     }
     interface HTMLIcPaginationBarElement extends Components.IcPaginationBar, HTMLStencilElement {
@@ -1439,6 +1445,10 @@ declare namespace LocalJSX {
           * Sets the styling for the items in the pagination bar.
          */
         "appearance"?: IcThemeForeground;
+        /**
+          * The current page number to be displayed on the pagination bar.
+         */
+        "currentPage"?: number;
         /**
           * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.
          */
@@ -1459,9 +1469,9 @@ declare namespace LocalJSX {
          */
         "onIcItemsPerPageChange"?: (event: IcPaginationBarCustomEvent<{ value: number }>) => void;
         /**
-          * Emitted when a page is navigated to via the 'go to' input.
+          * Emitted when a page is navigated to via the 'go to' input. The `detail` property contains `value` (i.e. the page number) and a `fromItemsPerPage` flag to indicate if the event was triggered by the `icItemsPerPageChange` event also occurring.
          */
-        "onIcPageChange"?: (event: IcPaginationBarCustomEvent<{ value: number }>) => void;
+        "onIcPageChange"?: (event: IcPaginationBarCustomEvent<IcPageChangeEventDetail>) => void;
         /**
           * The text which will be used in place of 'Page' on the pagination bar.
          */