@ukic/canary-web-components 2.0.0-canary.7 → 2.0.0-canary.8

package/dist/types/components.d.ts

@@ -7,9 +7,15 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IcDataTableColumnObject, IcDataTableDensityOptions, IcDataTableSortOrderOptions } from "./components/ic-data-table/ic-data-table.types";
 import { IcPaginationAlignmentOptions, IcPaginationControlTypes, IcPaginationTypes } from "./components/ic-pagination/ic-pagination.types";
+import { IcActivationTypes, IcMenuOption, IcSizes } from "@ukic/web-components/dist/types/utils/types";
+import { IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcOptionSelectEventDetail, IcSearchBarSearchModes } from "@ukic/web-components/dist/types/components";
+import { IcInformationStatusOrEmpty, IcSearchMatchPositions, IcValueEventDetail } from "./utils/types";
 import { IcThemeForeground } from "@ukic/web-components/dist/types/interface";
 export { IcDataTableColumnObject, IcDataTableDensityOptions, IcDataTableSortOrderOptions } from "./components/ic-data-table/ic-data-table.types";
 export { IcPaginationAlignmentOptions, IcPaginationControlTypes, IcPaginationTypes } from "./components/ic-pagination/ic-pagination.types";
+export { IcActivationTypes, IcMenuOption, IcSizes } from "@ukic/web-components/dist/types/utils/types";
+export { IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcOptionSelectEventDetail, IcSearchBarSearchModes } from "@ukic/web-components/dist/types/components";
+export { IcInformationStatusOrEmpty, IcSearchMatchPositions, IcValueEventDetail } from "./utils/types";
 export { IcThemeForeground } from "@ukic/web-components/dist/types/interface";
 export namespace Components {
     interface IcDataTable {
@@ -72,6 +78,79 @@ export namespace Components {
          */
         "stickyRowHeaders"?: boolean;
     }
+    interface IcMenuWithMulti {
+        /**
+          * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.
+         */
+        "activationType"?: IcActivationTypes;
+        /**
+          * The reference to an anchor element the menu will position itself from when rendered.
+         */
+        "anchorEl": HTMLElement;
+        "autoFocusOnSelected": boolean;
+        /**
+          * If `true`, the menu will close when an option is selected.
+         */
+        "closeOnSelect": boolean;
+        /**
+          * If `true`, the menu will fill the width of the container.
+         */
+        "fullWidth": boolean;
+        "handleClickOpen": () => Promise<void>;
+        /**
+          * Used alongside activationType If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.
+          * @param event - keyboard event
+         */
+        "handleKeyboardOpen": (event: KeyboardEvent) => Promise<void>;
+        "handleSetFirstOption": () => Promise<void>;
+        "initPopperJs": (anchor: HTMLElement) => Promise<void>;
+        /**
+          * The reference to the input element.
+         */
+        "inputEl": HTMLElement;
+        /**
+          * The label for the input element.
+         */
+        "inputLabel": string;
+        /**
+          * The custom name for the label field for IcMenuOption.
+         */
+        "labelField": string;
+        /**
+          * The ID of the menu.
+         */
+        "menuId": string;
+        /**
+          * If `true`, the menu will be displayed open.
+         */
+        "open": boolean;
+        /**
+          * The possible menu selection options.
+         */
+        "options": IcMenuOption[];
+        "parentEl"?: HTMLElement;
+        /**
+          * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.
+         */
+        "searchMode"?: IcSearchBarSearchModes;
+        "selectOnEnter"?: boolean;
+        /**
+          * The size of the menu.
+         */
+        "size"?: IcSizes;
+        /**
+          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+         */
+        "small"?: boolean;
+        /**
+          * The value of the currently selected option - or array of values (if multiple options allowed).
+         */
+        "value": string | string[];
+        /**
+          * The custom name for the value field for IcMenuOption.
+         */
+        "valueField": string;
+    }
     interface IcPaginationBar {
         /**
           * Sets the alignment of the items in the pagination bar.
@@ -121,11 +200,169 @@ export namespace Components {
          */
         "totalItems": number;
     }
+    interface IcSelectWithMulti {
+        /**
+          * **[DEPRECATED]** This prop should not be used anymore.
+         */
+        "charactersUntilSuggestions"?: number;
+        /**
+          * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
+         */
+        "debounce"?: number;
+        /**
+          * If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source.
+         */
+        "disableFilter"?: boolean;
+        /**
+          * If `true`, the disabled state will be set.
+         */
+        "disabled"?: boolean;
+        /**
+          * The text displayed when there are no options in the option list.
+         */
+        "emptyOptionListText": string;
+        /**
+          * The <form> element to associate the select with.
+         */
+        "form"?: string;
+        /**
+          * The URL that processes the information submitted by the select. It overrides the action attribute of the select's form owner. Does nothing if there is no form owner. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "formaction"?: string;
+        /**
+          * The way the submitted form data is encoded. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "formenctype"?: string;
+        /**
+          * The HTTP method used to submit the form. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "formmethod"?: string;
+        /**
+          * If `true`, the form will not be validated when submitted. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "formnovalidate"?: boolean;
+        /**
+          * The place to display the response from submitting the form. It overrides the target attribute of the select's form owner. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "formtarget"?: string;
+        /**
+          * If `true`, the select element will fill the width of the container. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "fullWidth": boolean;
+        /**
+          * The helper text that will be displayed for additional field guidance.
+         */
+        "helperText"?: string;
+        /**
+          * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
+         */
+        "hideLabel"?: boolean;
+        /**
+          * If `true`, descriptions of options will be included when filtering options in a searchable select. Only applies to built in filtering.
+         */
+        "includeDescriptionsInSearch"?: boolean;
+        /**
+          * If `true`, group titles of grouped options will be included when filtering options in a searchable select. Only applies to built in filtering.
+         */
+        "includeGroupTitlesInSearch"?: boolean;
+        /**
+          * The label for the select.
+         */
+        "label": string;
+        /**
+          * If `true`, the loading state will be triggered when fetching options asynchronously.
+         */
+        "loading"?: boolean;
+        /**
+          * The message displayed when external loading times out.
+         */
+        "loadingErrorLabel"?: string;
+        /**
+          * The message displayed whilst the options are being loaded externally.
+         */
+        "loadingLabel"?: string;
+        /**
+          * If `true`, multiple options can be selected.
+         */
+        "multiple"?: boolean;
+        /**
+          * The name of the control, which is submitted with the form data.
+         */
+        "name"?: string;
+        /**
+          * The possible selection options.
+         */
+        "options"?: IcMenuOption[];
+        /**
+          * The placeholder value to be displayed.
+         */
+        "placeholder"?: string;
+        /**
+          * If `true`, the readonly state will be set.
+         */
+        "readonly"?: boolean;
+        /**
+          * If `true`, the select will require a value.
+         */
+        "required"?: boolean;
+        /**
+          * Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering.
+         */
+        "searchMatchPosition"?: IcSearchMatchPositions;
+        /**
+          * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.
+         */
+        "searchable"?: boolean;
+        /**
+          * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.
+         */
+        "selectOnEnter"?: boolean;
+        /**
+          * Sets focus on the input box.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * If `true`, a button which clears the select input when clicked will be displayed. The button will always appear on the searchable select.
+         */
+        "showClearButton"?: boolean;
+        /**
+          * The size of the select.
+         */
+        "size"?: IcSizes;
+        /**
+          * **[DEPRECATED]** This prop should not be used anymore. Set prop `size` to "small" instead.
+         */
+        "small"?: boolean;
+        /**
+          * If using external filtering, set a timeout for when loading takes too long.
+         */
+        "timeout"?: number;
+        /**
+          * The validation status - e.g. 'error' | 'warning' | 'success'.
+         */
+        "validationStatus"?: IcInformationStatusOrEmpty;
+        /**
+          * The text to display as the validation message.
+         */
+        "validationText"?: string;
+        /**
+          * The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input. For the multi-select variant, the value must be an array of option values.
+         */
+        "value"?: string | string[];
+    }
+}
+export interface IcMenuWithMultiCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcMenuWithMultiElement;
 }
 export interface IcPaginationBarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcPaginationBarElement;
 }
