/* eslint-disable */ /* tslint:disable */ /** * This is an autogenerated file created by the Stencil compiler. * It contains typing information for all components that exist in this project. */ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime"; import { FilterGroup } from "./components/my-component/UI/advanced-search/types"; import { GridOptions } from "ag-grid-enterprise"; import { RenderConfig } from "./components/my-component/UI/grid/ambient-template-grid/interfaces/gridInterfaces"; import { Event } from "./stencil-public-runtime"; import { FontOverrides, Guid, Question } from "./components/my-component/UI/forms/udp-forms/types"; import { PopoverPlacement } from "./components/my-component/UI/data-display/pop-over/interfaces/popoverInterfaces"; import { LabelDisplayMode, LabelPosition, Steps } from "./components/my-component/UI/stepper/types"; import { User } from "./udp-utilities/udp-user-creator"; import { TypographyColor, TypographyVariant } from "./components/my-component/UI/unity-typography/types"; export { FilterGroup } from "./components/my-component/UI/advanced-search/types"; export { GridOptions } from "ag-grid-enterprise"; export { RenderConfig } from "./components/my-component/UI/grid/ambient-template-grid/interfaces/gridInterfaces"; export { Event } from "./stencil-public-runtime"; export { FontOverrides, Guid, Question } from "./components/my-component/UI/forms/udp-forms/types"; export { PopoverPlacement } from "./components/my-component/UI/data-display/pop-over/interfaces/popoverInterfaces"; export { LabelDisplayMode, LabelPosition, Steps } from "./components/my-component/UI/stepper/types"; export { User } from "./udp-utilities/udp-user-creator"; export { TypographyColor, TypographyVariant } from "./components/my-component/UI/unity-typography/types"; export namespace Components { interface AdvancedSearch { "fetchFilters": Function; /** * @default [] */ "filterList": any[]; /** * @default [] */ "filterRenderList": any[]; "handleDelete": (arg0: object) => void; "handleItemClick": (item: { searchField: string, searchOperator: string, searchValue: string }) => void; "handleValueChanged": (event: CustomEvent) => void; } interface AdvancedSearchGrouped { "fetchFilters": Function; /** * @default [] */ "filterList": any[]; /** * @default [] */ "filterObjectsWithGroups": FilterGroup[]; /** * @default [] */ "filterRenderList": any[]; "fullClearSearch": () => void; "handleAddNewFilter": (groupId: string, otherId: string) => void; "handleAddNewGroup": (groupId: string, logicalOperator: 'AND' | 'OR') => void; "handleDelete": (arg0: object) => void; "handleGroupItemDelete": (filterGroupId: string) => void; "handleItemClick": (item: { searchField: string; searchOperator: string; searchValue: string }) => void; "handleValueChanged": (event: CustomEvent) => void; /** * @default [] */ "recentSearchesOptions": any[]; "searchData": any; "selectRecentSearch": (e: any) => void; "updateLogicalOperator": (groupId: string, logicalOperator: 'AND' | 'OR') => void; } interface AgTable { "gridOptions": GridOptions; /** * @default 'calc(100vh - 200px)' */ "height": string; "licensekey": string; } interface AmbientDemoContainer { "title": string; } interface AmbientTemplateGrid { "accessToken": string; /** * @default '' */ "actionId": string; /** * @default [] */ "additionalFilterChips": Array; /** * @default '' */ "apiCatalogId": string; /** * @default '' */ "apiMethodId": string; /** * @default {} */ "bulkActionFunctions": Object; /** * @default '' */ "buttonTransform": string; "cellClickHandler": (value: any, callback: any) => void; "cellClickHandlerX": (value: any, callback: any) => void; /** * @default [] */ "columnDefs": any[]; /** * @default {} */ "columnNames": { [key: string]: string }; /** * @default {} */ "dataEmitter": any; /** * @default {} */ "dataEmitterRequest": any; /** * @default [] */ "defaultSearchObject": Array; /** * @default false */ "enableCheckboxOnColumns": boolean; /** * @default '' */ "entityName": string; "executeBulkAction": (actionId: string, data: any) => void; /** * @default null */ "externalPayload": any; /** * @default [] */ "externalSearchFilter": Array; /** * @default [ { pageNumber: 1, pageSize: 20, filterElements: [], orderElements: [], groupingType: '', groupProperty: [], groupOperationList: [], eagerLoad: false, logicalSearchOperator: 2, type: 'advanced', }, ] */ "filterObject": any; /** * @default '' */ "fitGrid": string; /** * @default {} */ "fullViewData": any; /** * @default '' */ "gridBarTitle": string; /** * @default '' */ "gridId": string; /** * @default [] */ "gridState": any[]; /** * @default [] */ "hiddenColumnsList": Array; /** * @default false */ "hideActionsColumn": boolean; /** * @default false */ "hideBulkActions": boolean; /** * @default false */ "hideDefaultSearchFilterChips": boolean; /** * @default '' */ "hotListIdentifier": string; "insightsActionOnClick": (e: any) => void; /** * @default [] */ "kpiValues": Array; /** * @default '' */ "lookupApiMethodId": string; /** * @default 5 */ "maxChipsAllowed": number; /** * @default [] */ "menuItems": Array; /** * @default false */ "noResults": boolean; "primaryActionIcon": string; "primaryActionLabel": string; "primaryActionOnClick": (e: any) => void; /** * @default 0 */ "productId": number; /** * @default '' */ "queryId": string; /** * @default [] */ "renderConfigs": RenderConfig[]; /** * @default false */ "restrictBulkActionsPermissions": boolean; /** * @default {} */ "restrictedGridFeatures": { [key: string]: string }; /** * @default [] */ "rowData": any[]; /** * @default [] */ "rowGrouping": Array; /** * @default {} */ "searchKey": Object; /** * @default true */ "showAdvancedSearchFeature": boolean; /** * @default true */ "showFilterColumnFeature": boolean; /** * @default false */ "showHotlistButton": boolean; /** * @default false */ "showInsightsAction": boolean; /** * @default false */ "showRank": boolean; /** * @default true */ "suppressMenuHide": boolean; /** * @default '' */ "tenantId": string; /** * @default false */ "triggerGridUpdate": boolean; "updateFilterAndFetch": (newFilter: Array) => Promise; /** * @default '' */ "userId": string; /** * @default [] */ "userPermissions": any[]; "viewActionClickHandler": (value: any, callback: any) => void; /** * @default [] */ "viewChips": Array; /** * @default [] */ "viewListrowData": any[]; } interface AppBar { "username": string; } interface ChartContainer { "adjustChartWidthForKpis": boolean; "chartId": string; /** * @default {} */ "customCardStyle"?: { [key: string]: string }; "customCardWidth"?: number; "customHeight"?: number; "customWidth"?: number; /** * @default false */ "hideAdornment": boolean; "kpis": { label: string; value: string }[]; /** * @default 'left' */ "kpisPosition": 'left' | 'top'; /** * @default 'medium' */ "size": 'small' | 'medium' | 'large'; "subheader": string; "title": string; } interface ChartKpi { "label": string; "value": string; } interface CheckBox { /** * @default false */ "checked": boolean; /** * @default false */ "disabled": boolean; "handleCheckboxChange": (event: Event) => void; "id": string; "label": string; } interface ChipSection { /** * @default [] */ "additionalFilterChips": Array; /** * @default [] */ "filterChips": Array; "handleDelete": Function; /** * @default false */ "hideKpiSection": boolean; /** * @default [] */ "kpiValues": Array; /** * @default 4 */ "maxKPIsDisplayed": number; /** * @default [] */ "menuItems": Array; /** * @default [] */ "viewChips": Array; } interface ColorPreview { } interface CustomButton { /** * @default false */ "disabled": boolean; "label": string; /** * @default false */ "secondary": boolean; /** * @default 'default' */ "size": 'default' | 'short' | 'tall'; /** * @default 'button' */ "type": 'button' | 'submit' | 'reset'; /** * @default 'default' */ "variant": 'default' | 'outline'; } interface EditViewFormDialog { "apiCatalogId": any; "application": string; "closeDialog": any; "currentGridId": string; "currentGridViewVisibilityTypeId": number; "currentIsDefault": boolean; "currentName": string; "domain": any; "entity": string; "gApi": any; "gcApi": any; "gridId": any; "handleClose": Function; "handleFormSubmit": (gridId: any, name: string, isPrivate: number, isDefault: boolean) => void; "open": boolean; "refetchViews": () => void; "tenant": string; "title": string; "user": any; } interface FileUpload { "allowMultiple": boolean; "allowedFileTypes": Array; /** * @default 'Browse Files' */ "browseFileMessage": string; "disallowedFileTypes": Array; /** * @default 'Drag and drop your files here' */ "dragAndDropMessage": string; "error": string; /** * @default false */ "fullWidth": boolean; "handleFileChange": (files: File[]) => void; /** * @default false */ "hideButton": boolean; /** * @default false */ "hideDragAndDrop": boolean; "id": string; "required": boolean; } interface FilterConditions { } interface FluentDialog { "actionOne": Function; "actionThree": Function; "actionTwo": Function; "ariaDescribedby": string; "ariaLabelledby": string; /** * @default false */ "buttonOneHidden": boolean; /** * @default true */ "buttonThreeHidden": boolean; /** * @default false */ "buttonTwoHidden": boolean; "descriptionId": string; "disableOne": boolean; "disableThree": boolean; "disableTwo": boolean; "handleClose": Function; "labelOne": string; "labelThree": string; "labelTwo": string; "message": string; "open": boolean; "progress": number; "title": string; "titleId": string; } interface GetUser { "accessToken": string; } interface GridPrimaryBar { /** * @default [] */ "actionButtons": any[]; "customAdvancedSearchClick"?: (event?: MouseEvent) => void; "customClearClick"?: (event?: MouseEvent) => void; "customColumnViewClick"?: (event?: MouseEvent) => void; "customExpandClick"?: (event?: MouseEvent) => void; "customExportClick"?: (event?: MouseEvent) => void; "customFilterViewClick"?: (event?: MouseEvent) => void; "customFitColumnClick"?: (event?: MouseEvent) => void; "customInsightsClick"?: (event?: MouseEvent) => void; "customSaveViewClick"?: (event?: MouseEvent) => void; "customShowCustomSearchClick"?: (event?: MouseEvent) => void; "customShowGridOptionsClick"?: (event?: MouseEvent) => void; "customShowHotlistClick"?: (event?: MouseEvent) => void; "customShowViewClick"?: (event?: MouseEvent) => void; "customSizeToFitClick"?: (event?: MouseEvent) => void; "customToggleServerClientClick"?: (event?: MouseEvent) => void; /** * @default [] */ "hiddenActionButtons": string[]; /** * @default [] */ "hiddenLabels": string[]; /** * @default false */ "hideExport": boolean; "primaryActionClick"?: (event?: MouseEvent) => void; "primaryActionIcon": string; "primaryActionLabel": string; /** * @default true */ "showAdvancedSearchFeature": boolean; /** * @default true */ "showFilterColumnFeature": boolean; /** * @default true */ "showGridOptions": boolean; /** * @default false */ "showHotlistButton": boolean; /** * @default false */ "showInsightsAction": boolean; "title": string; } interface HintPanel { "hideHintText": string; "hint": string; } interface KpiList { "kpiValues": Array<{ label: string, value: number }>; } interface LogicalSearchIndicator { "type": number; } interface MyComponent { /** * @default '' */ "accessTokenProp": string; "first": string; "last": string; "middle": string; } interface PageRenderer { "accessToken": string; "gridId": string; "pageData": any; "productId": string; "tenantId": string; "userId": string; } interface PrimaryActionHeader { /** * @default '' */ "actionButtonLabel": string; /** * @default [] */ "actionButtons": any[]; "activeTabIndex": number; "customClearClick"?: (event?: MouseEvent) => void; "customColumnViewClick"?: (event?: MouseEvent) => void; "customExpandClick"?: (event?: MouseEvent) => void; "customExportClick"?: (event?: MouseEvent) => void; "customFilterViewClick"?: (event?: MouseEvent) => void; "customFitColumnClick"?: (event?: MouseEvent) => void; "customSaveViewClick"?: (event?: MouseEvent) => void; "customShowViewClick"?: (event?: MouseEvent) => void; "customSizeToFitClick"?: (event?: MouseEvent) => void; /** * @default [] */ "defaultActionButtons": any[]; /** * @default [] */ "hiddenActionButtons": string[]; /** * @default [] */ "hiddenLabels": string[]; "primaryActionClick"?: (event?: MouseEvent) => void; "selectTab": (index: number) => void; /** * @default true */ "tabs": boolean; "title": string; } interface ResourceTimelineCalendar { /** * @default {} */ "additionalGridOptions": object; /** * @default [] */ "columnDefs": Array; /** * @default false */ "convertDatesFromUTC": boolean; /** * @default false */ "dataLoading": boolean; /** * @default '' */ "dateKey": string; "disablePrimaryAction": boolean; "disableSecondaryAction": boolean; "endDate": string; /** * @default '' */ "gridBarTitle": string; "gridHeight": string; "handleClickBackward": () => void; "handleClickForward": () => void; "handleClickToday": () => void; "handlePrimaryActionClick": () => void; "handleSecondaryActionClick": () => void; /** * @default '' */ "primaryActionTitle": string; /** * @default [] */ "rowData": any[]; /** * @default '' */ "secondaryActionTitle": string; "setAgGridOptions": (gridOptions) => void; /** * @default false */ "showLockedIcon": boolean; /** * @default true */ "showRowTotals": boolean; "startDate": string; /** * @default '' */ "subTitle": string; "subtitleStatus": string; /** * @default {} */ "subtitleStatusMappingClasses": { [key: string]: string }; } interface ResourceTimelinePrimaryBar { "clickBackward": () => void; "clickForward": () => void; "clickToday": () => void; "customFitColumnClick"?: (event?: MouseEvent) => void; "disablePrimaryAction": boolean; "disableSecondaryAction": boolean; "gridBarTitle": string; "primaryActionClick": (event?: MouseEvent) => void; "primaryActionTitle": string; "secondaryActionClick": (event?: MouseEvent) => void; "secondaryActionTitle": string; "showLockedIcon": boolean; "subTitle": string; "subtitleStatus": string; /** * @default {} */ "subtitleStatusMappingClasses": { [key: string]: string }; "toggleGroupExpandAll": () => void; } interface SaveViewFormDialog { "apiCatalogId": any; "application": string; "closeDialog": any; "currentGridViewId": string; "currentIsDefault": boolean; "currentIsPrivate": number; "currentName": string; "domain": any; "entity": string; "gApi": any; "gcApi": any; "gridId": any; "handleClose": Function; "handleFormSubmit": (name: string, isPrivate: number, isDefault: boolean) => void; "handleViewAndConfigurationSubmit": (name: string, isPrivate: number, isDefault: boolean) => void; "open": boolean; "refetchViews": () => void; "tenant": string; "title": string; "user": any; } interface SearchListItem { "groupId": string; "handleDelete": (event: MouseEvent) => void; "isInitialSearchItem": boolean | undefined | null; "itemId": string; "label": string; "name": string; "operator": string; } interface SelectableList { /** * @default false */ "disableSelection": boolean; /** * @default '' */ "displayKey": string; /** * @default '' */ "error": string; "id": string; /** * @default [] */ "items": any[]; /** * @default false */ "multiSelect": boolean; "onInput": (event: Event) => void; "required": boolean; /** * @default false */ "useCheckbox": boolean; "value": string; /** * @default '' */ "valueKey": string; } interface SideSheet { "buttonLabel": string; /** * @default "translate(0,0)" */ "buttonTransform": string; /** * @default false */ "disabled": boolean; "handleSideSheetButton": () => void; "open": boolean; /** * @default true */ "padding": boolean; /** * @default 'left' */ "position": 'left' | 'right'; "sideSheetButtonLabel": string; "title": string; "toggleDrawer": () => void; /** * @default 'long' */ "widthOption": 'short' | 'long' | number; } interface SideSheetContainer { /** * @default true */ "padding": boolean; } interface SimpleCard { } interface StatusChip { /** * @default false */ "dense": boolean; /** * @default {} */ "statusClasses": { [key: string]: string }; "statusValue": string | boolean; } interface StencilChip { /** * @default 'primary' */ "color": 'primary' | 'secondary'; /** * @default false */ "defaultToggled": boolean; "externalToggleString": string; "leftIcon": any; /** * @default 0 */ "level": number; /** * @default true */ "showDelete": boolean; /** * @default false */ "showLeftIcon": boolean; "text": string; } interface StencilField { "component": string; "componentProps": Object; "defaultValue": string; "id": string; "label": string; "name": string; /** * @default false */ "required": boolean; "value": string; } interface StencilForm { "handleSubmit": (values: Object) => void; "initialValues": Object; "validate": (values: Object, errors: Object) => Object; /** * @default true */ "validateOnBlur": boolean; } interface StencilIconButton { "buttonId": string; /** * @default true */ "darkIcon": boolean; /** * @default false */ "disabled": boolean; "icon": any; "iconClassName": string; "iconName": string; /** * @default false */ "noBackground": boolean; /** * @default false */ "noTooltip": boolean; "onClick": (event: MouseEvent) => void; /** * @default false */ "secondary": boolean; /** * @default true */ "showLabel": boolean; "tooltip": string; } interface StencilIconButtonGridActionHeader { /** * @default true */ "darkIcon": boolean; "icon": any; "iconClassName": string; "iconName": string; /** * @default false */ "noBackground": boolean; "onClick": (event: MouseEvent) => void; /** * @default false */ "secondary": boolean; /** * @default true */ "showLabel": boolean; "tooltip": string; } interface StencilToggle { "checked": boolean; /** * @default false */ "disabled": boolean; "idItem": string; "label": string; } interface TestApi { } interface TestApiUpdated { } interface TestForm { } interface TextArea { "disabled": boolean; "error": string; "fullWidth": boolean; "handleBlur": (event: FocusEvent) => void; "handleChange": (event: Event) => void; "handleFocus": (event: FocusEvent) => void; "id": string; "label": string; "maxCharacter": number; "placeholder": string; "readOnly": boolean; "required": boolean; /** * @default 6 */ "rows": number; "value": string; } interface TextField { "disabled": boolean; /** * @default '' */ "error": string; "handleBlur": (event: Event) => void; "handleFocus": (event: Event) => void; "handleInput": (event: Event) => void; "hidden": boolean; "id": string; "label": string; "maxCharacter": number; "placeholder": string; "readOnly": boolean; "required": boolean; "value": string; } interface ToggleButton { "onToggle": () => void; /** * @default false */ "toggled": boolean; } interface TreeListItem { /** * @default false */ "add": boolean; "customAttribute": string; "dataOne": string; "dataTwo": string; "deleteHandler": (event: MouseEvent) => void; "editHandler": (event: MouseEvent) => void; "gridViewVisibilityTypeId": number; /** * @default false */ "isDefault": boolean; "label": string; /** * @default 0 */ "level": number; "nestedItems"?: any[]; "parent": string; "parentFilter": any; /** * @default 'defaultParentName' */ "parentName": string; "parentPath": string; "reference": string | null; /** * @default true */ "showAdd": boolean; /** * @default false */ "showDeleteOption": boolean; /** * @default false */ "showEditOption": boolean; /** * @default false */ "showUpdateDefaultOption": boolean; /** * @default false */ "showViewOption": boolean; "statusClasses": { [key: string]: string }; "statusKey": string; "statusLabel": string; "statusValue": boolean; "test": string; "updateDefaultHandler": (event: MouseEvent) => void; "viewHandler": (event: MouseEvent) => void; } interface UdpAdornment { "status": 'success' | 'warning' | 'error' | 'info' | 'disabled'; } interface UdpAmbientCard { /** * @default false */ "hideAdornment": boolean; /** * @default '' */ "moreText": string; /** * @default '' */ "overflow": string; /** * @default '600px' */ "width": string; } interface UdpAmbientToolTip { "content": string; "noTooltip": boolean; } interface UdpAvatar { "username": string; } interface UdpBadge { /** * @default 0 */ "content": number; /** * @default 99 */ "max": number; } interface UdpBarChart { /** * @default undefined */ "barWidth": number; /** * @default {} */ "customCardStyle"?: { [key: string]: string }; "customCardWidth"?: number; "customHeight"?: number; "customWidth"?: number; /** * @default Build.isDev ? generateMockData() : undefined */ "data": { [key: string]: any }[]; /** * @default false */ "hideAdornment": boolean; /** * @default Build.isDev ? [ { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, ] : undefined */ "kpis": { value: string; label: string }[]; /** * @default 'left' */ "kpisPosition": 'left' | 'top'; /** * @default Build.isDev ? 'country' : undefined */ "labelField": string; "makeSeries": (chart: any, xAxis: any, yAxis: any, serieName: any, fieldName: any, root: any, singleSerie: any) => Promise; /** * @default false */ "showBullets": boolean; /** * @default 'medium' */ "size": 'small' | 'medium' | 'large'; /** * @default false */ "stacked": boolean; /** * @default Build.isDev ? 'Test subheader' : undefined */ "subheader": string; /** * @default Build.isDev ? 'Test Header' : undefined */ "title": string; /** * @default Build.isDev ? 'value' : undefined */ "valueField": string; /** * @default undefined */ "valueFields": {fieldName: string, fieldLabel: string}[]; /** * @default Build.isDev ? 'Test X Label' : undefined */ "xLabel": string; /** * @default Build.isDev ? 'Test Y Label' : undefined */ "yLabel": string; } interface UdpCalendarBase { "aspectRatio": number; "contentHeight": number; "datesSet": any; "dayCellClassNames": any; "dayCellContent": any; "dayCellDidMount": any; "dayCellWillUnmount": any; "dayHeaderClassNames": any; "dayHeaderContent": any; "dayHeaderDidMount": any; "dayHeaderFormatMonthView": any; "dayHeaderFormatWeekView": any; "dayHeaderWillUnmount": any; /** * @default false */ "dayHeaders": boolean; /** * @default null */ "dayMinWidth": number; "eventContent": any; "eventOnclick": any; "eventSources": any; "events": any; /** * @default 0 */ "firstDay": number; /** * @default 550 */ "height": number; /** * @default [] */ "hiddenDays": number[]; /** * @default 'dayGridMonth' */ "initialView": string; /** * @default '06:00:00' */ "scrollTime": string; /** * @default true */ "scrollTimeReset": boolean; "scrollToTimeDuration": number; /** * @default true */ "showNonCurrentDates": boolean; /** * @default '00:30:00' */ "slotDuration": string; "slotLabelClassNames": any; "slotLabelContent": any; "slotLabelDidMount": any; /** * @default { // Determines the text that will be displayed within a time slot. hour: 'numeric', minute: '2-digit', omitZeroMinute: true, meridiem: 'short' } */ "slotLabelFormat": any; /** * @default '01:00' */ "slotLabelInterval": string; "slotLabelWillUnmount": any; "slotLaneClassNames": any; "slotLaneContent": any; "slotLaneDidMount": any; "slotLaneWillUnmount": any; /** * @default '24:00:00' */ "slotMaxTime": string; /** * @default '00:00:00' */ "slotMinTime": string; /** * @default 'dayGridDay,dayGridWeek,dayGridMonth,dayGridYear' */ "toggleViewOptions": string; /** * @default true */ "weekends": boolean; "width": number; } interface UdpCalendarDay { /** * @default {} */ "props": any; } interface UdpCalendarMonth { /** * @default {} */ "props": any; } interface UdpCalendarWeek { /** * @default {} */ "props": any; } interface UdpCalendarYear { /** * @default {} */ "props": any; } /** * component used to render examples of all the charts. Mostly used for dev purposes */ interface UdpChartsExample { } interface UdpColumnHeader { } interface UdpContainerQuery { "customClass"?: string; /** * @default {} */ "queries": { [breakpoint: number]: { [key: string]: string } }; } interface UdpContainerQueryGrid { /** * @default { 0: 1, // Default: single column 400: 2, // Small: 2 columns 600: 3, // Medium: 3 columns 800: 4, // Large: 4 columns } */ "columns"?: { [breakpoint: number]: number }; /** * @default { 0: 1, // Default: 1rem gap 400: 1.5, // Small: 1.5rem gap 600: 2, // Medium: 2rem gap 800: 2.5, // Large: 2.5rem gap } */ "gaps"?: { [breakpoint: number]: number }; } interface UdpContainerQueryGridItem { /** * @default {} */ "span"?: { [breakpoint: number]: number }; } interface UdpDateSelector { "error": string; "handleInputChange": (event: Event) => void; "id": string; "label": string; /** * Maximum date, supports any date supported by the js Date constructor */ "max": string; /** * Minimum date, supports any date supported by the js Date constructor */ "min": string; "required": boolean; "value": string; } interface UdpDatetimeSelector { "error": string; "handleInputChange": (event: Event) => void; "id": string; "label": string; /** * Maximum date, supports any date supported by the js Date constructor */ "max": string; /** * Minimum date, supports any date supported by the js Date constructor */ "min": string; "required": boolean; /** * @default '' */ "value": string; } interface UdpDistributionChart { /** * @default {} */ "customCardStyle"?: {[key: string]: string}; "customCardWidth"?: number; "customHeight"?: number; "customWidth"?: number; /** * @default Build.isDev ? generateMockData(1000, 100, 10) : undefined */ "data": any[]; /** * @default false */ "hideAdornment": boolean; /** * @default Build.isDev ? [ { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, ] : undefined */ "kpis": { value: string; label: string }[]; /** * @default 'left' */ "kpisPosition": 'left' | 'top'; /** * @default 'medium' */ "size": 'small' | 'medium' | 'large'; /** * @default Build.isDev ? 'Test SubHeader' : undefined */ "subheader": string; /** * @default Build.isDev ? 'Test header' : undefined */ "title": string; "valueField": string; "xAxisLabel": string; /** * @default Build.isDev ? 'Test X Label' : undefined */ "xLabel": string; /** * @default Build.isDev ? 'Test Y Label' : undefined */ "yLabel": string; } interface UdpDivider { "size": string; /** * @default 'horizontal' */ "variant": 'horizontal' | 'vertical'; } interface UdpDonutChart { /** * @default {} */ "customCardStyle"?: {[key: string]: string}; "customCardWidth"?: number; "customHeight"?: number; "customWidth"?: number; /** * @default Build.isDev ? generateMockData(10) : undefined */ "data": { [key: string]: any }[]; /** * @default false */ "hideAdornment": boolean; /** * @default false */ "hideLegend": boolean; /** * @default Build.isDev ? [ { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, ] : undefined */ "kpis": { value: string; label: string }[]; /** * @default 'left' */ "kpisPosition": 'left' | 'top'; /** * @default Build.isDev ? 'label' : '' */ "labelField": string; /** * @default 'medium' */ "size": 'small' | 'medium' | 'large'; /** * @default Build.isDev ? 'Test SubHeader' : undefined */ "subheader": string; /** * @default Build.isDev ? 'Test header' : undefined */ "title": string; /** * @default Build.isDev ? 'value' : '' */ "valueField": string; } interface UdpDynamicContainerWithMenu { "calculateChildren": () => Promise; /** * @default '' */ "externalToggle": string; /** * @default [] */ "menuItems": any[]; } interface UdpDynamicForm { "getFormData": () => Promise<{ searchField: string; searchOperator: any; searchValue: any; groupId: number; }[]>; } interface UdpFetch { "accessToken": string; /** * @default false */ "isServerSide": boolean; /** * @default {} */ "promotedEntity": any; "tenantId": string; } interface UdpFormsRenderer { /** * @default null */ "apiUrlBase": string; "callbackUrl": string; "formId": Guid; "getAccessToken": () => Promise; /** * @default false */ "isPublic": boolean; "productId": number; "tenantId": Guid; "triggerAction": (actionId: Guid, params: Object) => void; "unityUrl": string; "version": number; } interface UdpFunctionButton { /** * @default false */ "add": boolean; /** * @default false */ "delete": boolean; /** * @default false */ "edit": boolean; /** * @default false */ "expand": boolean; /** * @default false */ "isDefault": boolean; /** * @default false */ "noBackground": boolean; /** * @default false */ "view": boolean; } interface UdpGridLoader { /** * @default 8 */ "numColumns": number; /** * @default 5 */ "numRows": number; /** * @default 'calc(100vw - 70px)' */ "width": string; } interface UdpHotlistForm { "handleCancelClick": () => void; "handleFormSubmit": (name: string, isPrivate: boolean, columnState: any) => void; "refetchViews": () => void; } interface UdpIcon { /** * @default true */ "darkIcon": boolean; "iconName": string; /** * @default 'carbon' */ "iconType": string; } interface UdpLineChart { /** * @default {} */ "customCardStyle"?: { [key: string]: string }; "customCardWidth"?: number; "customHeight"?: number; "customWidth"?: number; "data": { [key: string]: any }[]; /** * @default false */ "hideAdornment": boolean; /** * @default false */ "hideScrollbarX": boolean; /** * @default Build.isDev ? [ { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, ] : undefined */ "kpis": { value: string; label: string }[]; /** * @default 'left' */ "kpisPosition": 'left' | 'top'; "makeSeries": (chart: any, xAxis: any, yAxis: any, serieName: any, fieldName: any, root: any, singleSerie: any) => Promise; /** * @default false */ "showBullets": boolean; /** * @default 'medium' */ "size": 'small' | 'medium' | 'large'; /** * @default Build.isDev ? 'Test SubHeader' : undefined */ "subheader": string; /** * @default Build.isDev ? 'Test header' : undefined */ "title": string; /** * @default undefined */ "valueYFields": { fieldName: string; fieldLabel: string }[]; /** * @default Build.isDev ? 'date' : undefined */ "xAxisField": string; /** * @default Build.isDev ? 'Test X Label' : undefined */ "xLabel": string; /** * @default Build.isDev ? 'value' : undefined */ "yAxisField": string; /** * @default Build.isDev ? 'Test Y Label' : undefined */ "yLabel": string; } interface UdpLinearLoader { } interface UdpMenuItem { /** * @default false */ "disabled": boolean; "handleOnClick": (e: Event) => void; "iconName": string; "label": string; } interface UdpNotification { /** * @default false */ "active": boolean; "message": string; "status": 'success' | 'error' | 'warning'; /** * @default false */ "userCancel": boolean; } interface UdpPage { /** * Optional maximum page width * @default '1200px' */ "maxWidth"?: string; /** * Default padding for the layout * @default '16px' */ "padding"?: string; } interface UdpPageHeader { } interface UdpPopOver { "anchorElement": HTMLElement; "handleOnClose": (event: Event) => void; /** * @default false */ "isOpen": boolean; "popoverMaxHeight": string; /** * @default 'bottom-end' */ "popoverPlacement": PopoverPlacement; "popoverWidth": string; } interface UdpPopOverGridActionHeader { "anchorElement": HTMLElement; /** * @default false */ "isOpen": boolean; } interface UdpQuestion { "question": Question; "questionNumber": number; "styleOverrides": { helperText: FontOverrides; questionText: FontOverrides; paragraphText: FontOverrides; }; "value": string; } interface UdpRadioButton { /** * @default false */ "checked": boolean; /** * @default false */ "disabled": boolean; "label": string; "name": string; "value": string; } interface UdpSelector { "defaultOption": string; /** * @default false */ "disabled": boolean; "error": string; "fieldName": string; "handleOptionChange": (object: { value: string; label: string }) => void; "id": string; "label": string; /** * @default false */ "large": boolean; /** * @default false */ "multiSelect": boolean; /** * @default [] */ "options": Array<{ value: string; label: string }>; "required": boolean; } interface UdpSkeletonLoading { /** * @default '4px' */ "borderRadius": string; /** * @default '20px' */ "height": string; /** * @default '100%' */ "width": string; } interface UdpSplitScreen { "panelContent": string; "toggleOpen": () => Promise; } interface UdpStepper { /** * @default 0 */ "activeStep": number; /** * @default false */ "alternativeLabel": boolean; /** * @default {} */ "completed": { [key: number]: boolean }; /** * @default false */ "disableStrictStepCompletion": boolean; /** * @default 'all' */ "labelDisplay": LabelDisplayMode; /** * @default 'default' */ "labelPosition": LabelPosition; /** * @default false */ "nonLinear": boolean; /** * @default 'horizontal' */ "orientation": 'horizontal' | 'vertical'; "stepChange": (index: number) => void; "steps": Steps; } interface UdpStepperDemo { } interface UdpTab { "active": boolean; "title": string; } interface UdpTabs { } interface UdpTimeSelector { "error": string; "handleInputChange": (event: Event) => void; "id": string; "label": string; "max": string; "min": string; "required": boolean; /** * @default '' */ "value": string; } interface UdpUserCreator { "createUser": (userInfo: any) => Promise; } interface UdpVerticalSpacer { "unit": 'small' | 'medium' | 'large'; } interface UnityTypography { /** * @default false */ "bold": boolean; /** * @default 'main' */ "color": TypographyColor; /** * @default false */ "gutterBottom": boolean; /** * @default 'body' */ "variant": TypographyVariant; } interface UpdAlertBanner { /** * @default '' */ "message": string; "onClick": () => void; /** * @default 'info' */ "type": 'info' | 'warning' | 'error' | 'success'; } } export interface AdvancedSearchCustomEvent extends CustomEvent { detail: T; target: HTMLAdvancedSearchElement; } export interface AdvancedSearchGroupedCustomEvent extends CustomEvent { detail: T; target: HTMLAdvancedSearchGroupedElement; } export interface AmbientTemplateGridCustomEvent extends CustomEvent { detail: T; target: HTMLAmbientTemplateGridElement; } export interface CheckBoxCustomEvent extends CustomEvent { detail: T; target: HTMLCheckBoxElement; } export interface CustomButtonCustomEvent extends CustomEvent { detail: T; target: HTMLCustomButtonElement; } export interface FileUploadCustomEvent extends CustomEvent { detail: T; target: HTMLFileUploadElement; } export interface GetUserCustomEvent extends CustomEvent { detail: T; target: HTMLGetUserElement; } export interface SearchListItemCustomEvent extends CustomEvent { detail: T; target: HTMLSearchListItemElement; } export interface SelectableListCustomEvent extends CustomEvent { detail: T; target: HTMLSelectableListElement; } export interface StencilChipCustomEvent extends CustomEvent { detail: T; target: HTMLStencilChipElement; } export interface StencilFormCustomEvent extends CustomEvent { detail: T; target: HTMLStencilFormElement; } export interface StencilToggleCustomEvent extends CustomEvent { detail: T; target: HTMLStencilToggleElement; } export interface TextAreaCustomEvent extends CustomEvent { detail: T; target: HTMLTextAreaElement; } export interface TextFieldCustomEvent extends CustomEvent { detail: T; target: HTMLTextFieldElement; } export interface TreeListItemCustomEvent extends CustomEvent { detail: T; target: HTMLTreeListItemElement; } export interface UdpDateSelectorCustomEvent extends CustomEvent { detail: T; target: HTMLUdpDateSelectorElement; } export interface UdpDatetimeSelectorCustomEvent extends CustomEvent { detail: T; target: HTMLUdpDatetimeSelectorElement; } export interface UdpDynamicContainerWithMenuCustomEvent extends CustomEvent { detail: T; target: HTMLUdpDynamicContainerWithMenuElement; } export interface UdpFetchCustomEvent extends CustomEvent { detail: T; target: HTMLUdpFetchElement; } export interface UdpMenuItemCustomEvent extends CustomEvent { detail: T; target: HTMLUdpMenuItemElement; } export interface UdpPageHeaderCustomEvent extends CustomEvent { detail: T; target: HTMLUdpPageHeaderElement; } export interface UdpSelectorCustomEvent extends CustomEvent { detail: T; target: HTMLUdpSelectorElement; } export interface UdpTimeSelectorCustomEvent extends CustomEvent { detail: T; target: HTMLUdpTimeSelectorElement; } declare global { interface HTMLAdvancedSearchElementEventMap { "advancedSearchItemChange": any; } interface HTMLAdvancedSearchElement extends Components.AdvancedSearch, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLAdvancedSearchElement, ev: AdvancedSearchCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLAdvancedSearchElement, ev: AdvancedSearchCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLAdvancedSearchElement: { prototype: HTMLAdvancedSearchElement; new (): HTMLAdvancedSearchElement; }; interface HTMLAdvancedSearchGroupedElementEventMap { "advancedSearchItemChange": any; "searchItemChanged": any; } interface HTMLAdvancedSearchGroupedElement extends Components.AdvancedSearchGrouped, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLAdvancedSearchGroupedElement, ev: AdvancedSearchGroupedCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLAdvancedSearchGroupedElement, ev: AdvancedSearchGroupedCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLAdvancedSearchGroupedElement: { prototype: HTMLAdvancedSearchGroupedElement; new (): HTMLAdvancedSearchGroupedElement; }; interface HTMLAgTableElement extends Components.AgTable, HTMLStencilElement { } var HTMLAgTableElement: { prototype: HTMLAgTableElement; new (): HTMLAgTableElement; }; interface HTMLAmbientDemoContainerElement extends Components.AmbientDemoContainer, HTMLStencilElement { } var HTMLAmbientDemoContainerElement: { prototype: HTMLAmbientDemoContainerElement; new (): HTMLAmbientDemoContainerElement; }; interface HTMLAmbientTemplateGridElementEventMap { "viewSaved": any; "externalEmitter": any; "selectedIdsChanged": number[]; } interface HTMLAmbientTemplateGridElement extends Components.AmbientTemplateGrid, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLAmbientTemplateGridElement, ev: AmbientTemplateGridCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLAmbientTemplateGridElement, ev: AmbientTemplateGridCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLAmbientTemplateGridElement: { prototype: HTMLAmbientTemplateGridElement; new (): HTMLAmbientTemplateGridElement; }; interface HTMLAppBarElement extends Components.AppBar, HTMLStencilElement { } var HTMLAppBarElement: { prototype: HTMLAppBarElement; new (): HTMLAppBarElement; }; interface HTMLChartContainerElement extends Components.ChartContainer, HTMLStencilElement { } var HTMLChartContainerElement: { prototype: HTMLChartContainerElement; new (): HTMLChartContainerElement; }; interface HTMLChartKpiElement extends Components.ChartKpi, HTMLStencilElement { } var HTMLChartKpiElement: { prototype: HTMLChartKpiElement; new (): HTMLChartKpiElement; }; interface HTMLCheckBoxElementEventMap { "checkboxChanged": boolean; } interface HTMLCheckBoxElement extends Components.CheckBox, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCheckBoxElement, ev: CheckBoxCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCheckBoxElement, ev: CheckBoxCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCheckBoxElement: { prototype: HTMLCheckBoxElement; new (): HTMLCheckBoxElement; }; interface HTMLChipSectionElement extends Components.ChipSection, HTMLStencilElement { } var HTMLChipSectionElement: { prototype: HTMLChipSectionElement; new (): HTMLChipSectionElement; }; interface HTMLColorPreviewElement extends Components.ColorPreview, HTMLStencilElement { } var HTMLColorPreviewElement: { prototype: HTMLColorPreviewElement; new (): HTMLColorPreviewElement; }; interface HTMLCustomButtonElementEventMap { "customClick": void; } interface HTMLCustomButtonElement extends Components.CustomButton, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLCustomButtonElement, ev: CustomButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLCustomButtonElement, ev: CustomButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLCustomButtonElement: { prototype: HTMLCustomButtonElement; new (): HTMLCustomButtonElement; }; interface HTMLEditViewFormDialogElement extends Components.EditViewFormDialog, HTMLStencilElement { } var HTMLEditViewFormDialogElement: { prototype: HTMLEditViewFormDialogElement; new (): HTMLEditViewFormDialogElement; }; interface HTMLFileUploadElementEventMap { "udpFieldChange": File[]; "udpFieldBlur": Event; } interface HTMLFileUploadElement extends Components.FileUpload, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLFileUploadElement, ev: FileUploadCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLFileUploadElement, ev: FileUploadCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLFileUploadElement: { prototype: HTMLFileUploadElement; new (): HTMLFileUploadElement; }; interface HTMLFilterConditionsElement extends Components.FilterConditions, HTMLStencilElement { } var HTMLFilterConditionsElement: { prototype: HTMLFilterConditionsElement; new (): HTMLFilterConditionsElement; }; interface HTMLFluentDialogElement extends Components.FluentDialog, HTMLStencilElement { } var HTMLFluentDialogElement: { prototype: HTMLFluentDialogElement; new (): HTMLFluentDialogElement; }; interface HTMLGetUserElementEventMap { "userDataReady": any; } interface HTMLGetUserElement extends Components.GetUser, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLGetUserElement, ev: GetUserCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLGetUserElement, ev: GetUserCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLGetUserElement: { prototype: HTMLGetUserElement; new (): HTMLGetUserElement; }; interface HTMLGridPrimaryBarElement extends Components.GridPrimaryBar, HTMLStencilElement { } var HTMLGridPrimaryBarElement: { prototype: HTMLGridPrimaryBarElement; new (): HTMLGridPrimaryBarElement; }; interface HTMLHintPanelElement extends Components.HintPanel, HTMLStencilElement { } var HTMLHintPanelElement: { prototype: HTMLHintPanelElement; new (): HTMLHintPanelElement; }; interface HTMLKpiListElement extends Components.KpiList, HTMLStencilElement { } var HTMLKpiListElement: { prototype: HTMLKpiListElement; new (): HTMLKpiListElement; }; interface HTMLLogicalSearchIndicatorElement extends Components.LogicalSearchIndicator, HTMLStencilElement { } var HTMLLogicalSearchIndicatorElement: { prototype: HTMLLogicalSearchIndicatorElement; new (): HTMLLogicalSearchIndicatorElement; }; interface HTMLMyComponentElement extends Components.MyComponent, HTMLStencilElement { } var HTMLMyComponentElement: { prototype: HTMLMyComponentElement; new (): HTMLMyComponentElement; }; interface HTMLPageRendererElement extends Components.PageRenderer, HTMLStencilElement { } var HTMLPageRendererElement: { prototype: HTMLPageRendererElement; new (): HTMLPageRendererElement; }; interface HTMLPrimaryActionHeaderElement extends Components.PrimaryActionHeader, HTMLStencilElement { } var HTMLPrimaryActionHeaderElement: { prototype: HTMLPrimaryActionHeaderElement; new (): HTMLPrimaryActionHeaderElement; }; interface HTMLResourceTimelineCalendarElement extends Components.ResourceTimelineCalendar, HTMLStencilElement { } var HTMLResourceTimelineCalendarElement: { prototype: HTMLResourceTimelineCalendarElement; new (): HTMLResourceTimelineCalendarElement; }; interface HTMLResourceTimelinePrimaryBarElement extends Components.ResourceTimelinePrimaryBar, HTMLStencilElement { } var HTMLResourceTimelinePrimaryBarElement: { prototype: HTMLResourceTimelinePrimaryBarElement; new (): HTMLResourceTimelinePrimaryBarElement; }; interface HTMLSaveViewFormDialogElement extends Components.SaveViewFormDialog, HTMLStencilElement { } var HTMLSaveViewFormDialogElement: { prototype: HTMLSaveViewFormDialogElement; new (): HTMLSaveViewFormDialogElement; }; interface HTMLSearchListItemElementEventMap { "searchItemChanged": any; } interface HTMLSearchListItemElement extends Components.SearchListItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLSearchListItemElement, ev: SearchListItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLSearchListItemElement, ev: SearchListItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLSearchListItemElement: { prototype: HTMLSearchListItemElement; new (): HTMLSearchListItemElement; }; interface HTMLSelectableListElementEventMap { "udpFieldChange": Object[]; "udpFieldBlur": Event; } interface HTMLSelectableListElement extends Components.SelectableList, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLSelectableListElement, ev: SelectableListCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLSelectableListElement, ev: SelectableListCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLSelectableListElement: { prototype: HTMLSelectableListElement; new (): HTMLSelectableListElement; }; interface HTMLSideSheetElement extends Components.SideSheet, HTMLStencilElement { } var HTMLSideSheetElement: { prototype: HTMLSideSheetElement; new (): HTMLSideSheetElement; }; interface HTMLSideSheetContainerElement extends Components.SideSheetContainer, HTMLStencilElement { } var HTMLSideSheetContainerElement: { prototype: HTMLSideSheetContainerElement; new (): HTMLSideSheetContainerElement; }; interface HTMLSimpleCardElement extends Components.SimpleCard, HTMLStencilElement { } var HTMLSimpleCardElement: { prototype: HTMLSimpleCardElement; new (): HTMLSimpleCardElement; }; interface HTMLStatusChipElement extends Components.StatusChip, HTMLStencilElement { } var HTMLStatusChipElement: { prototype: HTMLStatusChipElement; new (): HTMLStatusChipElement; }; interface HTMLStencilChipElementEventMap { "onDelete": void; "onToggle": boolean; "udpChipClicked": string; } interface HTMLStencilChipElement extends Components.StencilChip, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLStencilChipElement, ev: StencilChipCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLStencilChipElement, ev: StencilChipCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLStencilChipElement: { prototype: HTMLStencilChipElement; new (): HTMLStencilChipElement; }; interface HTMLStencilFieldElement extends Components.StencilField, HTMLStencilElement { } var HTMLStencilFieldElement: { prototype: HTMLStencilFieldElement; new (): HTMLStencilFieldElement; }; interface HTMLStencilFormElementEventMap { "stencilFormInvalidEvent": Object; } interface HTMLStencilFormElement extends Components.StencilForm, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLStencilFormElement, ev: StencilFormCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLStencilFormElement, ev: StencilFormCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLStencilFormElement: { prototype: HTMLStencilFormElement; new (): HTMLStencilFormElement; }; interface HTMLStencilIconButtonElement extends Components.StencilIconButton, HTMLStencilElement { } var HTMLStencilIconButtonElement: { prototype: HTMLStencilIconButtonElement; new (): HTMLStencilIconButtonElement; }; interface HTMLStencilIconButtonGridActionHeaderElement extends Components.StencilIconButtonGridActionHeader, HTMLStencilElement { } var HTMLStencilIconButtonGridActionHeaderElement: { prototype: HTMLStencilIconButtonGridActionHeaderElement; new (): HTMLStencilIconButtonGridActionHeaderElement; }; interface HTMLStencilToggleElementEventMap { "toggledChange": any; } interface HTMLStencilToggleElement extends Components.StencilToggle, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLStencilToggleElement, ev: StencilToggleCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLStencilToggleElement, ev: StencilToggleCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLStencilToggleElement: { prototype: HTMLStencilToggleElement; new (): HTMLStencilToggleElement; }; interface HTMLTestApiElement extends Components.TestApi, HTMLStencilElement { } var HTMLTestApiElement: { prototype: HTMLTestApiElement; new (): HTMLTestApiElement; }; interface HTMLTestApiUpdatedElement extends Components.TestApiUpdated, HTMLStencilElement { } var HTMLTestApiUpdatedElement: { prototype: HTMLTestApiUpdatedElement; new (): HTMLTestApiUpdatedElement; }; interface HTMLTestFormElement extends Components.TestForm, HTMLStencilElement { } var HTMLTestFormElement: { prototype: HTMLTestFormElement; new (): HTMLTestFormElement; }; interface HTMLTextAreaElementEventMap { "udpFieldFocus": FocusEvent; "udpFieldBlur": FocusEvent; "udpFieldChange": string; } interface HTMLTextAreaElement extends Components.TextArea, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLTextAreaElement, ev: TextAreaCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLTextAreaElement, ev: TextAreaCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLTextAreaElement: { prototype: HTMLTextAreaElement; new (): HTMLTextAreaElement; }; interface HTMLTextFieldElementEventMap { "udpFieldFocus": FocusEvent; "udpFieldBlur": FocusEvent; "udpFieldChange": string; } interface HTMLTextFieldElement extends Components.TextField, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLTextFieldElement, ev: TextFieldCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLTextFieldElement, ev: TextFieldCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLTextFieldElement: { prototype: HTMLTextFieldElement; new (): HTMLTextFieldElement; }; interface HTMLToggleButtonElement extends Components.ToggleButton, HTMLStencilElement { } var HTMLToggleButtonElement: { prototype: HTMLToggleButtonElement; new (): HTMLToggleButtonElement; }; interface HTMLTreeListItemElementEventMap { "itemClick": { searchField: string, searchOperator: string, searchValue: string, parentName?: string, parentPath?: string }; "reference-clicked": { reference: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string }; } interface HTMLTreeListItemElement extends Components.TreeListItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLTreeListItemElement, ev: TreeListItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLTreeListItemElement, ev: TreeListItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLTreeListItemElement: { prototype: HTMLTreeListItemElement; new (): HTMLTreeListItemElement; }; interface HTMLUdpAdornmentElement extends Components.UdpAdornment, HTMLStencilElement { } var HTMLUdpAdornmentElement: { prototype: HTMLUdpAdornmentElement; new (): HTMLUdpAdornmentElement; }; interface HTMLUdpAmbientCardElement extends Components.UdpAmbientCard, HTMLStencilElement { } var HTMLUdpAmbientCardElement: { prototype: HTMLUdpAmbientCardElement; new (): HTMLUdpAmbientCardElement; }; interface HTMLUdpAmbientToolTipElement extends Components.UdpAmbientToolTip, HTMLStencilElement { } var HTMLUdpAmbientToolTipElement: { prototype: HTMLUdpAmbientToolTipElement; new (): HTMLUdpAmbientToolTipElement; }; interface HTMLUdpAvatarElement extends Components.UdpAvatar, HTMLStencilElement { } var HTMLUdpAvatarElement: { prototype: HTMLUdpAvatarElement; new (): HTMLUdpAvatarElement; }; interface HTMLUdpBadgeElement extends Components.UdpBadge, HTMLStencilElement { } var HTMLUdpBadgeElement: { prototype: HTMLUdpBadgeElement; new (): HTMLUdpBadgeElement; }; interface HTMLUdpBarChartElement extends Components.UdpBarChart, HTMLStencilElement { } var HTMLUdpBarChartElement: { prototype: HTMLUdpBarChartElement; new (): HTMLUdpBarChartElement; }; interface HTMLUdpCalendarBaseElement extends Components.UdpCalendarBase, HTMLStencilElement { } var HTMLUdpCalendarBaseElement: { prototype: HTMLUdpCalendarBaseElement; new (): HTMLUdpCalendarBaseElement; }; interface HTMLUdpCalendarDayElement extends Components.UdpCalendarDay, HTMLStencilElement { } var HTMLUdpCalendarDayElement: { prototype: HTMLUdpCalendarDayElement; new (): HTMLUdpCalendarDayElement; }; interface HTMLUdpCalendarMonthElement extends Components.UdpCalendarMonth, HTMLStencilElement { } var HTMLUdpCalendarMonthElement: { prototype: HTMLUdpCalendarMonthElement; new (): HTMLUdpCalendarMonthElement; }; interface HTMLUdpCalendarWeekElement extends Components.UdpCalendarWeek, HTMLStencilElement { } var HTMLUdpCalendarWeekElement: { prototype: HTMLUdpCalendarWeekElement; new (): HTMLUdpCalendarWeekElement; }; interface HTMLUdpCalendarYearElement extends Components.UdpCalendarYear, HTMLStencilElement { } var HTMLUdpCalendarYearElement: { prototype: HTMLUdpCalendarYearElement; new (): HTMLUdpCalendarYearElement; }; /** * component used to render examples of all the charts. Mostly used for dev purposes */ interface HTMLUdpChartsExampleElement extends Components.UdpChartsExample, HTMLStencilElement { } var HTMLUdpChartsExampleElement: { prototype: HTMLUdpChartsExampleElement; new (): HTMLUdpChartsExampleElement; }; interface HTMLUdpColumnHeaderElement extends Components.UdpColumnHeader, HTMLStencilElement { } var HTMLUdpColumnHeaderElement: { prototype: HTMLUdpColumnHeaderElement; new (): HTMLUdpColumnHeaderElement; }; interface HTMLUdpContainerQueryElement extends Components.UdpContainerQuery, HTMLStencilElement { } var HTMLUdpContainerQueryElement: { prototype: HTMLUdpContainerQueryElement; new (): HTMLUdpContainerQueryElement; }; interface HTMLUdpContainerQueryGridElement extends Components.UdpContainerQueryGrid, HTMLStencilElement { } var HTMLUdpContainerQueryGridElement: { prototype: HTMLUdpContainerQueryGridElement; new (): HTMLUdpContainerQueryGridElement; }; interface HTMLUdpContainerQueryGridItemElement extends Components.UdpContainerQueryGridItem, HTMLStencilElement { } var HTMLUdpContainerQueryGridItemElement: { prototype: HTMLUdpContainerQueryGridItemElement; new (): HTMLUdpContainerQueryGridItemElement; }; interface HTMLUdpDateSelectorElementEventMap { "udpFieldFocus": FocusEvent; "udpFieldBlur": FocusEvent; "udpFieldChange": string; } interface HTMLUdpDateSelectorElement extends Components.UdpDateSelector, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLUdpDateSelectorElement, ev: UdpDateSelectorCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLUdpDateSelectorElement, ev: UdpDateSelectorCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLUdpDateSelectorElement: { prototype: HTMLUdpDateSelectorElement; new (): HTMLUdpDateSelectorElement; }; interface HTMLUdpDatetimeSelectorElementEventMap { "udpFieldFocus": FocusEvent; "udpFieldBlur": FocusEvent; "udpFieldChange": string; } interface HTMLUdpDatetimeSelectorElement extends Components.UdpDatetimeSelector, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLUdpDatetimeSelectorElement, ev: UdpDatetimeSelectorCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLUdpDatetimeSelectorElement, ev: UdpDatetimeSelectorCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLUdpDatetimeSelectorElement: { prototype: HTMLUdpDatetimeSelectorElement; new (): HTMLUdpDatetimeSelectorElement; }; interface HTMLUdpDistributionChartElement extends Components.UdpDistributionChart, HTMLStencilElement { } var HTMLUdpDistributionChartElement: { prototype: HTMLUdpDistributionChartElement; new (): HTMLUdpDistributionChartElement; }; interface HTMLUdpDividerElement extends Components.UdpDivider, HTMLStencilElement { } var HTMLUdpDividerElement: { prototype: HTMLUdpDividerElement; new (): HTMLUdpDividerElement; }; interface HTMLUdpDonutChartElement extends Components.UdpDonutChart, HTMLStencilElement { } var HTMLUdpDonutChartElement: { prototype: HTMLUdpDonutChartElement; new (): HTMLUdpDonutChartElement; }; interface HTMLUdpDynamicContainerWithMenuElementEventMap { "udpChipClicked": string; } interface HTMLUdpDynamicContainerWithMenuElement extends Components.UdpDynamicContainerWithMenu, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLUdpDynamicContainerWithMenuElement, ev: UdpDynamicContainerWithMenuCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLUdpDynamicContainerWithMenuElement, ev: UdpDynamicContainerWithMenuCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLUdpDynamicContainerWithMenuElement: { prototype: HTMLUdpDynamicContainerWithMenuElement; new (): HTMLUdpDynamicContainerWithMenuElement; }; interface HTMLUdpDynamicFormElement extends Components.UdpDynamicForm, HTMLStencilElement { } var HTMLUdpDynamicFormElement: { prototype: HTMLUdpDynamicFormElement; new (): HTMLUdpDynamicFormElement; }; interface HTMLUdpFetchElementEventMap { "dataFetched": any; } interface HTMLUdpFetchElement extends Components.UdpFetch, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLUdpFetchElement, ev: UdpFetchCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLUdpFetchElement, ev: UdpFetchCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLUdpFetchElement: { prototype: HTMLUdpFetchElement; new (): HTMLUdpFetchElement; }; interface HTMLUdpFormsRendererElement extends Components.UdpFormsRenderer, HTMLStencilElement { } var HTMLUdpFormsRendererElement: { prototype: HTMLUdpFormsRendererElement; new (): HTMLUdpFormsRendererElement; }; interface HTMLUdpFunctionButtonElement extends Components.UdpFunctionButton, HTMLStencilElement { } var HTMLUdpFunctionButtonElement: { prototype: HTMLUdpFunctionButtonElement; new (): HTMLUdpFunctionButtonElement; }; interface HTMLUdpGridLoaderElement extends Components.UdpGridLoader, HTMLStencilElement { } var HTMLUdpGridLoaderElement: { prototype: HTMLUdpGridLoaderElement; new (): HTMLUdpGridLoaderElement; }; interface HTMLUdpHotlistFormElement extends Components.UdpHotlistForm, HTMLStencilElement { } var HTMLUdpHotlistFormElement: { prototype: HTMLUdpHotlistFormElement; new (): HTMLUdpHotlistFormElement; }; interface HTMLUdpIconElement extends Components.UdpIcon, HTMLStencilElement { } var HTMLUdpIconElement: { prototype: HTMLUdpIconElement; new (): HTMLUdpIconElement; }; interface HTMLUdpLineChartElement extends Components.UdpLineChart, HTMLStencilElement { } var HTMLUdpLineChartElement: { prototype: HTMLUdpLineChartElement; new (): HTMLUdpLineChartElement; }; interface HTMLUdpLinearLoaderElement extends Components.UdpLinearLoader, HTMLStencilElement { } var HTMLUdpLinearLoaderElement: { prototype: HTMLUdpLinearLoaderElement; new (): HTMLUdpLinearLoaderElement; }; interface HTMLUdpMenuItemElementEventMap { "itemClick": any; } interface HTMLUdpMenuItemElement extends Components.UdpMenuItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLUdpMenuItemElement, ev: UdpMenuItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLUdpMenuItemElement, ev: UdpMenuItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLUdpMenuItemElement: { prototype: HTMLUdpMenuItemElement; new (): HTMLUdpMenuItemElement; }; interface HTMLUdpNotificationElement extends Components.UdpNotification, HTMLStencilElement { } var HTMLUdpNotificationElement: { prototype: HTMLUdpNotificationElement; new (): HTMLUdpNotificationElement; }; interface HTMLUdpPageElement extends Components.UdpPage, HTMLStencilElement { } var HTMLUdpPageElement: { prototype: HTMLUdpPageElement; new (): HTMLUdpPageElement; }; interface HTMLUdpPageHeaderElementEventMap { "valueChanged": any; } interface HTMLUdpPageHeaderElement extends Components.UdpPageHeader, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLUdpPageHeaderElement, ev: UdpPageHeaderCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLUdpPageHeaderElement, ev: UdpPageHeaderCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLUdpPageHeaderElement: { prototype: HTMLUdpPageHeaderElement; new (): HTMLUdpPageHeaderElement; }; interface HTMLUdpPopOverElement extends Components.UdpPopOver, HTMLStencilElement { } var HTMLUdpPopOverElement: { prototype: HTMLUdpPopOverElement; new (): HTMLUdpPopOverElement; }; interface HTMLUdpPopOverGridActionHeaderElement extends Components.UdpPopOverGridActionHeader, HTMLStencilElement { } var HTMLUdpPopOverGridActionHeaderElement: { prototype: HTMLUdpPopOverGridActionHeaderElement; new (): HTMLUdpPopOverGridActionHeaderElement; }; interface HTMLUdpQuestionElement extends Components.UdpQuestion, HTMLStencilElement { } var HTMLUdpQuestionElement: { prototype: HTMLUdpQuestionElement; new (): HTMLUdpQuestionElement; }; interface HTMLUdpRadioButtonElement extends Components.UdpRadioButton, HTMLStencilElement { } var HTMLUdpRadioButtonElement: { prototype: HTMLUdpRadioButtonElement; new (): HTMLUdpRadioButtonElement; }; interface HTMLUdpSelectorElementEventMap { "optionSelected": any; "udpFieldBlur": Event; "udpFieldChange": Object[]; } interface HTMLUdpSelectorElement extends Components.UdpSelector, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLUdpSelectorElement, ev: UdpSelectorCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLUdpSelectorElement, ev: UdpSelectorCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLUdpSelectorElement: { prototype: HTMLUdpSelectorElement; new (): HTMLUdpSelectorElement; }; interface HTMLUdpSkeletonLoadingElement extends Components.UdpSkeletonLoading, HTMLStencilElement { } var HTMLUdpSkeletonLoadingElement: { prototype: HTMLUdpSkeletonLoadingElement; new (): HTMLUdpSkeletonLoadingElement; }; interface HTMLUdpSplitScreenElement extends Components.UdpSplitScreen, HTMLStencilElement { } var HTMLUdpSplitScreenElement: { prototype: HTMLUdpSplitScreenElement; new (): HTMLUdpSplitScreenElement; }; interface HTMLUdpStepperElement extends Components.UdpStepper, HTMLStencilElement { } var HTMLUdpStepperElement: { prototype: HTMLUdpStepperElement; new (): HTMLUdpStepperElement; }; interface HTMLUdpStepperDemoElement extends Components.UdpStepperDemo, HTMLStencilElement { } var HTMLUdpStepperDemoElement: { prototype: HTMLUdpStepperDemoElement; new (): HTMLUdpStepperDemoElement; }; interface HTMLUdpTabElement extends Components.UdpTab, HTMLStencilElement { } var HTMLUdpTabElement: { prototype: HTMLUdpTabElement; new (): HTMLUdpTabElement; }; interface HTMLUdpTabsElement extends Components.UdpTabs, HTMLStencilElement { } var HTMLUdpTabsElement: { prototype: HTMLUdpTabsElement; new (): HTMLUdpTabsElement; }; interface HTMLUdpTimeSelectorElementEventMap { "udpFieldFocus": FocusEvent; "udpFieldBlur": FocusEvent; "udpFieldChange": string; } interface HTMLUdpTimeSelectorElement extends Components.UdpTimeSelector, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLUdpTimeSelectorElement, ev: UdpTimeSelectorCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLUdpTimeSelectorElement, ev: UdpTimeSelectorCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLUdpTimeSelectorElement: { prototype: HTMLUdpTimeSelectorElement; new (): HTMLUdpTimeSelectorElement; }; interface HTMLUdpUserCreatorElement extends Components.UdpUserCreator, HTMLStencilElement { } var HTMLUdpUserCreatorElement: { prototype: HTMLUdpUserCreatorElement; new (): HTMLUdpUserCreatorElement; }; interface HTMLUdpVerticalSpacerElement extends Components.UdpVerticalSpacer, HTMLStencilElement { } var HTMLUdpVerticalSpacerElement: { prototype: HTMLUdpVerticalSpacerElement; new (): HTMLUdpVerticalSpacerElement; }; interface HTMLUnityTypographyElement extends Components.UnityTypography, HTMLStencilElement { } var HTMLUnityTypographyElement: { prototype: HTMLUnityTypographyElement; new (): HTMLUnityTypographyElement; }; interface HTMLUpdAlertBannerElement extends Components.UpdAlertBanner, HTMLStencilElement { } var HTMLUpdAlertBannerElement: { prototype: HTMLUpdAlertBannerElement; new (): HTMLUpdAlertBannerElement; }; interface HTMLElementTagNameMap { "advanced-search": HTMLAdvancedSearchElement; "advanced-search-grouped": HTMLAdvancedSearchGroupedElement; "ag-table": HTMLAgTableElement; "ambient-demo-container": HTMLAmbientDemoContainerElement; "ambient-template-grid": HTMLAmbientTemplateGridElement; "app-bar": HTMLAppBarElement; "chart-container": HTMLChartContainerElement; "chart-kpi": HTMLChartKpiElement; "check-box": HTMLCheckBoxElement; "chip-section": HTMLChipSectionElement; "color-preview": HTMLColorPreviewElement; "custom-button": HTMLCustomButtonElement; "edit-view-form-dialog": HTMLEditViewFormDialogElement; "file-upload": HTMLFileUploadElement; "filter-conditions": HTMLFilterConditionsElement; "fluent-dialog": HTMLFluentDialogElement; "get-user": HTMLGetUserElement; "grid-primary-bar": HTMLGridPrimaryBarElement; "hint-panel": HTMLHintPanelElement; "kpi-list": HTMLKpiListElement; "logical-search-indicator": HTMLLogicalSearchIndicatorElement; "my-component": HTMLMyComponentElement; "page-renderer": HTMLPageRendererElement; "primary-action-header": HTMLPrimaryActionHeaderElement; "resource-timeline-calendar": HTMLResourceTimelineCalendarElement; "resource-timeline-primary-bar": HTMLResourceTimelinePrimaryBarElement; "save-view-form-dialog": HTMLSaveViewFormDialogElement; "search-list-item": HTMLSearchListItemElement; "selectable-list": HTMLSelectableListElement; "side-sheet": HTMLSideSheetElement; "side-sheet-container": HTMLSideSheetContainerElement; "simple-card": HTMLSimpleCardElement; "status-chip": HTMLStatusChipElement; "stencil-chip": HTMLStencilChipElement; "stencil-field": HTMLStencilFieldElement; "stencil-form": HTMLStencilFormElement; "stencil-icon-button": HTMLStencilIconButtonElement; "stencil-icon-button-grid-action-header": HTMLStencilIconButtonGridActionHeaderElement; "stencil-toggle": HTMLStencilToggleElement; "test-api": HTMLTestApiElement; "test-api-updated": HTMLTestApiUpdatedElement; "test-form": HTMLTestFormElement; "text-area": HTMLTextAreaElement; "text-field": HTMLTextFieldElement; "toggle-button": HTMLToggleButtonElement; "tree-list-item": HTMLTreeListItemElement; "udp-adornment": HTMLUdpAdornmentElement; "udp-ambient-card": HTMLUdpAmbientCardElement; "udp-ambient-tool-tip": HTMLUdpAmbientToolTipElement; "udp-avatar": HTMLUdpAvatarElement; "udp-badge": HTMLUdpBadgeElement; "udp-bar-chart": HTMLUdpBarChartElement; "udp-calendar-base": HTMLUdpCalendarBaseElement; "udp-calendar-day": HTMLUdpCalendarDayElement; "udp-calendar-month": HTMLUdpCalendarMonthElement; "udp-calendar-week": HTMLUdpCalendarWeekElement; "udp-calendar-year": HTMLUdpCalendarYearElement; "udp-charts-example": HTMLUdpChartsExampleElement; "udp-column-header": HTMLUdpColumnHeaderElement; "udp-container-query": HTMLUdpContainerQueryElement; "udp-container-query-grid": HTMLUdpContainerQueryGridElement; "udp-container-query-grid-item": HTMLUdpContainerQueryGridItemElement; "udp-date-selector": HTMLUdpDateSelectorElement; "udp-datetime-selector": HTMLUdpDatetimeSelectorElement; "udp-distribution-chart": HTMLUdpDistributionChartElement; "udp-divider": HTMLUdpDividerElement; "udp-donut-chart": HTMLUdpDonutChartElement; "udp-dynamic-container-with-menu": HTMLUdpDynamicContainerWithMenuElement; "udp-dynamic-form": HTMLUdpDynamicFormElement; "udp-fetch": HTMLUdpFetchElement; "udp-forms-renderer": HTMLUdpFormsRendererElement; "udp-function-button": HTMLUdpFunctionButtonElement; "udp-grid-loader": HTMLUdpGridLoaderElement; "udp-hotlist-form": HTMLUdpHotlistFormElement; "udp-icon": HTMLUdpIconElement; "udp-line-chart": HTMLUdpLineChartElement; "udp-linear-loader": HTMLUdpLinearLoaderElement; "udp-menu-item": HTMLUdpMenuItemElement; "udp-notification": HTMLUdpNotificationElement; "udp-page": HTMLUdpPageElement; "udp-page-header": HTMLUdpPageHeaderElement; "udp-pop-over": HTMLUdpPopOverElement; "udp-pop-over-grid-action-header": HTMLUdpPopOverGridActionHeaderElement; "udp-question": HTMLUdpQuestionElement; "udp-radio-button": HTMLUdpRadioButtonElement; "udp-selector": HTMLUdpSelectorElement; "udp-skeleton-loading": HTMLUdpSkeletonLoadingElement; "udp-split-screen": HTMLUdpSplitScreenElement; "udp-stepper": HTMLUdpStepperElement; "udp-stepper-demo": HTMLUdpStepperDemoElement; "udp-tab": HTMLUdpTabElement; "udp-tabs": HTMLUdpTabsElement; "udp-time-selector": HTMLUdpTimeSelectorElement; "udp-user-creator": HTMLUdpUserCreatorElement; "udp-vertical-spacer": HTMLUdpVerticalSpacerElement; "unity-typography": HTMLUnityTypographyElement; "upd-alert-banner": HTMLUpdAlertBannerElement; } } declare namespace LocalJSX { interface AdvancedSearch { "fetchFilters"?: Function; /** * @default [] */ "filterList"?: any[]; /** * @default [] */ "filterRenderList"?: any[]; "handleDelete"?: (arg0: object) => void; "handleItemClick"?: (item: { searchField: string, searchOperator: string, searchValue: string }) => void; "handleValueChanged"?: (event: CustomEvent) => void; "onAdvancedSearchItemChange"?: (event: AdvancedSearchCustomEvent) => void; } interface AdvancedSearchGrouped { "fetchFilters"?: Function; /** * @default [] */ "filterList"?: any[]; /** * @default [] */ "filterObjectsWithGroups"?: FilterGroup[]; /** * @default [] */ "filterRenderList"?: any[]; "fullClearSearch"?: () => void; "handleAddNewFilter"?: (groupId: string, otherId: string) => void; "handleAddNewGroup"?: (groupId: string, logicalOperator: 'AND' | 'OR') => void; "handleDelete"?: (arg0: object) => void; "handleGroupItemDelete"?: (filterGroupId: string) => void; "handleItemClick"?: (item: { searchField: string; searchOperator: string; searchValue: string }) => void; "handleValueChanged"?: (event: CustomEvent) => void; "onAdvancedSearchItemChange"?: (event: AdvancedSearchGroupedCustomEvent) => void; "onSearchItemChanged"?: (event: AdvancedSearchGroupedCustomEvent) => void; /** * @default [] */ "recentSearchesOptions"?: any[]; "searchData"?: any; "selectRecentSearch"?: (e: any) => void; "updateLogicalOperator"?: (groupId: string, logicalOperator: 'AND' | 'OR') => void; } interface AgTable { "gridOptions"?: GridOptions; /** * @default 'calc(100vh - 200px)' */ "height"?: string; "licensekey"?: string; } interface AmbientDemoContainer { "title"?: string; } interface AmbientTemplateGrid { "accessToken"?: string; /** * @default '' */ "actionId"?: string; /** * @default [] */ "additionalFilterChips"?: Array; /** * @default '' */ "apiCatalogId"?: string; /** * @default '' */ "apiMethodId"?: string; /** * @default {} */ "bulkActionFunctions"?: Object; /** * @default '' */ "buttonTransform"?: string; "cellClickHandler"?: (value: any, callback: any) => void; "cellClickHandlerX"?: (value: any, callback: any) => void; /** * @default [] */ "columnDefs"?: any[]; /** * @default {} */ "columnNames"?: { [key: string]: string }; /** * @default {} */ "dataEmitter"?: any; /** * @default {} */ "dataEmitterRequest"?: any; /** * @default [] */ "defaultSearchObject"?: Array; /** * @default false */ "enableCheckboxOnColumns"?: boolean; /** * @default '' */ "entityName"?: string; "executeBulkAction"?: (actionId: string, data: any) => void; /** * @default null */ "externalPayload"?: any; /** * @default [] */ "externalSearchFilter"?: Array; /** * @default [ { pageNumber: 1, pageSize: 20, filterElements: [], orderElements: [], groupingType: '', groupProperty: [], groupOperationList: [], eagerLoad: false, logicalSearchOperator: 2, type: 'advanced', }, ] */ "filterObject"?: any; /** * @default '' */ "fitGrid"?: string; /** * @default {} */ "fullViewData"?: any; /** * @default '' */ "gridBarTitle"?: string; /** * @default '' */ "gridId"?: string; /** * @default [] */ "gridState"?: any[]; /** * @default [] */ "hiddenColumnsList"?: Array; /** * @default false */ "hideActionsColumn"?: boolean; /** * @default false */ "hideBulkActions"?: boolean; /** * @default false */ "hideDefaultSearchFilterChips"?: boolean; /** * @default '' */ "hotListIdentifier"?: string; "insightsActionOnClick"?: (e: any) => void; /** * @default [] */ "kpiValues"?: Array; /** * @default '' */ "lookupApiMethodId"?: string; /** * @default 5 */ "maxChipsAllowed"?: number; /** * @default [] */ "menuItems"?: Array; /** * @default false */ "noResults"?: boolean; "onExternalEmitter"?: (event: AmbientTemplateGridCustomEvent) => void; "onSelectedIdsChanged"?: (event: AmbientTemplateGridCustomEvent) => void; "onViewSaved"?: (event: AmbientTemplateGridCustomEvent) => void; "primaryActionIcon"?: string; "primaryActionLabel"?: string; "primaryActionOnClick"?: (e: any) => void; /** * @default 0 */ "productId"?: number; /** * @default '' */ "queryId"?: string; /** * @default [] */ "renderConfigs"?: RenderConfig[]; /** * @default false */ "restrictBulkActionsPermissions"?: boolean; /** * @default {} */ "restrictedGridFeatures"?: { [key: string]: string }; /** * @default [] */ "rowData"?: any[]; /** * @default [] */ "rowGrouping"?: Array; /** * @default {} */ "searchKey"?: Object; /** * @default true */ "showAdvancedSearchFeature"?: boolean; /** * @default true */ "showFilterColumnFeature"?: boolean; /** * @default false */ "showHotlistButton"?: boolean; /** * @default false */ "showInsightsAction"?: boolean; /** * @default false */ "showRank"?: boolean; /** * @default true */ "suppressMenuHide"?: boolean; /** * @default '' */ "tenantId"?: string; /** * @default false */ "triggerGridUpdate"?: boolean; /** * @default '' */ "userId"?: string; /** * @default [] */ "userPermissions"?: any[]; "viewActionClickHandler"?: (value: any, callback: any) => void; /** * @default [] */ "viewChips"?: Array; /** * @default [] */ "viewListrowData"?: any[]; } interface AppBar { "username"?: string; } interface ChartContainer { "adjustChartWidthForKpis"?: boolean; "chartId"?: string; /** * @default {} */ "customCardStyle"?: { [key: string]: string }; "customCardWidth"?: number; "customHeight"?: number; "customWidth"?: number; /** * @default false */ "hideAdornment"?: boolean; "kpis"?: { label: string; value: string }[]; /** * @default 'left' */ "kpisPosition"?: 'left' | 'top'; /** * @default 'medium' */ "size"?: 'small' | 'medium' | 'large'; "subheader"?: string; "title"?: string; } interface ChartKpi { "label"?: string; "value"?: string; } interface CheckBox { /** * @default false */ "checked"?: boolean; /** * @default false */ "disabled"?: boolean; "handleCheckboxChange"?: (event: Event) => void; "id"?: string; "label"?: string; "onCheckboxChanged"?: (event: CheckBoxCustomEvent) => void; } interface ChipSection { /** * @default [] */ "additionalFilterChips"?: Array; /** * @default [] */ "filterChips"?: Array; "handleDelete"?: Function; /** * @default false */ "hideKpiSection"?: boolean; /** * @default [] */ "kpiValues"?: Array; /** * @default 4 */ "maxKPIsDisplayed"?: number; /** * @default [] */ "menuItems"?: Array; /** * @default [] */ "viewChips"?: Array; } interface ColorPreview { } interface CustomButton { /** * @default false */ "disabled"?: boolean; "label"?: string; "onCustomClick"?: (event: CustomButtonCustomEvent) => void; /** * @default false */ "secondary"?: boolean; /** * @default 'default' */ "size"?: 'default' | 'short' | 'tall'; /** * @default 'button' */ "type"?: 'button' | 'submit' | 'reset'; /** * @default 'default' */ "variant"?: 'default' | 'outline'; } interface EditViewFormDialog { "apiCatalogId"?: any; "application"?: string; "closeDialog"?: any; "currentGridId"?: string; "currentGridViewVisibilityTypeId"?: number; "currentIsDefault"?: boolean; "currentName"?: string; "domain"?: any; "entity"?: string; "gApi"?: any; "gcApi"?: any; "gridId"?: any; "handleClose"?: Function; "handleFormSubmit"?: (gridId: any, name: string, isPrivate: number, isDefault: boolean) => void; "open"?: boolean; "refetchViews"?: () => void; "tenant"?: string; "title"?: string; "user"?: any; } interface FileUpload { "allowMultiple"?: boolean; "allowedFileTypes"?: Array; /** * @default 'Browse Files' */ "browseFileMessage"?: string; "disallowedFileTypes"?: Array; /** * @default 'Drag and drop your files here' */ "dragAndDropMessage"?: string; "error"?: string; /** * @default false */ "fullWidth"?: boolean; "handleFileChange"?: (files: File[]) => void; /** * @default false */ "hideButton"?: boolean; /** * @default false */ "hideDragAndDrop"?: boolean; "id"?: string; "onUdpFieldBlur"?: (event: FileUploadCustomEvent) => void; "onUdpFieldChange"?: (event: FileUploadCustomEvent) => void; "required"?: boolean; } interface FilterConditions { } interface FluentDialog { "actionOne"?: Function; "actionThree"?: Function; "actionTwo"?: Function; "ariaDescribedby"?: string; "ariaLabelledby"?: string; /** * @default false */ "buttonOneHidden"?: boolean; /** * @default true */ "buttonThreeHidden"?: boolean; /** * @default false */ "buttonTwoHidden"?: boolean; "descriptionId"?: string; "disableOne"?: boolean; "disableThree"?: boolean; "disableTwo"?: boolean; "handleClose"?: Function; "labelOne"?: string; "labelThree"?: string; "labelTwo"?: string; "message"?: string; "open"?: boolean; "progress"?: number; "title"?: string; "titleId"?: string; } interface GetUser { "accessToken"?: string; "onUserDataReady"?: (event: GetUserCustomEvent) => void; } interface GridPrimaryBar { /** * @default [] */ "actionButtons"?: any[]; "customAdvancedSearchClick"?: (event?: MouseEvent) => void; "customClearClick"?: (event?: MouseEvent) => void; "customColumnViewClick"?: (event?: MouseEvent) => void; "customExpandClick"?: (event?: MouseEvent) => void; "customExportClick"?: (event?: MouseEvent) => void; "customFilterViewClick"?: (event?: MouseEvent) => void; "customFitColumnClick"?: (event?: MouseEvent) => void; "customInsightsClick"?: (event?: MouseEvent) => void; "customSaveViewClick"?: (event?: MouseEvent) => void; "customShowCustomSearchClick"?: (event?: MouseEvent) => void; "customShowGridOptionsClick"?: (event?: MouseEvent) => void; "customShowHotlistClick"?: (event?: MouseEvent) => void; "customShowViewClick"?: (event?: MouseEvent) => void; "customSizeToFitClick"?: (event?: MouseEvent) => void; "customToggleServerClientClick"?: (event?: MouseEvent) => void; /** * @default [] */ "hiddenActionButtons"?: string[]; /** * @default [] */ "hiddenLabels"?: string[]; /** * @default false */ "hideExport"?: boolean; "primaryActionClick"?: (event?: MouseEvent) => void; "primaryActionIcon"?: string; "primaryActionLabel"?: string; /** * @default true */ "showAdvancedSearchFeature"?: boolean; /** * @default true */ "showFilterColumnFeature"?: boolean; /** * @default true */ "showGridOptions"?: boolean; /** * @default false */ "showHotlistButton"?: boolean; /** * @default false */ "showInsightsAction"?: boolean; "title"?: string; } interface HintPanel { "hideHintText"?: string; "hint"?: string; } interface KpiList { "kpiValues"?: Array<{ label: string, value: number }>; } interface LogicalSearchIndicator { "type"?: number; } interface MyComponent { /** * @default '' */ "accessTokenProp"?: string; "first"?: string; "last"?: string; "middle"?: string; } interface PageRenderer { "accessToken"?: string; "gridId"?: string; "pageData"?: any; "productId"?: string; "tenantId"?: string; "userId"?: string; } interface PrimaryActionHeader { /** * @default '' */ "actionButtonLabel"?: string; /** * @default [] */ "actionButtons"?: any[]; "activeTabIndex"?: number; "customClearClick"?: (event?: MouseEvent) => void; "customColumnViewClick"?: (event?: MouseEvent) => void; "customExpandClick"?: (event?: MouseEvent) => void; "customExportClick"?: (event?: MouseEvent) => void; "customFilterViewClick"?: (event?: MouseEvent) => void; "customFitColumnClick"?: (event?: MouseEvent) => void; "customSaveViewClick"?: (event?: MouseEvent) => void; "customShowViewClick"?: (event?: MouseEvent) => void; "customSizeToFitClick"?: (event?: MouseEvent) => void; /** * @default [] */ "defaultActionButtons"?: any[]; /** * @default [] */ "hiddenActionButtons"?: string[]; /** * @default [] */ "hiddenLabels"?: string[]; "primaryActionClick"?: (event?: MouseEvent) => void; "selectTab"?: (index: number) => void; /** * @default true */ "tabs"?: boolean; "title"?: string; } interface ResourceTimelineCalendar { /** * @default {} */ "additionalGridOptions"?: object; /** * @default [] */ "columnDefs"?: Array; /** * @default false */ "convertDatesFromUTC"?: boolean; /** * @default false */ "dataLoading"?: boolean; /** * @default '' */ "dateKey"?: string; "disablePrimaryAction"?: boolean; "disableSecondaryAction"?: boolean; "endDate"?: string; /** * @default '' */ "gridBarTitle"?: string; "gridHeight"?: string; "handleClickBackward"?: () => void; "handleClickForward"?: () => void; "handleClickToday"?: () => void; "handlePrimaryActionClick"?: () => void; "handleSecondaryActionClick"?: () => void; /** * @default '' */ "primaryActionTitle"?: string; /** * @default [] */ "rowData"?: any[]; /** * @default '' */ "secondaryActionTitle"?: string; "setAgGridOptions"?: (gridOptions) => void; /** * @default false */ "showLockedIcon"?: boolean; /** * @default true */ "showRowTotals"?: boolean; "startDate"?: string; /** * @default '' */ "subTitle"?: string; "subtitleStatus"?: string; /** * @default {} */ "subtitleStatusMappingClasses"?: { [key: string]: string }; } interface ResourceTimelinePrimaryBar { "clickBackward"?: () => void; "clickForward"?: () => void; "clickToday"?: () => void; "customFitColumnClick"?: (event?: MouseEvent) => void; "disablePrimaryAction"?: boolean; "disableSecondaryAction"?: boolean; "gridBarTitle"?: string; "primaryActionClick"?: (event?: MouseEvent) => void; "primaryActionTitle"?: string; "secondaryActionClick"?: (event?: MouseEvent) => void; "secondaryActionTitle"?: string; "showLockedIcon"?: boolean; "subTitle"?: string; "subtitleStatus"?: string; /** * @default {} */ "subtitleStatusMappingClasses"?: { [key: string]: string }; "toggleGroupExpandAll"?: () => void; } interface SaveViewFormDialog { "apiCatalogId"?: any; "application"?: string; "closeDialog"?: any; "currentGridViewId"?: string; "currentIsDefault"?: boolean; "currentIsPrivate"?: number; "currentName"?: string; "domain"?: any; "entity"?: string; "gApi"?: any; "gcApi"?: any; "gridId"?: any; "handleClose"?: Function; "handleFormSubmit"?: (name: string, isPrivate: number, isDefault: boolean) => void; "handleViewAndConfigurationSubmit"?: (name: string, isPrivate: number, isDefault: boolean) => void; "open"?: boolean; "refetchViews"?: () => void; "tenant"?: string; "title"?: string; "user"?: any; } interface SearchListItem { "groupId"?: string; "handleDelete"?: (event: MouseEvent) => void; "isInitialSearchItem"?: boolean | undefined | null; "itemId"?: string; "label"?: string; "name"?: string; "onSearchItemChanged"?: (event: SearchListItemCustomEvent) => void; "operator"?: string; } interface SelectableList { /** * @default false */ "disableSelection"?: boolean; /** * @default '' */ "displayKey"?: string; /** * @default '' */ "error"?: string; "id"?: string; /** * @default [] */ "items"?: any[]; /** * @default false */ "multiSelect"?: boolean; "onInput"?: (event: Event) => void; "onUdpFieldBlur"?: (event: SelectableListCustomEvent) => void; "onUdpFieldChange"?: (event: SelectableListCustomEvent) => void; "required"?: boolean; /** * @default false */ "useCheckbox"?: boolean; "value"?: string; /** * @default '' */ "valueKey"?: string; } interface SideSheet { "buttonLabel"?: string; /** * @default "translate(0,0)" */ "buttonTransform"?: string; /** * @default false */ "disabled"?: boolean; "handleSideSheetButton"?: () => void; "open"?: boolean; /** * @default true */ "padding"?: boolean; /** * @default 'left' */ "position"?: 'left' | 'right'; "sideSheetButtonLabel"?: string; "title"?: string; "toggleDrawer"?: () => void; /** * @default 'long' */ "widthOption"?: 'short' | 'long' | number; } interface SideSheetContainer { /** * @default true */ "padding"?: boolean; } interface SimpleCard { } interface StatusChip { /** * @default false */ "dense"?: boolean; /** * @default {} */ "statusClasses"?: { [key: string]: string }; "statusValue"?: string | boolean; } interface StencilChip { /** * @default 'primary' */ "color"?: 'primary' | 'secondary'; /** * @default false */ "defaultToggled"?: boolean; "externalToggleString"?: string; "leftIcon"?: any; /** * @default 0 */ "level"?: number; "onOnDelete"?: (event: StencilChipCustomEvent) => void; "onOnToggle"?: (event: StencilChipCustomEvent) => void; "onUdpChipClicked"?: (event: StencilChipCustomEvent) => void; /** * @default true */ "showDelete"?: boolean; /** * @default false */ "showLeftIcon"?: boolean; "text"?: string; } interface StencilField { "component"?: string; "componentProps"?: Object; "defaultValue"?: string; "id"?: string; "label"?: string; "name"?: string; /** * @default false */ "required"?: boolean; "value"?: string; } interface StencilForm { "handleSubmit"?: (values: Object) => void; "initialValues"?: Object; "onStencilFormInvalidEvent"?: (event: StencilFormCustomEvent) => void; "validate"?: (values: Object, errors: Object) => Object; /** * @default true */ "validateOnBlur"?: boolean; } interface StencilIconButton { "buttonId"?: string; /** * @default true */ "darkIcon"?: boolean; /** * @default false */ "disabled"?: boolean; "icon"?: any; "iconClassName"?: string; "iconName"?: string; /** * @default false */ "noBackground"?: boolean; /** * @default false */ "noTooltip"?: boolean; "onClick"?: (event: MouseEvent) => void; /** * @default false */ "secondary"?: boolean; /** * @default true */ "showLabel"?: boolean; "tooltip"?: string; } interface StencilIconButtonGridActionHeader { /** * @default true */ "darkIcon"?: boolean; "icon"?: any; "iconClassName"?: string; "iconName"?: string; /** * @default false */ "noBackground"?: boolean; "onClick"?: (event: MouseEvent) => void; /** * @default false */ "secondary"?: boolean; /** * @default true */ "showLabel"?: boolean; "tooltip"?: string; } interface StencilToggle { "checked"?: boolean; /** * @default false */ "disabled"?: boolean; "idItem"?: string; "label"?: string; "onToggledChange"?: (event: StencilToggleCustomEvent) => void; } interface TestApi { } interface TestApiUpdated { } interface TestForm { } interface TextArea { "disabled"?: boolean; "error"?: string; "fullWidth"?: boolean; "handleBlur"?: (event: FocusEvent) => void; "handleChange"?: (event: Event) => void; "handleFocus"?: (event: FocusEvent) => void; "id"?: string; "label"?: string; "maxCharacter"?: number; "onUdpFieldBlur"?: (event: TextAreaCustomEvent) => void; "onUdpFieldChange"?: (event: TextAreaCustomEvent) => void; "onUdpFieldFocus"?: (event: TextAreaCustomEvent) => void; "placeholder"?: string; "readOnly"?: boolean; "required"?: boolean; /** * @default 6 */ "rows"?: number; "value"?: string; } interface TextField { "disabled"?: boolean; /** * @default '' */ "error"?: string; "handleBlur"?: (event: Event) => void; "handleFocus"?: (event: Event) => void; "handleInput"?: (event: Event) => void; "hidden"?: boolean; "id"?: string; "label"?: string; "maxCharacter"?: number; "onUdpFieldBlur"?: (event: TextFieldCustomEvent) => void; "onUdpFieldChange"?: (event: TextFieldCustomEvent) => void; "onUdpFieldFocus"?: (event: TextFieldCustomEvent) => void; "placeholder"?: string; "readOnly"?: boolean; "required"?: boolean; "value"?: string; } interface ToggleButton { "onToggle"?: () => void; /** * @default false */ "toggled"?: boolean; } interface TreeListItem { /** * @default false */ "add"?: boolean; "customAttribute"?: string; "dataOne"?: string; "dataTwo"?: string; "deleteHandler"?: (event: MouseEvent) => void; "editHandler"?: (event: MouseEvent) => void; "gridViewVisibilityTypeId"?: number; /** * @default false */ "isDefault"?: boolean; "label"?: string; /** * @default 0 */ "level"?: number; "nestedItems"?: any[]; "onItemClick"?: (event: TreeListItemCustomEvent<{ searchField: string, searchOperator: string, searchValue: string, parentName?: string, parentPath?: string }>) => void; "onReference-clicked"?: (event: TreeListItemCustomEvent<{ reference: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string }>) => void; "parent"?: string; "parentFilter"?: any; /** * @default 'defaultParentName' */ "parentName"?: string; "parentPath"?: string; "reference"?: string | null; /** * @default true */ "showAdd"?: boolean; /** * @default false */ "showDeleteOption"?: boolean; /** * @default false */ "showEditOption"?: boolean; /** * @default false */ "showUpdateDefaultOption"?: boolean; /** * @default false */ "showViewOption"?: boolean; "statusClasses"?: { [key: string]: string }; "statusKey"?: string; "statusLabel"?: string; "statusValue"?: boolean; "test"?: string; "updateDefaultHandler"?: (event: MouseEvent) => void; "viewHandler"?: (event: MouseEvent) => void; } interface UdpAdornment { "status"?: 'success' | 'warning' | 'error' | 'info' | 'disabled'; } interface UdpAmbientCard { /** * @default false */ "hideAdornment"?: boolean; /** * @default '' */ "moreText"?: string; /** * @default '' */ "overflow"?: string; /** * @default '600px' */ "width"?: string; } interface UdpAmbientToolTip { "content"?: string; "noTooltip"?: boolean; } interface UdpAvatar { "username"?: string; } interface UdpBadge { /** * @default 0 */ "content"?: number; /** * @default 99 */ "max"?: number; } interface UdpBarChart { /** * @default undefined */ "barWidth"?: number; /** * @default {} */ "customCardStyle"?: { [key: string]: string }; "customCardWidth"?: number; "customHeight"?: number; "customWidth"?: number; /** * @default Build.isDev ? generateMockData() : undefined */ "data"?: { [key: string]: any }[]; /** * @default false */ "hideAdornment"?: boolean; /** * @default Build.isDev ? [ { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, ] : undefined */ "kpis"?: { value: string; label: string }[]; /** * @default 'left' */ "kpisPosition"?: 'left' | 'top'; /** * @default Build.isDev ? 'country' : undefined */ "labelField"?: string; /** * @default false */ "showBullets"?: boolean; /** * @default 'medium' */ "size"?: 'small' | 'medium' | 'large'; /** * @default false */ "stacked"?: boolean; /** * @default Build.isDev ? 'Test subheader' : undefined */ "subheader"?: string; /** * @default Build.isDev ? 'Test Header' : undefined */ "title"?: string; /** * @default Build.isDev ? 'value' : undefined */ "valueField"?: string; /** * @default undefined */ "valueFields"?: {fieldName: string, fieldLabel: string}[]; /** * @default Build.isDev ? 'Test X Label' : undefined */ "xLabel"?: string; /** * @default Build.isDev ? 'Test Y Label' : undefined */ "yLabel"?: string; } interface UdpCalendarBase { "aspectRatio"?: number; "contentHeight"?: number; "datesSet"?: any; "dayCellClassNames"?: any; "dayCellContent"?: any; "dayCellDidMount"?: any; "dayCellWillUnmount"?: any; "dayHeaderClassNames"?: any; "dayHeaderContent"?: any; "dayHeaderDidMount"?: any; "dayHeaderFormatMonthView"?: any; "dayHeaderFormatWeekView"?: any; "dayHeaderWillUnmount"?: any; /** * @default false */ "dayHeaders"?: boolean; /** * @default null */ "dayMinWidth"?: number; "eventContent"?: any; "eventOnclick"?: any; "eventSources"?: any; "events"?: any; /** * @default 0 */ "firstDay"?: number; /** * @default 550 */ "height"?: number; /** * @default [] */ "hiddenDays"?: number[]; /** * @default 'dayGridMonth' */ "initialView"?: string; /** * @default '06:00:00' */ "scrollTime"?: string; /** * @default true */ "scrollTimeReset"?: boolean; "scrollToTimeDuration"?: number; /** * @default true */ "showNonCurrentDates"?: boolean; /** * @default '00:30:00' */ "slotDuration"?: string; "slotLabelClassNames"?: any; "slotLabelContent"?: any; "slotLabelDidMount"?: any; /** * @default { // Determines the text that will be displayed within a time slot. hour: 'numeric', minute: '2-digit', omitZeroMinute: true, meridiem: 'short' } */ "slotLabelFormat"?: any; /** * @default '01:00' */ "slotLabelInterval"?: string; "slotLabelWillUnmount"?: any; "slotLaneClassNames"?: any; "slotLaneContent"?: any; "slotLaneDidMount"?: any; "slotLaneWillUnmount"?: any; /** * @default '24:00:00' */ "slotMaxTime"?: string; /** * @default '00:00:00' */ "slotMinTime"?: string; /** * @default 'dayGridDay,dayGridWeek,dayGridMonth,dayGridYear' */ "toggleViewOptions"?: string; /** * @default true */ "weekends"?: boolean; "width"?: number; } interface UdpCalendarDay { /** * @default {} */ "props"?: any; } interface UdpCalendarMonth { /** * @default {} */ "props"?: any; } interface UdpCalendarWeek { /** * @default {} */ "props"?: any; } interface UdpCalendarYear { /** * @default {} */ "props"?: any; } /** * component used to render examples of all the charts. Mostly used for dev purposes */ interface UdpChartsExample { } interface UdpColumnHeader { } interface UdpContainerQuery { "customClass"?: string; /** * @default {} */ "queries"?: { [breakpoint: number]: { [key: string]: string } }; } interface UdpContainerQueryGrid { /** * @default { 0: 1, // Default: single column 400: 2, // Small: 2 columns 600: 3, // Medium: 3 columns 800: 4, // Large: 4 columns } */ "columns"?: { [breakpoint: number]: number }; /** * @default { 0: 1, // Default: 1rem gap 400: 1.5, // Small: 1.5rem gap 600: 2, // Medium: 2rem gap 800: 2.5, // Large: 2.5rem gap } */ "gaps"?: { [breakpoint: number]: number }; } interface UdpContainerQueryGridItem { /** * @default {} */ "span"?: { [breakpoint: number]: number }; } interface UdpDateSelector { "error"?: string; "handleInputChange"?: (event: Event) => void; "id"?: string; "label"?: string; /** * Maximum date, supports any date supported by the js Date constructor */ "max"?: string; /** * Minimum date, supports any date supported by the js Date constructor */ "min"?: string; "onUdpFieldBlur"?: (event: UdpDateSelectorCustomEvent) => void; "onUdpFieldChange"?: (event: UdpDateSelectorCustomEvent) => void; "onUdpFieldFocus"?: (event: UdpDateSelectorCustomEvent) => void; "required"?: boolean; "value"?: string; } interface UdpDatetimeSelector { "error"?: string; "handleInputChange"?: (event: Event) => void; "id"?: string; "label"?: string; /** * Maximum date, supports any date supported by the js Date constructor */ "max"?: string; /** * Minimum date, supports any date supported by the js Date constructor */ "min"?: string; "onUdpFieldBlur"?: (event: UdpDatetimeSelectorCustomEvent) => void; "onUdpFieldChange"?: (event: UdpDatetimeSelectorCustomEvent) => void; "onUdpFieldFocus"?: (event: UdpDatetimeSelectorCustomEvent) => void; "required"?: boolean; /** * @default '' */ "value"?: string; } interface UdpDistributionChart { /** * @default {} */ "customCardStyle"?: {[key: string]: string}; "customCardWidth"?: number; "customHeight"?: number; "customWidth"?: number; /** * @default Build.isDev ? generateMockData(1000, 100, 10) : undefined */ "data"?: any[]; /** * @default false */ "hideAdornment"?: boolean; /** * @default Build.isDev ? [ { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, ] : undefined */ "kpis"?: { value: string; label: string }[]; /** * @default 'left' */ "kpisPosition"?: 'left' | 'top'; /** * @default 'medium' */ "size"?: 'small' | 'medium' | 'large'; /** * @default Build.isDev ? 'Test SubHeader' : undefined */ "subheader"?: string; /** * @default Build.isDev ? 'Test header' : undefined */ "title"?: string; "valueField"?: string; "xAxisLabel"?: string; /** * @default Build.isDev ? 'Test X Label' : undefined */ "xLabel"?: string; /** * @default Build.isDev ? 'Test Y Label' : undefined */ "yLabel"?: string; } interface UdpDivider { "size"?: string; /** * @default 'horizontal' */ "variant"?: 'horizontal' | 'vertical'; } interface UdpDonutChart { /** * @default {} */ "customCardStyle"?: {[key: string]: string}; "customCardWidth"?: number; "customHeight"?: number; "customWidth"?: number; /** * @default Build.isDev ? generateMockData(10) : undefined */ "data"?: { [key: string]: any }[]; /** * @default false */ "hideAdornment"?: boolean; /** * @default false */ "hideLegend"?: boolean; /** * @default Build.isDev ? [ { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, ] : undefined */ "kpis"?: { value: string; label: string }[]; /** * @default 'left' */ "kpisPosition"?: 'left' | 'top'; /** * @default Build.isDev ? 'label' : '' */ "labelField"?: string; /** * @default 'medium' */ "size"?: 'small' | 'medium' | 'large'; /** * @default Build.isDev ? 'Test SubHeader' : undefined */ "subheader"?: string; /** * @default Build.isDev ? 'Test header' : undefined */ "title"?: string; /** * @default Build.isDev ? 'value' : '' */ "valueField"?: string; } interface UdpDynamicContainerWithMenu { /** * @default '' */ "externalToggle"?: string; /** * @default [] */ "menuItems"?: any[]; "onUdpChipClicked"?: (event: UdpDynamicContainerWithMenuCustomEvent) => void; } interface UdpDynamicForm { } interface UdpFetch { "accessToken"?: string; /** * @default false */ "isServerSide"?: boolean; "onDataFetched"?: (event: UdpFetchCustomEvent) => void; /** * @default {} */ "promotedEntity"?: any; "tenantId"?: string; } interface UdpFormsRenderer { /** * @default null */ "apiUrlBase"?: string; "callbackUrl"?: string; "formId"?: Guid; "getAccessToken"?: () => Promise; /** * @default false */ "isPublic"?: boolean; "productId"?: number; "tenantId"?: Guid; "triggerAction"?: (actionId: Guid, params: Object) => void; "unityUrl"?: string; "version"?: number; } interface UdpFunctionButton { /** * @default false */ "add"?: boolean; /** * @default false */ "delete"?: boolean; /** * @default false */ "edit"?: boolean; /** * @default false */ "expand"?: boolean; /** * @default false */ "isDefault"?: boolean; /** * @default false */ "noBackground"?: boolean; /** * @default false */ "view"?: boolean; } interface UdpGridLoader { /** * @default 8 */ "numColumns"?: number; /** * @default 5 */ "numRows"?: number; /** * @default 'calc(100vw - 70px)' */ "width"?: string; } interface UdpHotlistForm { "handleCancelClick"?: () => void; "handleFormSubmit"?: (name: string, isPrivate: boolean, columnState: any) => void; "refetchViews"?: () => void; } interface UdpIcon { /** * @default true */ "darkIcon"?: boolean; "iconName"?: string; /** * @default 'carbon' */ "iconType"?: string; } interface UdpLineChart { /** * @default {} */ "customCardStyle"?: { [key: string]: string }; "customCardWidth"?: number; "customHeight"?: number; "customWidth"?: number; "data"?: { [key: string]: any }[]; /** * @default false */ "hideAdornment"?: boolean; /** * @default false */ "hideScrollbarX"?: boolean; /** * @default Build.isDev ? [ { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' }, ] : undefined */ "kpis"?: { value: string; label: string }[]; /** * @default 'left' */ "kpisPosition"?: 'left' | 'top'; /** * @default false */ "showBullets"?: boolean; /** * @default 'medium' */ "size"?: 'small' | 'medium' | 'large'; /** * @default Build.isDev ? 'Test SubHeader' : undefined */ "subheader"?: string; /** * @default Build.isDev ? 'Test header' : undefined */ "title"?: string; /** * @default undefined */ "valueYFields"?: { fieldName: string; fieldLabel: string }[]; /** * @default Build.isDev ? 'date' : undefined */ "xAxisField"?: string; /** * @default Build.isDev ? 'Test X Label' : undefined */ "xLabel"?: string; /** * @default Build.isDev ? 'value' : undefined */ "yAxisField"?: string; /** * @default Build.isDev ? 'Test Y Label' : undefined */ "yLabel"?: string; } interface UdpLinearLoader { } interface UdpMenuItem { /** * @default false */ "disabled"?: boolean; "handleOnClick"?: (e: Event) => void; "iconName"?: string; "label"?: string; "onItemClick"?: (event: UdpMenuItemCustomEvent) => void; } interface UdpNotification { /** * @default false */ "active"?: boolean; "message"?: string; "status"?: 'success' | 'error' | 'warning'; /** * @default false */ "userCancel"?: boolean; } interface UdpPage { /** * Optional maximum page width * @default '1200px' */ "maxWidth"?: string; /** * Default padding for the layout * @default '16px' */ "padding"?: string; } interface UdpPageHeader { "onValueChanged"?: (event: UdpPageHeaderCustomEvent) => void; } interface UdpPopOver { "anchorElement"?: HTMLElement; "handleOnClose"?: (event: Event) => void; /** * @default false */ "isOpen"?: boolean; "popoverMaxHeight"?: string; /** * @default 'bottom-end' */ "popoverPlacement"?: PopoverPlacement; "popoverWidth"?: string; } interface UdpPopOverGridActionHeader { "anchorElement"?: HTMLElement; /** * @default false */ "isOpen"?: boolean; } interface UdpQuestion { "question"?: Question; "questionNumber"?: number; "styleOverrides"?: { helperText: FontOverrides; questionText: FontOverrides; paragraphText: FontOverrides; }; "value"?: string; } interface UdpRadioButton { /** * @default false */ "checked"?: boolean; /** * @default false */ "disabled"?: boolean; "label"?: string; "name"?: string; "value"?: string; } interface UdpSelector { "defaultOption"?: string; /** * @default false */ "disabled"?: boolean; "error"?: string; "fieldName"?: string; "handleOptionChange"?: (object: { value: string; label: string }) => void; "id"?: string; "label"?: string; /** * @default false */ "large"?: boolean; /** * @default false */ "multiSelect"?: boolean; "onOptionSelected"?: (event: UdpSelectorCustomEvent) => void; "onUdpFieldBlur"?: (event: UdpSelectorCustomEvent) => void; "onUdpFieldChange"?: (event: UdpSelectorCustomEvent) => void; /** * @default [] */ "options"?: Array<{ value: string; label: string }>; "required"?: boolean; } interface UdpSkeletonLoading { /** * @default '4px' */ "borderRadius"?: string; /** * @default '20px' */ "height"?: string; /** * @default '100%' */ "width"?: string; } interface UdpSplitScreen { "panelContent"?: string; } interface UdpStepper { /** * @default 0 */ "activeStep"?: number; /** * @default false */ "alternativeLabel"?: boolean; /** * @default {} */ "completed"?: { [key: number]: boolean }; /** * @default false */ "disableStrictStepCompletion"?: boolean; /** * @default 'all' */ "labelDisplay"?: LabelDisplayMode; /** * @default 'default' */ "labelPosition"?: LabelPosition; /** * @default false */ "nonLinear"?: boolean; /** * @default 'horizontal' */ "orientation"?: 'horizontal' | 'vertical'; "stepChange"?: (index: number) => void; "steps"?: Steps; } interface UdpStepperDemo { } interface UdpTab { "active"?: boolean; "title"?: string; } interface UdpTabs { } interface UdpTimeSelector { "error"?: string; "handleInputChange"?: (event: Event) => void; "id"?: string; "label"?: string; "max"?: string; "min"?: string; "onUdpFieldBlur"?: (event: UdpTimeSelectorCustomEvent) => void; "onUdpFieldChange"?: (event: UdpTimeSelectorCustomEvent) => void; "onUdpFieldFocus"?: (event: UdpTimeSelectorCustomEvent) => void; "required"?: boolean; /** * @default '' */ "value"?: string; } interface UdpUserCreator { } interface UdpVerticalSpacer { "unit"?: 'small' | 'medium' | 'large'; } interface UnityTypography { /** * @default false */ "bold"?: boolean; /** * @default 'main' */ "color"?: TypographyColor; /** * @default false */ "gutterBottom"?: boolean; /** * @default 'body' */ "variant"?: TypographyVariant; } interface UpdAlertBanner { /** * @default '' */ "message"?: string; "onClick"?: () => void; /** * @default 'info' */ "type"?: 'info' | 'warning' | 'error' | 'success'; } interface IntrinsicElements { "advanced-search": AdvancedSearch; "advanced-search-grouped": AdvancedSearchGrouped; "ag-table": AgTable; "ambient-demo-container": AmbientDemoContainer; "ambient-template-grid": AmbientTemplateGrid; "app-bar": AppBar; "chart-container": ChartContainer; "chart-kpi": ChartKpi; "check-box": CheckBox; "chip-section": ChipSection; "color-preview": ColorPreview; "custom-button": CustomButton; "edit-view-form-dialog": EditViewFormDialog; "file-upload": FileUpload; "filter-conditions": FilterConditions; "fluent-dialog": FluentDialog; "get-user": GetUser; "grid-primary-bar": GridPrimaryBar; "hint-panel": HintPanel; "kpi-list": KpiList; "logical-search-indicator": LogicalSearchIndicator; "my-component": MyComponent; "page-renderer": PageRenderer; "primary-action-header": PrimaryActionHeader; "resource-timeline-calendar": ResourceTimelineCalendar; "resource-timeline-primary-bar": ResourceTimelinePrimaryBar; "save-view-form-dialog": SaveViewFormDialog; "search-list-item": SearchListItem; "selectable-list": SelectableList; "side-sheet": SideSheet; "side-sheet-container": SideSheetContainer; "simple-card": SimpleCard; "status-chip": StatusChip; "stencil-chip": StencilChip; "stencil-field": StencilField; "stencil-form": StencilForm; "stencil-icon-button": StencilIconButton; "stencil-icon-button-grid-action-header": StencilIconButtonGridActionHeader; "stencil-toggle": StencilToggle; "test-api": TestApi; "test-api-updated": TestApiUpdated; "test-form": TestForm; "text-area": TextArea; "text-field": TextField; "toggle-button": ToggleButton; "tree-list-item": TreeListItem; "udp-adornment": UdpAdornment; "udp-ambient-card": UdpAmbientCard; "udp-ambient-tool-tip": UdpAmbientToolTip; "udp-avatar": UdpAvatar; "udp-badge": UdpBadge; "udp-bar-chart": UdpBarChart; "udp-calendar-base": UdpCalendarBase; "udp-calendar-day": UdpCalendarDay; "udp-calendar-month": UdpCalendarMonth; "udp-calendar-week": UdpCalendarWeek; "udp-calendar-year": UdpCalendarYear; "udp-charts-example": UdpChartsExample; "udp-column-header": UdpColumnHeader; "udp-container-query": UdpContainerQuery; "udp-container-query-grid": UdpContainerQueryGrid; "udp-container-query-grid-item": UdpContainerQueryGridItem; "udp-date-selector": UdpDateSelector; "udp-datetime-selector": UdpDatetimeSelector; "udp-distribution-chart": UdpDistributionChart; "udp-divider": UdpDivider; "udp-donut-chart": UdpDonutChart; "udp-dynamic-container-with-menu": UdpDynamicContainerWithMenu; "udp-dynamic-form": UdpDynamicForm; "udp-fetch": UdpFetch; "udp-forms-renderer": UdpFormsRenderer; "udp-function-button": UdpFunctionButton; "udp-grid-loader": UdpGridLoader; "udp-hotlist-form": UdpHotlistForm; "udp-icon": UdpIcon; "udp-line-chart": UdpLineChart; "udp-linear-loader": UdpLinearLoader; "udp-menu-item": UdpMenuItem; "udp-notification": UdpNotification; "udp-page": UdpPage; "udp-page-header": UdpPageHeader; "udp-pop-over": UdpPopOver; "udp-pop-over-grid-action-header": UdpPopOverGridActionHeader; "udp-question": UdpQuestion; "udp-radio-button": UdpRadioButton; "udp-selector": UdpSelector; "udp-skeleton-loading": UdpSkeletonLoading; "udp-split-screen": UdpSplitScreen; "udp-stepper": UdpStepper; "udp-stepper-demo": UdpStepperDemo; "udp-tab": UdpTab; "udp-tabs": UdpTabs; "udp-time-selector": UdpTimeSelector; "udp-user-creator": UdpUserCreator; "udp-vertical-spacer": UdpVerticalSpacer; "unity-typography": UnityTypography; "upd-alert-banner": UpdAlertBanner; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "advanced-search": LocalJSX.AdvancedSearch & JSXBase.HTMLAttributes; "advanced-search-grouped": LocalJSX.AdvancedSearchGrouped & JSXBase.HTMLAttributes; "ag-table": LocalJSX.AgTable & JSXBase.HTMLAttributes; "ambient-demo-container": LocalJSX.AmbientDemoContainer & JSXBase.HTMLAttributes; "ambient-template-grid": LocalJSX.AmbientTemplateGrid & JSXBase.HTMLAttributes; "app-bar": LocalJSX.AppBar & JSXBase.HTMLAttributes; "chart-container": LocalJSX.ChartContainer & JSXBase.HTMLAttributes; "chart-kpi": LocalJSX.ChartKpi & JSXBase.HTMLAttributes; "check-box": LocalJSX.CheckBox & JSXBase.HTMLAttributes; "chip-section": LocalJSX.ChipSection & JSXBase.HTMLAttributes; "color-preview": LocalJSX.ColorPreview & JSXBase.HTMLAttributes; "custom-button": LocalJSX.CustomButton & JSXBase.HTMLAttributes; "edit-view-form-dialog": LocalJSX.EditViewFormDialog & JSXBase.HTMLAttributes; "file-upload": LocalJSX.FileUpload & JSXBase.HTMLAttributes; "filter-conditions": LocalJSX.FilterConditions & JSXBase.HTMLAttributes; "fluent-dialog": LocalJSX.FluentDialog & JSXBase.HTMLAttributes; "get-user": LocalJSX.GetUser & JSXBase.HTMLAttributes; "grid-primary-bar": LocalJSX.GridPrimaryBar & JSXBase.HTMLAttributes; "hint-panel": LocalJSX.HintPanel & JSXBase.HTMLAttributes; "kpi-list": LocalJSX.KpiList & JSXBase.HTMLAttributes; "logical-search-indicator": LocalJSX.LogicalSearchIndicator & JSXBase.HTMLAttributes; "my-component": LocalJSX.MyComponent & JSXBase.HTMLAttributes; "page-renderer": LocalJSX.PageRenderer & JSXBase.HTMLAttributes; "primary-action-header": LocalJSX.PrimaryActionHeader & JSXBase.HTMLAttributes; "resource-timeline-calendar": LocalJSX.ResourceTimelineCalendar & JSXBase.HTMLAttributes; "resource-timeline-primary-bar": LocalJSX.ResourceTimelinePrimaryBar & JSXBase.HTMLAttributes; "save-view-form-dialog": LocalJSX.SaveViewFormDialog & JSXBase.HTMLAttributes; "search-list-item": LocalJSX.SearchListItem & JSXBase.HTMLAttributes; "selectable-list": LocalJSX.SelectableList & JSXBase.HTMLAttributes; "side-sheet": LocalJSX.SideSheet & JSXBase.HTMLAttributes; "side-sheet-container": LocalJSX.SideSheetContainer & JSXBase.HTMLAttributes; "simple-card": LocalJSX.SimpleCard & JSXBase.HTMLAttributes; "status-chip": LocalJSX.StatusChip & JSXBase.HTMLAttributes; "stencil-chip": LocalJSX.StencilChip & JSXBase.HTMLAttributes; "stencil-field": LocalJSX.StencilField & JSXBase.HTMLAttributes; "stencil-form": LocalJSX.StencilForm & JSXBase.HTMLAttributes; "stencil-icon-button": LocalJSX.StencilIconButton & JSXBase.HTMLAttributes; "stencil-icon-button-grid-action-header": LocalJSX.StencilIconButtonGridActionHeader & JSXBase.HTMLAttributes; "stencil-toggle": LocalJSX.StencilToggle & JSXBase.HTMLAttributes; "test-api": LocalJSX.TestApi & JSXBase.HTMLAttributes; "test-api-updated": LocalJSX.TestApiUpdated & JSXBase.HTMLAttributes; "test-form": LocalJSX.TestForm & JSXBase.HTMLAttributes; "text-area": LocalJSX.TextArea & JSXBase.HTMLAttributes; "text-field": LocalJSX.TextField & JSXBase.HTMLAttributes; "toggle-button": LocalJSX.ToggleButton & JSXBase.HTMLAttributes; "tree-list-item": LocalJSX.TreeListItem & JSXBase.HTMLAttributes; "udp-adornment": LocalJSX.UdpAdornment & JSXBase.HTMLAttributes; "udp-ambient-card": LocalJSX.UdpAmbientCard & JSXBase.HTMLAttributes; "udp-ambient-tool-tip": LocalJSX.UdpAmbientToolTip & JSXBase.HTMLAttributes; "udp-avatar": LocalJSX.UdpAvatar & JSXBase.HTMLAttributes; "udp-badge": LocalJSX.UdpBadge & JSXBase.HTMLAttributes; "udp-bar-chart": LocalJSX.UdpBarChart & JSXBase.HTMLAttributes; "udp-calendar-base": LocalJSX.UdpCalendarBase & JSXBase.HTMLAttributes; "udp-calendar-day": LocalJSX.UdpCalendarDay & JSXBase.HTMLAttributes; "udp-calendar-month": LocalJSX.UdpCalendarMonth & JSXBase.HTMLAttributes; "udp-calendar-week": LocalJSX.UdpCalendarWeek & JSXBase.HTMLAttributes; "udp-calendar-year": LocalJSX.UdpCalendarYear & JSXBase.HTMLAttributes; /** * component used to render examples of all the charts. Mostly used for dev purposes */ "udp-charts-example": LocalJSX.UdpChartsExample & JSXBase.HTMLAttributes; "udp-column-header": LocalJSX.UdpColumnHeader & JSXBase.HTMLAttributes; "udp-container-query": LocalJSX.UdpContainerQuery & JSXBase.HTMLAttributes; "udp-container-query-grid": LocalJSX.UdpContainerQueryGrid & JSXBase.HTMLAttributes; "udp-container-query-grid-item": LocalJSX.UdpContainerQueryGridItem & JSXBase.HTMLAttributes; "udp-date-selector": LocalJSX.UdpDateSelector & JSXBase.HTMLAttributes; "udp-datetime-selector": LocalJSX.UdpDatetimeSelector & JSXBase.HTMLAttributes; "udp-distribution-chart": LocalJSX.UdpDistributionChart & JSXBase.HTMLAttributes; "udp-divider": LocalJSX.UdpDivider & JSXBase.HTMLAttributes; "udp-donut-chart": LocalJSX.UdpDonutChart & JSXBase.HTMLAttributes; "udp-dynamic-container-with-menu": LocalJSX.UdpDynamicContainerWithMenu & JSXBase.HTMLAttributes; "udp-dynamic-form": LocalJSX.UdpDynamicForm & JSXBase.HTMLAttributes; "udp-fetch": LocalJSX.UdpFetch & JSXBase.HTMLAttributes; "udp-forms-renderer": LocalJSX.UdpFormsRenderer & JSXBase.HTMLAttributes; "udp-function-button": LocalJSX.UdpFunctionButton & JSXBase.HTMLAttributes; "udp-grid-loader": LocalJSX.UdpGridLoader & JSXBase.HTMLAttributes; "udp-hotlist-form": LocalJSX.UdpHotlistForm & JSXBase.HTMLAttributes; "udp-icon": LocalJSX.UdpIcon & JSXBase.HTMLAttributes; "udp-line-chart": LocalJSX.UdpLineChart & JSXBase.HTMLAttributes; "udp-linear-loader": LocalJSX.UdpLinearLoader & JSXBase.HTMLAttributes; "udp-menu-item": LocalJSX.UdpMenuItem & JSXBase.HTMLAttributes; "udp-notification": LocalJSX.UdpNotification & JSXBase.HTMLAttributes; "udp-page": LocalJSX.UdpPage & JSXBase.HTMLAttributes; "udp-page-header": LocalJSX.UdpPageHeader & JSXBase.HTMLAttributes; "udp-pop-over": LocalJSX.UdpPopOver & JSXBase.HTMLAttributes; "udp-pop-over-grid-action-header": LocalJSX.UdpPopOverGridActionHeader & JSXBase.HTMLAttributes; "udp-question": LocalJSX.UdpQuestion & JSXBase.HTMLAttributes; "udp-radio-button": LocalJSX.UdpRadioButton & JSXBase.HTMLAttributes; "udp-selector": LocalJSX.UdpSelector & JSXBase.HTMLAttributes; "udp-skeleton-loading": LocalJSX.UdpSkeletonLoading & JSXBase.HTMLAttributes; "udp-split-screen": LocalJSX.UdpSplitScreen & JSXBase.HTMLAttributes; "udp-stepper": LocalJSX.UdpStepper & JSXBase.HTMLAttributes; "udp-stepper-demo": LocalJSX.UdpStepperDemo & JSXBase.HTMLAttributes; "udp-tab": LocalJSX.UdpTab & JSXBase.HTMLAttributes; "udp-tabs": LocalJSX.UdpTabs & JSXBase.HTMLAttributes; "udp-time-selector": LocalJSX.UdpTimeSelector & JSXBase.HTMLAttributes; "udp-user-creator": LocalJSX.UdpUserCreator & JSXBase.HTMLAttributes; "udp-vertical-spacer": LocalJSX.UdpVerticalSpacer & JSXBase.HTMLAttributes; "unity-typography": LocalJSX.UnityTypography & JSXBase.HTMLAttributes; "upd-alert-banner": LocalJSX.UpdAlertBanner & JSXBase.HTMLAttributes; } } }