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

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

@@ -0,0 +1,239 @@
+/// <reference types="mdx" />
+declare namespace _default {
+    let title: string;
+    let component: string;
+    namespace parameters {
+        namespace componentAPI {
+            export { readme as data };
+        }
+    }
+}
+export default _default;
+export namespace BasicExample {
+    function render(): HTMLIcDataTableElement;
+    let name: string;
+}
+export namespace LargeDataSetExample {
+    export function render_1(): HTMLIcDataTableElement;
+    export { render_1 as render };
+    let name_1: string;
+    export { name_1 as name };
+}
+export namespace EmbeddedExample {
+    export function render_2(): HTMLIcDataTableElement;
+    export { render_2 as render };
+    let name_2: string;
+    export { name_2 as name };
+}
+export namespace DenseExample {
+    export function render_3(): HTMLElement;
+    export { render_3 as render };
+    let name_3: string;
+    export { name_3 as name };
+}
+export namespace SpaciousExample {
+    export function render_4(): HTMLElement;
+    export { render_4 as render };
+    let name_4: string;
+    export { name_4 as name };
+}
+export namespace StickyColumnHeadersExample {
+    export function render_5(): HTMLElement;
+    export { render_5 as render };
+    let name_5: string;
+    export { name_5 as name };
+}
+export namespace ColumnHeaderTruncationExample {
+    export function render_6(): HTMLElement;
+    export { render_6 as render };
+    let name_6: string;
+    export { name_6 as name };
+}
+export namespace RowHeadersExample {
+    export function render_7(): HTMLIcDataTableElement;
+    export { render_7 as render };
+    let name_7: string;
+    export { name_7 as name };
+}
+export namespace SortExample {
+    export function render_8(): HTMLIcDataTableElement;
+    export { render_8 as render };
+    let name_8: string;
+    export { name_8 as name };
+}
+export namespace SortOptionsExample {
+    export function render_9(): HTMLIcDataTableElement;
+    export { render_9 as render };
+    let name_9: string;
+    export { name_9 as name };
+}
+export namespace DisableSortExample {
+    export function render_10(): HTMLIcDataTableElement;
+    export { render_10 as render };
+    let name_10: string;
+    export { name_10 as name };
+}
+export namespace ExcludeColumnsFromSortExample {
+    export function render_11(): HTMLIcDataTableElement;
+    export { render_11 as render };
+    let name_11: string;
+    export { name_11 as name };
+}
+export namespace PaginationExample {
+    export function render_12(): HTMLIcDataTableElement;
+    export { render_12 as render };
+    let name_12: string;
+    export { name_12 as name };
+}
+export namespace ColumnOverridesExample {
+    export function render_13(): HTMLIcDataTableElement;
+    export { render_13 as render };
+    let name_13: string;
+    export { name_13 as name };
+}
+export namespace RowOverridesExample {
+    export function render_14(): HTMLIcDataTableElement;
+    export { render_14 as render };
+    let name_14: string;
+    export { name_14 as name };
+}
+export namespace CellOverridesExample {
+    export function render_15(): HTMLIcDataTableElement;
+    export { render_15 as render };
+    let name_15: string;
+    export { name_15 as name };
+}
+export namespace DefaultEmptyStateExample {
+    export function render_16(): HTMLIcDataTableElement;
+    export { render_16 as render };
+    let name_16: string;
+    export { name_16 as name };
+}
+export namespace SlottedEmptyStateExample {
+    export function render_17(): HTMLIcDataTableElement;
+    export { render_17 as render };
+    let name_17: string;
+    export { name_17 as name };
+}
+export namespace LoadingStateExample {
+    export function render_18(): HTMLIcDataTableElement;
+    export { render_18 as render };
+    let name_18: string;
+    export { name_18 as name };
+    export let height: string;
+}
+export namespace UpdatingStateExample {
+    export function render_19(): HTMLIcDataTableElement;
+    export { render_19 as render };
+    let name_19: string;
+    export { name_19 as name };
+}
+export namespace LinksAndElementsInDataExample {
+    export function render_20(): HTMLIcDataTableElement;
+    export { render_20 as render };
+    let name_20: string;
+    export { name_20 as name };
+}
+export namespace SlottedElementsWithPaginationExample {
+    export function render_21(): HTMLIcDataTableElement;
+    export { render_21 as render };
+    let name_21: string;
+    export { name_21 as name };
+}
+export namespace CustomIconsExample {
+    export function render_22(): HTMLIcDataTableElement;
+    export { render_22 as render };
+    let name_22: string;
+    export { name_22 as name };
+}
+export namespace CustomRowHeightsExample {
+    export function render_23(): HTMLElement;
+    export { render_23 as render };
+    let name_23: string;
+    export { name_23 as name };
+}
+export namespace CustomTitleBarExample {
+    export function render_24(): HTMLIcDataTableElement;
+    export { render_24 as render };
+    let name_24: string;
+    export { name_24 as name };
+}
+export namespace UpdatingDataExample {
+    export function render_25(): HTMLElement;
+    export { render_25 as render };
+    let name_25: string;
+    export { name_25 as name };
+}
+export namespace SlottedPaginationBarExample {
+    export function render_26(): HTMLIcDataTableElement;
+    export { render_26 as render };
+    let name_26: string;
+    export { name_26 as name };
+}
+export namespace DataTruncationTooltipExample {
+    export function render_27(): HTMLElement;
+    export { render_27 as render };
+    let name_27: string;
+    export { name_27 as name };
+}
+export namespace DataTruncationSeeMoreSeeLessExample {
+    export function render_28(): HTMLElement;
+    export { render_28 as render };
+    let name_28: string;
+    export { name_28 as name };
+}
+export namespace TextWrapExample {
+    export function render_29(): HTMLElement;
+    export { render_29 as render };
+    let name_29: string;
+    export { name_29 as name };
+}
+export namespace TableSizingAndColumnWidthExample {
+    export function render_30(): HTMLElement;
+    export { render_30 as render };
+    let name_30: string;
+    export { name_30 as name };
+}
+export namespace ActionElementExample {
+    export function render_31(): HTMLElement;
+    export { render_31 as render };
+    let name_31: string;
+    export { name_31 as name };
+}
+export namespace DescriptionAndIconsWithinCellsExample {
+    export function render_32(): HTMLIcDataTableElement;
+    export { render_32 as render };
+    let name_32: string;
+    export { name_32 as name };
+}
+export namespace DescriptionAndIconsWithinCellsWithLongTextExample {
+    export function render_33(): HTMLElement;
+    export { render_33 as render };
+    let name_33: string;
+    export { name_33 as name };
+}
+export namespace MissingCellDataExample {
+    export function render_34(): HTMLElement;
+    export { render_34 as render };
+    let name_34: string;
+    export { name_34 as name };
+}
+export namespace TurnOffSelectedRowHighlightingExample {
+    export function render_35(): HTMLElement;
+    export { render_35 as render };
+    let name_35: string;
+    export { name_35 as name };
+}
+export namespace SelectedRowChangeEventExample {
+    export function render_36(): HTMLElement;
+    export { render_36 as render };
+    let name_36: string;
+    export { name_36 as name };
+}
+export namespace DevAreaExample {
+    export function render_37(): HTMLElement;
+    export { render_37 as render };
+    let name_37: string;
+    export { name_37 as name };
+}
+import readme from "./readme.md";

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