+export interface IcSelectWithMultiCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcSelectWithMultiElement;
+}
 declare global {
     interface HTMLIcDataTableElement extends Components.IcDataTable, HTMLStencilElement {
     }
@@ -133,6 +370,30 @@ declare global {
         prototype: HTMLIcDataTableElement;
         new (): HTMLIcDataTableElement;
     };
+    interface HTMLIcMenuWithMultiElementEventMap {
+        "menuKeyPress": { isNavKey: boolean; key: string };
+        "menuOptionId": IcMenuOptionIdEventDetail;
+        "menuOptionSelect": IcOptionSelectEventDetail;
+        "menuOptionSelectAll": { select: boolean };
+        "menuStateChange": IcMenuChangeEventDetail;
+        "retryButtonClicked": IcValueEventDetail;
+        "timeoutBlur": { ev: FocusEvent };
+        "ungroupedOptionsSet": { options: IcMenuOption[] };
+    }
+    interface HTMLIcMenuWithMultiElement extends Components.IcMenuWithMulti, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcMenuWithMultiElementEventMap>(type: K, listener: (this: HTMLIcMenuWithMultiElement, ev: IcMenuWithMultiCustomEvent<HTMLIcMenuWithMultiElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcMenuWithMultiElementEventMap>(type: K, listener: (this: HTMLIcMenuWithMultiElement, ev: IcMenuWithMultiCustomEvent<HTMLIcMenuWithMultiElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIcMenuWithMultiElement: {
+        prototype: HTMLIcMenuWithMultiElement;
+        new (): HTMLIcMenuWithMultiElement;
+    };
     interface HTMLIcPaginationBarElementEventMap {
         "icPageChange": { value: number };
         "icItemsPerPageChange": { value: number };
@@ -151,9 +412,35 @@ declare global {
         prototype: HTMLIcPaginationBarElement;
         new (): HTMLIcPaginationBarElement;
     };
+    interface HTMLIcSelectWithMultiElementEventMap {
+        "icBlur": void;
+        "icChange": IcValueEventDetail;
+        "icClear": void;
+        "icFocus": void;
+        "icInput": IcValueEventDetail;
+        "icOptionSelect": IcOptionSelectEventDetail;
+        "icOptionDeselect": IcOptionSelectEventDetail;
+        "icRetryLoad": IcValueEventDetail;
+    }
+    interface HTMLIcSelectWithMultiElement extends Components.IcSelectWithMulti, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcSelectWithMultiElementEventMap>(type: K, listener: (this: HTMLIcSelectWithMultiElement, ev: IcSelectWithMultiCustomEvent<HTMLIcSelectWithMultiElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcSelectWithMultiElementEventMap>(type: K, listener: (this: HTMLIcSelectWithMultiElement, ev: IcSelectWithMultiCustomEvent<HTMLIcSelectWithMultiElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIcSelectWithMultiElement: {
+        prototype: HTMLIcSelectWithMultiElement;
+        new (): HTMLIcSelectWithMultiElement;
+    };
     interface HTMLElementTagNameMap {
         "ic-data-table": HTMLIcDataTableElement;
+        "ic-menu-with-multi": HTMLIcMenuWithMultiElement;
         "ic-pagination-bar": HTMLIcPaginationBarElement;
+        "ic-select-with-multi": HTMLIcSelectWithMultiElement;
     }
 }
 declare namespace LocalJSX {
@@ -217,6 +504,68 @@ declare namespace LocalJSX {
          */
         "stickyRowHeaders"?: boolean;
     }
+    interface IcMenuWithMulti {
+        /**
+          * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.
+         */
+        "activationType"?: IcActivationTypes;
+        /**
+          * The reference to an anchor element the menu will position itself from when rendered.
+         */
+        "anchorEl": HTMLElement;
+        /**
+          * If `true`, the menu will close when an option is selected.
+         */
+        "closeOnSelect"?: boolean;
+        /**
+          * If `true`, the menu will fill the width of the container.
+         */
+        "fullWidth"?: boolean;
+        /**
+          * The reference to the input element.
+         */
+        "inputEl": HTMLElement;
+        /**
+          * The label for the input element.
+         */
+        "inputLabel": string;
+        /**
+          * The custom name for the label field for IcMenuOption.
+         */
+        "labelField"?: string;
+        /**
+          * The ID of the menu.
+         */
+        "menuId": string;
+        /**
+          * If `true`, the menu will be displayed open.
+         */
+        "open": boolean;
+        /**
+          * The possible menu selection options.
+         */
+        "options": IcMenuOption[];
+        /**
+          * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.
+         */
+        "searchMode"?: IcSearchBarSearchModes;
+        /**
+          * The size of the menu.
+         */
+        "size"?: IcSizes;
+        /**
+          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+         */
+        "small"?: boolean;
+        /**
+          * The value of the currently selected option - or array of values (if multiple options allowed).
+         */
+        "value": string | string[];
+        /**
+          * The custom name for the value field for IcMenuOption.
+         */
+        "valueField"?: string;
+    }
     interface IcPaginationBar {
         /**
           * Sets the alignment of the items in the pagination bar.
@@ -274,9 +623,189 @@ declare namespace LocalJSX {
          */
         "totalItems": number;
     }
+    interface IcSelectWithMulti {
+        /**
+          * **[DEPRECATED]** This prop should not be used anymore.
+         */
+        "charactersUntilSuggestions"?: number;
+        /**
+          * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
+         */
+        "debounce"?: number;
+        /**
+          * If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source.
+         */
+        "disableFilter"?: boolean;
+        /**
+          * If `true`, the disabled state will be set.
+         */
+        "disabled"?: boolean;
+        /**
+          * The text displayed when there are no options in the option list.
+         */
+        "emptyOptionListText"?: string;
+        /**
+          * The <form> element to associate the select with.
+         */
+        "form"?: string;
+        /**
+          * The URL that processes the information submitted by the select. It overrides the action attribute of the select's form owner. Does nothing if there is no form owner. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "formaction"?: string;
+        /**
+          * The way the submitted form data is encoded. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "formenctype"?: string;
+        /**
+          * The HTTP method used to submit the form. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "formmethod"?: string;
+        /**
+          * If `true`, the form will not be validated when submitted. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "formnovalidate"?: boolean;
+        /**
+          * The place to display the response from submitting the form. It overrides the target attribute of the select's form owner. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "formtarget"?: string;
+        /**
+          * If `true`, the select element will fill the width of the container. This prop should only be used with searchable select and will only be applied if searchable is true.
+         */
+        "fullWidth"?: boolean;
+        /**
+          * The helper text that will be displayed for additional field guidance.
+         */
+        "helperText"?: string;
+        /**
+          * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
+         */
+        "hideLabel"?: boolean;
+        /**
+          * If `true`, descriptions of options will be included when filtering options in a searchable select. Only applies to built in filtering.
+         */
+        "includeDescriptionsInSearch"?: boolean;
+        /**
+          * If `true`, group titles of grouped options will be included when filtering options in a searchable select. Only applies to built in filtering.
+         */
+        "includeGroupTitlesInSearch"?: boolean;
+        /**
+          * The label for the select.
+         */
+        "label": string;
+        /**
+          * If `true`, the loading state will be triggered when fetching options asynchronously.
+         */
+        "loading"?: boolean;
+        /**
+          * The message displayed when external loading times out.
+         */
+        "loadingErrorLabel"?: string;
+        /**
+          * The message displayed whilst the options are being loaded externally.
+         */
+        "loadingLabel"?: string;
+        /**
+          * If `true`, multiple options can be selected.
+         */
+        "multiple"?: boolean;
+        /**
+          * The name of the control, which is submitted with the form data.
+         */
+        "name"?: string;
+        /**
+          * Emitted when the select loses focus.
+         */
+        "onIcBlur"?: (event: IcSelectWithMultiCustomEvent<void>) => void;
+        /**
+          * Emitted when the value changes.
+         */
+        "onIcChange"?: (event: IcSelectWithMultiCustomEvent<IcValueEventDetail>) => void;
+        /**
+          * Emitted when the clear button is clicked.
+         */
+        "onIcClear"?: (event: IcSelectWithMultiCustomEvent<void>) => void;
+        /**
+          * Emitted when the select gains focus.
+         */
+        "onIcFocus"?: (event: IcSelectWithMultiCustomEvent<void>) => void;
+        /**
+          * Emitted when a keyboard input occurred.
+         */
+        "onIcInput"?: (event: IcSelectWithMultiCustomEvent<IcValueEventDetail>) => void;
+        /**
+          * Emitted when `multiple` is `true` and an option is deselected.
+         */
+        "onIcOptionDeselect"?: (event: IcSelectWithMultiCustomEvent<IcOptionSelectEventDetail>) => void;
+        /**
+          * Emitted when an option is selected. Selecting an option will also trigger an `icChange/onIcChange` due to the value being updated.
+         */
+        "onIcOptionSelect"?: (event: IcSelectWithMultiCustomEvent<IcOptionSelectEventDetail>) => void;
+        /**
+          * Emitted when the 'retry loading' button is clicked for a searchable variant.
+         */
+        "onIcRetryLoad"?: (event: IcSelectWithMultiCustomEvent<IcValueEventDetail>) => void;
+        /**
+          * The possible selection options.
+         */
+        "options"?: IcMenuOption[];
+        /**
+          * The placeholder value to be displayed.
+         */
+        "placeholder"?: string;
+        /**
+          * If `true`, the readonly state will be set.
+         */
+        "readonly"?: boolean;
+        /**
+          * If `true`, the select will require a value.
+         */
+        "required"?: boolean;
+        /**
+          * Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering.
+         */
+        "searchMatchPosition"?: IcSearchMatchPositions;
+        /**
+          * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.
+         */
+        "searchable"?: boolean;
+        /**
+          * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.
+         */
+        "selectOnEnter"?: boolean;
+        /**
+          * If `true`, a button which clears the select input when clicked will be displayed. The button will always appear on the searchable select.
+         */
+        "showClearButton"?: boolean;
+        /**
+          * The size of the select.
+         */
+        "size"?: IcSizes;
+        /**
+          * **[DEPRECATED]** This prop should not be used anymore. Set prop `size` to "small" instead.
+         */
+        "small"?: boolean;
+        /**
+          * If using external filtering, set a timeout for when loading takes too long.
+         */
+        "timeout"?: number;
+        /**
+          * The validation status - e.g. 'error' | 'warning' | 'success'.
+         */
+        "validationStatus"?: IcInformationStatusOrEmpty;
+        /**
+          * The text to display as the validation message.
+         */
+        "validationText"?: string;
+        /**
+          * The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input. For the multi-select variant, the value must be an array of option values.
+         */
+        "value"?: string | string[];
+    }
     interface IntrinsicElements {
         "ic-data-table": IcDataTable;
+        "ic-menu-with-multi": IcMenuWithMulti;
         "ic-pagination-bar": IcPaginationBar;
+        "ic-select-with-multi": IcSelectWithMulti;
     }
 }
 export { LocalJSX as JSX };
@@ -284,7 +813,9 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "ic-data-table": LocalJSX.IcDataTable & JSXBase.HTMLAttributes<HTMLIcDataTableElement>;
+            "ic-menu-with-multi": LocalJSX.IcMenuWithMulti & JSXBase.HTMLAttributes<HTMLIcMenuWithMultiElement>;
             "ic-pagination-bar": LocalJSX.IcPaginationBar & JSXBase.HTMLAttributes<HTMLIcPaginationBarElement>;
+            "ic-select-with-multi": LocalJSX.IcSelectWithMulti & JSXBase.HTMLAttributes<HTMLIcSelectWithMultiElement>;
         }
     }
 }

package/dist/types/utils/constants.d.ts

@@ -0,0 +1 @@
+export declare const IC_INHERITED_ARIA: string[];

package/dist/types/utils/helpers.d.ts

@@ -1,5 +1,55 @@
-import { IcCallbackFunctionNoReturn } from "@ukic/web-components";
-export declare const checkResizeObserver: (callbackFn: IcCallbackFunctionNoReturn) => void;
+import { IcCallbackFunctionNoReturn, IcInformationStatusOrEmpty, IcPropObject, IcSearchMatchPositions, IcMenuOption } from "@ukic/web-components";
+/**
+ * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned
+ * to a variable that is later used in the render function.
+ *
+ * This does not need to be reactive as changing attributes on the host element
+ * does not trigger a re-render.
+ */
+export declare const inheritAttributes: (element: HTMLElement, attributes?: string[]) => {
+    [key: string]: unknown;
+};
+/**
+ * This method is used to add a hidden input to a host element that contains
+ * a Shadow DOM. It does not add the input inside of the Shadow root which
+ * allows it to be picked up inside of forms. It should contain the same
+ * values as the host element.
+ *
+ * @param always Add a hidden input even if the container does not use Shadow
+ * @param container The element where the input will be added
+ * @param name The name of the input
+ * @param value The value of the input
+ * @param disabled If true, the input is disabled
+ */
+export declare const renderHiddenInput: (always: boolean, container: HTMLElement, name: string, value: string | undefined | null, disabled: boolean) => void;
+export declare const hasShadowDom: (el: HTMLElement) => boolean;
+export declare const getInputHelperTextID: (id: string) => string;
+export declare const getInputValidationTextID: (id: string) => string;
+export declare const getInputDescribedByText: (inputId: string, helperText: boolean, validationText: boolean) => string;
+export declare const isMobileOrTablet: () => boolean;
+/**
+ * Extracts the label using the value from an object. Requires the object to have a label and value property.
+ * @param value - value from object
+ * @param options - list of menu items
+ * @returns - label corresponding to value
+ */
+export declare const getLabelFromValue: (value: string, options: IcMenuOption[], valueField?: string, labelField?: string) => string | undefined;
+/**
+ * Filters the options based on the search string.
+ * @param options - array of options
+ * @param includeDescriptions - determines whether option descriptions are included when filtering options
+ * @param searchString - string used to filter the options
+ * @param position - whether the search string matches the start of or anywhere in the options
+ * @returns filtered array of options
+ */
+export declare const getFilteredMenuOptions: (options: IcMenuOption[], includeDescriptions: boolean, searchString: string, position: IcSearchMatchPositions, labelField?: string) => IcMenuOption[];
+/**
+ * Gets count of options where only group title "parent" options have been removed.
+ * Disabled options are included in the count.
+ * @param options - array of options
+ * @returns number of options not including group titles
+ */
+export declare const getOptionsWithoutGroupTitlesCount: (options: IcMenuOption[]) => number;
 export declare const getCssProperty: (cssVar: string) => string;
 export declare const DEVICE_SIZES: {
     XS: number;
@@ -9,3 +59,12 @@ export declare const DEVICE_SIZES: {
     XL: number;
     UNDEFINED: number;
 };
+export declare const hasValidationStatus: (status: IcInformationStatusOrEmpty, disabled: boolean) => boolean;
+export declare const onComponentRequiredPropUndefined: (props: IcPropObject[], component: string) => void;
+export declare const kebabToCamelCase: (kebabCase: string) => string;
+export declare const checkResizeObserver: (callbackFn: IcCallbackFunctionNoReturn) => void;
+export declare const getForm: (el: HTMLElement) => HTMLFormElement;
+export declare const addFormResetListener: (el: HTMLElement, callbackFn: IcCallbackFunctionNoReturn) => void;
+export declare const removeFormResetListener: (el: HTMLElement, callbackFn: IcCallbackFunctionNoReturn) => void;
+export declare const removeDisabledFalse: (disabled: boolean, element: HTMLElement) => void;
+export declare const isMacDevice: () => boolean;