@ukic/canary-web-components 2.0.0-canary.14 → 2.0.0-canary.16

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

@@ -52,6 +52,41 @@ export declare const ROW_ALIGNMENT: ({
     address: string;
 })[];
 export declare const LONG_COLS: IcDataTableColumnObject[];
+export declare const ICON_COLS: IcDataTableColumnObject[];
+export declare const ICON_DATA: ({
+    firstName: {
+        data: string;
+        icon: string;
+    };
+    lastName: string;
+    age: number;
+    jobTitle: string;
+    address: string;
+} | {
+    firstName: string;
+    lastName: {
+        data: string;
+        icon: string;
+    };
+    age: number;
+    jobTitle: string;
+    address: string;
+} | {
+    firstName: string;
+    lastName: string;
+    age: number;
+    jobTitle: string;
+    address: string;
+} | {
+    firstName: string;
+    lastName: string;
+    age: number;
+    jobTitle: {
+        data: string;
+        icon: string;
+    };
+    address: string;
+})[];
 export declare const LONG_DATA: {
     employeeNumber: number;
     name: string;
@@ -89,6 +124,22 @@ export declare const DATA_ELEMENTS: ({
     address: string;
     actions: string;
 })[];
+export declare const DATA_REACT_ELEMENTS: ({
+    firstName: {
+        data: string;
+        href: string;
+    };
+    lastName: string;
+    age: number;
+    jobTitle: string;
+    address: string;
+} | {
+    firstName: string;
+    lastName: 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 Embedded: () => HTMLIcDataTableElement;
@@ -103,3 +154,11 @@ export declare const ColumnOverrides: () => HTMLIcDataTableElement;
 export declare const RowOverrides: () => HTMLIcDataTableElement;
 export declare const CellOverrides: () => HTMLIcDataTableElement;
 export declare const LinksHTMLElements: () => HTMLIcDataTableElement;
+export declare const Empty: () => HTMLIcDataTableElement;
+export declare const EmptySlotted: () => HTMLIcDataTableElement;
+export declare const Loading: () => HTMLIcDataTableElement;
+export declare const Updating: () => HTMLIcDataTableElement;
+export declare const CustomIcons: () => HTMLIcDataTableElement;
+export declare const CustomRowHeights: () => HTMLElement;
+export declare const CustomTitleBar: () => HTMLIcDataTableElement;
+export declare const UpdatingData: () => HTMLElement;

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

@@ -0,0 +1,36 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { IcDensityUpdateEventDetail } from "../ic-data-table/ic-data-table.types";
+/**
+ * @slot primary-action - Render an interactive element that will perform a primary action. Renders to the right of the density select.
+ * @slot custom-actions - Render additional custom actions to the left of the density select.
+ * @slot heading - The heading to render on the data table title bar.
+ * @slot description - Render an alternative description in the description section.
+ */
+export declare class DataTableTitleBar {
+    private initialDensitySelectOption;
+    private isEmbedded;
+    el: HTMLIcDataTableTitleBarElement;
+    /**
+     * The description that is displayed below the `heading` and `metadata`. Can be overridden with the `description` slot.
+     */
+    description?: string;
+    /**
+     * The heading of the title bar. Can be overridden with the `heading` slot. If used with an `ic-data-table` it will default to the table's `caption` unless overridden.
+     */
+    heading?: string;
+    /**
+     * When `true`, the density select will not be rendered.
+     */
+    hideDensitySelect?: boolean;
+    /**
+     * The metadata displayed next to the `heading`.
+     */
+    metadata?: string;
+    /**
+     * Emitted when the table density select value is changed.
+     */
+    icTableDensityUpdate: EventEmitter<IcDensityUpdateEventDetail>;
+    componentWillLoad(): void;
+    private changeDensity;
+    render(): any;
+}

package/dist/types/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts

@@ -12,12 +12,15 @@ export declare class Menu {
     private isMultiSelect;
     private isSearchBar;
     private isSearchableSelect;
+    private lastOptionSelected;
+    private lastOptionFocused;
     private menu;
     private multiOptionClicked;
     private popperInstance;
     private preventClickOpen;
     private preventMenuFocus;
     private selectAllButton;
+    private shiftPressed;
     private ungroupedOptions;
     el: HTMLIcMenuWithMultiElement;
     focusFromSearchKeypress: boolean;
@@ -178,6 +181,8 @@ export declare class Menu {
     private setHighlightedOption;
     private autoSetInputValueKeyboardOpen;
     private selectHighlightedOption;
+    private isOptionSelected;
+    private deselectSelectedOptions;
     private manualSetInputValueKeyboardOpen;
     private setInputValue;
     private handleOptionClick;
@@ -191,12 +196,17 @@ export declare class Menu {
     private handleSelectAllBlur;
     private handleSelectAllFocus;
     private handleSelectAllMouseDown;
+    private handleSingleShiftSelect;
+    private handleMultipleShiftSelect;
+    private handleOptionSelect;
+    private getFirstOptionInSelection;
     private emitSelectAll;
     private emitMenuKeyPress;
     private autoSetValueOnMenuKeyDown;
     private getOptionId;
     private getOptionAriaLabel;
     private getSortedOptions;
+    private getOptionHighlightedIndex;
     private isManualMode;
     private scrollToSelected;
     private loadUngroupedOptions;

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

@@ -1,20 +1,30 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcThemeForeground } from "@ukic/web-components/dist/types/interface";
-import { IcPaginationAlignmentOptions, IcPaginationControlTypes, IcPaginationTypes } from "../ic-pagination/ic-pagination.types";
+import { IcPaginationAlignmentOptions, IcPaginationLabelTypes, IcPaginationTypes } from "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types";
 export declare class PaginationBar {
-    private PAGINATION;
-    private TEXT_FIELD;
-    private TOOLTIP;
     private PAGE_INPUT_FIELD_ID;
     private INVALID_PAGE_ERROR;
     private NAN_ERROR;
     private resizeObserver;
+    private pageDropdownEl;
+    private pageInputEl;
+    private pageInputTooltipEl;
     private paginationBarEl;
+    private paginationEl;
     el: HTMLIcPaginationBarElement;
+    capitalizedItemLabel: string;
+    capitalizedPageLabel: string;
     currentPage: number;
+    displayedItemsPerPageOptions?: {
+        label: string;
+        value: string;
+    }[];
     inputError: string;
-    itemsPerPage: string;
+    itemsPerPage: number;
+    itemsPerPageString: string;
     lowerBound: number;
+    lowerCaseItemLabel: string;
+    lowerCasePageLabel: string;
     paginationWidth: number;
     paginationWrapped: boolean;
     totalPages: number;
@@ -28,9 +38,10 @@ export declare class PaginationBar {
      */
     appearance?: IcThemeForeground;
     /**
-     * The label which will be used in place of 'items' if paginationType is data. Should be capitalised.
+     * The text which will be used in place of 'Item' on the pagination bar.
      */
     itemLabel?: string;
+    watchItemLabelHandler(): void;
     /**
      * The options which will be displayed for 'items per page' select input. Set a maximum of 4 options including a required 'All' option with value equal to total number of items.
      */
@@ -38,26 +49,28 @@ export declare class PaginationBar {
         label: string;
         value: string;
     }[];
+    watchItemsPerPageOptionsHandler(): void;
     /**
      * Whether the displayed pagination is simple or complex.
      */
-    paginationControl?: IcPaginationControlTypes;
+    type?: IcPaginationTypes;
     /**
      * Whether total number of items and current item range or total number of pages and current page is displayed.
      */
-    paginationType?: IcPaginationTypes;
+    rangeLabelType?: IcPaginationLabelTypes;
     /**
-     * The label which will be used in place of 'Page' if paginationType is page. Should be capitalised.
+     * The text which will be used in place of 'Page' on the pagination bar.
      */
     pageLabel?: string;
+    watchPageLabelHandler(): void;
     /**
      * If `true`, the 'go to page' control should be displayed.
      */
     showGoToPageControl?: boolean;
     /**
-     * If `true`, the number of total items and current item range or number of total pages and current page should be displayed.
+     * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.
      */
-    showItemsPerPage?: boolean;
+    hideRangeLabel?: boolean;
     /**
      * If `true`, the select input to control 'items per page' should be displayed.
      */
@@ -66,6 +79,7 @@ export declare class PaginationBar {
      * Total number of items to be displayed across all pages.
      */
     totalItems: number;
+    watchTotalItemsHandler(): void;
     /**
      * Emitted when a page is navigated to via the 'go to' input.
      */
@@ -84,20 +98,26 @@ export declare class PaginationBar {
     pageChangeHandler(ev: CustomEvent): void;
     private changeItemsPerPage;
     private changePage;
+    private focusElFromLabel;
     private goToPage;
+    private goToPageLabelClickHandler;
     private handleBlur;
     private handleFocus;
     private handleInputChange;
     private handleKeydown;
     private handleKeyUp;
+    private itemsPerPageLabelClickHandler;
     private paginationShouldWrap;
     private resizeObserverCallback;
     private runResizeObserver;
-    private setDefaultItemsPerPage;
-    private setDefaultItemsPerPageOptions;
+    private setDisplayedItemsPerPageOptions;
     private setGoToPageInputStyles;
+    private setInputError;
+    private setItemsPerPage;
     private setNumberPages;
+    private setPaginationBarContent;
     private setUpperBound;
     private trimItemsPerPageOptions;
+    private updateItemsPerPage;
     render(): any;
 }