@@ -275,6 +275,7 @@ export declare const ROW_HEADER_DATA: {
     };
 }[];
 export declare const COLS_ELEMENTS: IcDataTableColumnObject[];
+export declare const COLS_ELEMENTS_SINGLE_ACTION: IcDataTableColumnObject[];
 export declare const DATA_ELEMENTS: ({
     actions: string;
     firstName: {
@@ -307,6 +308,35 @@ export declare const DATA_ELEMENTS: ({
     jobTitle: string;
     address: string;
 })[];
+export declare const DATA_ELEMENTS_PAGINATION: ({
+    actions: string;
+    firstName: {
+        data: string;
+        href: string;
+        target: string;
+        rel: string;
+    };
+    age: number;
+    jobTitle: string;
+    address: string;
+} | {
+    actions: string;
+    firstName: {
+        data: string;
+        href: string;
+        target?: undefined;
+        rel?: undefined;
+    };
+    age: number;
+    jobTitle: string;
+    address: string;
+} | {
+    actions: string;
+    firstName: string;
+    age: number;
+    jobTitle: string;
+    address: string;
+})[];
 export declare const DATA_REACT_ELEMENTS: ({
     firstName: {
         data: string;
@@ -333,6 +363,32 @@ export declare const DATA_REACT_ELEMENTS: ({
     jobTitle: string;
     address: string;
 })[];
+export declare const DATA_REACT_ELEMENTS_PAGINATION: ({
+    firstName: {
+        data: string;
+        href: string;
+        target: string;
+        rel: string;
+    };
+    age: number;
+    jobTitle: string;
+    address: string;
+} | {
+    firstName: {
+        data: string;
+        href: string;
+        target?: undefined;
+        rel?: undefined;
+    };
+    age: number;
+    jobTitle: string;
+    address: string;
+} | {
+    firstName: string;
+    age: number;
+    jobTitle: string;
+    address: string;
+})[];
 export declare const DATA_REACT_ELEMENTS_WITH_ICONS: ({
     firstName: {
         data: string;
@@ -516,6 +572,7 @@ export declare const ColumnOverrides: () => HTMLIcDataTableElement;
 export declare const RowOverrides: () => HTMLIcDataTableElement;
 export declare const CellOverrides: () => HTMLIcDataTableElement;
 export declare const LinksHTMLElements: () => HTMLIcDataTableElement;
+export declare const SlottedElementsWithPagination: () => HTMLIcDataTableElement;
 export declare const Empty: () => HTMLIcDataTableElement;
 export declare const EmptySlotted: () => HTMLIcDataTableElement;
 export declare const Loading: () => HTMLIcDataTableElement;

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

@@ -0,0 +1,47 @@
+/// <reference types="mdx" />
+declare namespace _default {
+    let title: string;
+    let component: string;
+    namespace parameters {
+        namespace componentAPI {
+            export { readme as data };
+        }
+    }
+}
+export default _default;
+export namespace Basic {
+    function render(): import("lit-html").TemplateResult<1>;
+    let name: string;
+    let height: string;
+}
+export namespace Slots {
+    export function render_1(): import("lit-html").TemplateResult<1>;
+    export { render_1 as render };
+    let name_1: string;
+    export { name_1 as name };
+    let height_1: string;
+    export { height_1 as height };
+}
+export namespace WithMetadataAndDescription {
+    export function render_2(): import("lit-html").TemplateResult<1>;
+    export { render_2 as render };
+    let name_2: string;
+    export { name_2 as name };
+    let height_2: string;
+    export { height_2 as height };
+}
+export namespace HideDensitySelector {
+    export function render_3(): import("lit-html").TemplateResult<1>;
+    export { render_3 as render };
+    let name_3: string;
+    export { name_3 as name };
+}
+export namespace CustomActions {
+    export function render_4(): import("lit-html").TemplateResult<1>;
+    export { render_4 as render };
+    let name_4: string;
+    export { name_4 as name };
+    let height_3: string;
+    export { height_3 as height };
+}
+import readme from "./readme.md";

package/dist/types/components/ic-date-input/ic-date-input.stories.d.ts

@@ -0,0 +1,124 @@
+/// <reference types="mdx" />
+declare namespace _default {
+    let title: string;
+    let component: string;
+    namespace parameters {
+        namespace componentAPI {
+            export { readme as data };
+        }
+    }
+}
+export default _default;
+export namespace Default {
+    function render(): import("lit-html").TemplateResult<1>;
+    let name: string;
+}
+export namespace IcChangeEvent {
+    export function render_1(): import("lit-html").TemplateResult<1>;
+    export { render_1 as render };
+    let name_1: string;
+    export { name_1 as name };
+}
+export namespace WithValue {
+    export function render_2(): import("lit-html").TemplateResult<1>;
+    export { render_2 as render };
+    let name_2: string;
+    export { name_2 as name };
+}
+export namespace DateObject {
+    export function render_3(): import("lit-html").TemplateResult<1>;
+    export { render_3 as render };
+    let name_3: string;
+    export { name_3 as name };
+}
+export namespace ZuluTime {
+    export function render_4(): import("lit-html").TemplateResult<1>;
+    export { render_4 as render };
+    let name_4: string;
+    export { name_4 as name };
+}
+export namespace WithHyphens {
+    export function render_5(): import("lit-html").TemplateResult<1>;
+    export { render_5 as render };
+    let name_5: string;
+    export { name_5 as name };
+}
+export namespace EpochTime {
+    export function render_6(): import("lit-html").TemplateResult<1>;
+    export { render_6 as render };
+    let name_6: string;
+    export { name_6 as name };
+}
+export namespace Required {
+    export function render_7(): import("lit-html").TemplateResult<1>;
+    export { render_7 as render };
+    let name_7: string;
+    export { name_7 as name };
+}
+export namespace HideLabel {
+    export function render_8(): import("lit-html").TemplateResult<1>;
+    export { render_8 as render };
+    let name_8: string;
+    export { name_8 as name };
+}
+export namespace Disabled {
+    export function render_9(): import("lit-html").TemplateResult<1>;
+    export { render_9 as render };
+    let name_9: string;
+    export { name_9 as name };
+}
+export namespace Sizes {
+    export function render_10(): import("lit-html").TemplateResult<1>;
+    export { render_10 as render };
+    let name_10: string;
+    export { name_10 as name };
+}
+export namespace CustomHelperText {
+    export function render_11(): import("lit-html").TemplateResult<1>;
+    export { render_11 as render };
+    let name_11: string;
+    export { name_11 as name };
+}
+export namespace HideHelperText {
+    export function render_12(): import("lit-html").TemplateResult<1>;
+    export { render_12 as render };
+    let name_12: string;
+    export { name_12 as name };
+}
+export namespace CustomValidation {
+    export function render_13(): import("lit-html").TemplateResult<1>;
+    export { render_13 as render };
+    let name_13: string;
+    export { name_13 as name };
+}
+export namespace DisabledPastDates {
+    export function render_14(): import("lit-html").TemplateResult<1>;
+    export { render_14 as render };
+    let name_14: string;
+    export { name_14 as name };
+}
+export namespace DisabledFutureDates {
+    export function render_15(): import("lit-html").TemplateResult<1>;
+    export { render_15 as render };
+    let name_15: string;
+    export { name_15 as name };
+}
+export namespace MinAndMax {
+    export function render_16(): import("lit-html").TemplateResult<1>;
+    export { render_16 as render };
+    let name_16: string;
+    export { name_16 as name };
+}
+export namespace Form {
+    export function render_17(): HTMLFormElement;
+    export { render_17 as render };
+    let name_17: string;
+    export { name_17 as name };
+}
+export namespace WithClearingValue {
+    export function render_18(): import("lit-html").TemplateResult<1>;
+    export { render_18 as render };
+    let name_18: string;
+    export { name_18 as name };
+}
+import readme from "./readme.md";

package/dist/types/components/ic-date-picker/ic-date-picker.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcWeekDays, IcDateFormat, IcSizes, IcInformationStatusOrEmpty } from "../../utils/types";
+import { IcDateFormat, IcInformationStatusOrEmpty, IcSizes, IcWeekDays } from "../../utils/types";
 export declare class DatePicker {
     private inputEl;
     private clearButtonEl;
@@ -22,6 +22,8 @@ export declare class DatePicker {
     private todayButtonEl;
     private yearButtonEl;
     private yearButtonFocussed;
+    private selectedDateInfoEl;
+    private selectedDateInfoId;
     el: HTMLIcDatePickerElement;
     calendarOpen: boolean;
     currMonthView: Date[];
@@ -125,6 +127,11 @@ export declare class DatePicker {
      * If `true`, the input will require a value.
      */
     required?: boolean;
+    /**
+     * @deprecated This prop should not be used anymore. If `false` hides the date input control and just displays the calendar.
+     */
+    showDateInput?: boolean;
+    watchShowDateInputHandler(): void;
     /**
      * If `true`, days outside the current month will be visible in the date picker.
      */
@@ -172,12 +179,20 @@ export declare class DatePicker {
     icChange: EventEmitter<{
         value: Date;
     }>;
+    /**
+     * Emitted when the selected date has changed.
+     */
+    icSelectedDateChange: EventEmitter<{
+        value: Date;
+    }>;
     componentWillLoad(): void;
     componentWillRender(): void;
     componentWillUpdate(): void;
+    componentDidLoad(): void;
     localCalendarButtonClickHandler(ev: CustomEvent): void;
     calendarButtonClickHandler(): void;
     private setDecadeView;
+    private notifyScreenReaderSelectedDate;
     private setSelectedDate;
     private handleCalendarMouseDown;
     private handleCalendarClick;
@@ -241,5 +256,7 @@ export declare class DatePicker {
     private setFocussedYearEl;
     private setFocussedYear;
     private setDateInputProps;
+    private renderHiddenInput;
+    private renderCalendar;
     render(): any;
 }

package/dist/types/components/ic-date-picker/ic-date-picker.stories.d.ts

@@ -0,0 +1,153 @@
+/// <reference types="mdx" />
+declare namespace _default {
+    let title: string;
+    let component: string;
+    namespace parameters {
+        namespace componentAPI {
+            export { readme as data };
+        }
+    }
+}
+export default _default;
+export namespace DefaultExample {
+    function render(): HTMLIcDatePickerElement;
+    let name: string;
+    let height: string;
+}
+export namespace SizesExample {
+    export function render_1(): HTMLElement;
+    export { render_1 as render };
+    let name_1: string;
+    export { name_1 as name };
+    let height_1: string;
+    export { height_1 as height };
+}
+export namespace MaxWidthExample {
+    export function render_2(): HTMLElement;
+    export { render_2 as render };
+    let name_2: string;
+    export { name_2 as name };
+    let height_2: string;
+    export { height_2 as height };
+}
+export namespace DisabledExample {
+    export function render_3(): HTMLIcDatePickerElement;
+    export { render_3 as render };
+    let name_3: string;
+    export { name_3 as name };
+    let height_3: string;
+    export { height_3 as height };
+}
+export namespace DateFormatsExample {
+    export function render_4(): HTMLElement;
+    export { render_4 as render };
+    let name_4: string;
+    export { name_4 as name };
+    let height_4: string;
+    export { height_4 as height };
+}
+export namespace ValueExample {
+    export function render_5(): HTMLIcDatePickerElement;
+    export { render_5 as render };
+    let name_5: string;
+    export { name_5 as name };
+    let height_5: string;
+    export { height_5 as height };
+}
+export namespace ValueCalendarOnlyModeExample {
+    export function render_6(): HTMLIcDatePickerElement;
+    export { render_6 as render };
+    let name_6: string;
+    export { name_6 as name };
+    let height_6: string;
+    export { height_6 as height };
+}
+export namespace OpenAtDate {
+    export function render_7(): HTMLIcDatePickerElement;
+    export { render_7 as render };
+    let name_7: string;
+    export { name_7 as name };
+    let height_7: string;
+    export { height_7 as height };
+}
+export namespace StartOfWeek {
+    export function render_8(): HTMLIcDatePickerElement;
+    export { render_8 as render };
+    let name_8: string;
+    export { name_8 as name };
+    let height_8: string;
+    export { height_8 as height };
+}
+export namespace DisableDaysOfWeek {
+    export function render_9(): HTMLIcDatePickerElement;
+    export { render_9 as render };
+    let name_9: string;
+    export { name_9 as name };
+    let height_9: string;
+    export { height_9 as height };
+}
+export namespace MaxMinExample {
+    export function render_10(): HTMLIcDatePickerElement;
+    export { render_10 as render };
+    let name_10: string;
+    export { name_10 as name };
+    let height_10: string;
+    export { height_10 as height };
+}
+export namespace DisableDatesInPast {
+    export function render_11(): HTMLIcDatePickerElement;
+    export { render_11 as render };
+    let name_11: string;
+    export { name_11 as name };
+    let height_11: string;
+    export { height_11 as height };
+}
+export namespace DisableDatesInFuture {
+    export function render_12(): HTMLIcDatePickerElement;
+    export { render_12 as render };
+    let name_12: string;
+    export { name_12 as name };
+    let height_12: string;
+    export { height_12 as height };
+}
+export namespace DaysOutsideMonthHidden {
+    export function render_13(): HTMLIcDatePickerElement;
+    export { render_13 as render };
+    let name_13: string;
+    export { name_13 as name };
+    let height_13: string;
+    export { height_13 as height };
+}
+export namespace TodayClearButtonsHidden {
+    export function render_14(): HTMLIcDatePickerElement;
+    export { render_14 as render };
+    let name_14: string;
+    export { name_14 as name };
+    let height_14: string;
+    export { height_14 as height };
+}
+export namespace JavaScriptDates {
+    export function render_15(): HTMLIcDatePickerElement;
+    export { render_15 as render };
+    let name_15: string;
+    export { name_15 as name };
+    let height_15: string;
+    export { height_15 as height };
+}
+export namespace IcChangeEvent {
+    export function render_16(): HTMLElement;
+    export { render_16 as render };
+    let name_16: string;
+    export { name_16 as name };
+    let height_16: string;
+    export { height_16 as height };
+}
+export namespace IcSelectedDateChangeEvent {
+    export function render_17(): HTMLElement;
+    export { render_17 as render };
+    let name_17: string;
+    export { name_17 as name };
+    let height_17: string;
+    export { height_17 as height };
+}
+import readme from "./readme.md";