@skedulo/sked-ui 0.0.2-react-18-upgrade-test → 0.0.2-react-18-preview

package/dist/components/avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type AvatarSizes = 'tiny' | 'small' | 'medium' | 'large';
+export type AvatarSizes = 'tiny' | 'small' | 'medium' | 'large';
 export interface IAvatar extends React.HTMLAttributes<HTMLDivElement> {
     /** This will be used for the 'letter' display and be the
      * default tooltip text if showTooltip is true

package/dist/components/avatar/AvatarDetail.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IAvatar } from './Avatar';
-declare type AvatarDetailGroupSize = 'tiny' | 'small' | 'medium' | 'large';
-declare type AvatarProps = Pick<IAvatar, 'name' | 'imageUrl'>;
+type AvatarDetailGroupSize = 'tiny' | 'small' | 'medium' | 'large';
+type AvatarProps = Pick<IAvatar, 'name' | 'imageUrl'>;
 export interface IAvatarDetailProps extends AvatarProps {
     /**
      * 'medium' is the default

package/dist/components/avatar/AvatarGroup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IAvatar, AvatarSizes } from './Avatar';
-export declare type IAvatarInfo = Partial<Pick<IAvatar, 'name' | 'imageUrl' | 'tooltipText'> & {
+export type IAvatarInfo = Partial<Pick<IAvatar, 'name' | 'imageUrl' | 'tooltipText'> & {
     onClick: () => void;
 }>;
 export interface IAvatarGroupProps {
@@ -24,4 +24,4 @@ export interface IAvatarGroupProps {
      */
     emptySlotTooltipText?: string;
 }
-export declare const AvatarGroup: React.FC<React.PropsWithChildren<IAvatarGroupProps>>;
+export declare const AvatarGroup: React.FC<IAvatarGroupProps>;

package/dist/components/avatar/Slot.d.ts

@@ -39,4 +39,4 @@ export interface IProps extends React.HTMLAttributes<HTMLDivElement> {
  * Simple component for displaying avatars
  * @requires Tooltip
  */
-export declare const Slot: React.FC<React.PropsWithChildren<IProps>>;
+export declare const Slot: React.FC<IProps>;

package/dist/components/badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type BadgeTypes = 'default' | 'primary' | 'important';
+export type BadgeTypes = 'default' | 'primary' | 'important';
 export declare const DEFAULT_BADGE_CLASSES = "sked-badge-min-w sk-text-xxs sk-font-medium sk-tracking-wide sk-h-5 sk-pb-px sk-rounded-full sk-inline-flex sk-items-center sk-justify-center";
 export interface IBadgeProps {
     /**

package/dist/components/buttons/button/Button.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IconNames } from '../../icon/Icon';
-export declare type ButtonTypes = 'primary' | 'secondary' | 'transparent';
-export declare type IButtonProps = {
+export type ButtonTypes = 'primary' | 'secondary' | 'transparent';
+export type IButtonProps = {
     /**
      * The type of button to be displayed. Primary | Secondary | Transparent
      */

package/dist/components/buttons/icon-button/IconButton.d.ts

@@ -8,6 +8,6 @@ interface IconButtonProps {
     tooltipDelay?: ITooltipProps['delayShow'];
     disableTooltip?: boolean;
 }
-export declare type IIconButton = IconButtonProps & Partial<IButtonProps>;
+export type IIconButton = IconButtonProps & Partial<IButtonProps>;
 export declare const IconButton: React.FC<React.PropsWithChildren<IIconButton>>;
 export {};

package/dist/components/buttons/icon-button-dropdown/IconButtonDropdown.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { IIconButton } from '../icon-button/IconButton';
 import { IButtonDropdownCommon } from '../interfaces';
-export declare type IconButtonDropdown = IIconButton & IButtonDropdownCommon;
+export type IconButtonDropdown = IIconButton & IButtonDropdownCommon;
 export declare const IconButtonDropdown: React.FC<React.PropsWithChildren<IconButtonDropdown>>;

package/dist/components/calendar-controls/CalendarControls-utils.d.ts

@@ -1,6 +1,6 @@
 import { RangeType } from './elements/RangePicker';
-export declare type DateDirection = 'forward' | 'backward';
-export declare type DateFormat = 'MonthDayYear' | 'DayMonthYear';
+export type DateDirection = 'forward' | 'backward';
+export type DateFormat = 'MonthDayYear' | 'DayMonthYear';
 export declare const moveDate: (selected: Date, days: RangeType, direction: DateDirection) => Date;
 export declare const endOfPeriod: (selected: Date, selectedRange: RangeType) => Date;
 export declare const formatLongDate: (date: Date, dateFormat?: DateFormat) => string;

package/dist/components/calendar-controls/CalendarControls.d.ts

@@ -22,9 +22,9 @@ export interface ICalendarControlProps extends React.HTMLAttributes<HTMLDivEleme
 export declare function useCalendarControlsContext(): ICalendarControlProps;
 declare function CalendarControls(props: ICalendarControlProps): React.JSX.Element;
 declare namespace CalendarControls {
-    var TodayButton: React.FC<React.PropsWithChildren<import("./elements/TodayButton").ITodayButtonProps>>;
+    var TodayButton: React.FC<import("./elements/TodayButton").ITodayButtonProps>;
     var NavigationButtons: (props: INavigationButtonProps) => React.JSX.Element;
-    var DateSelector: React.FC<React.PropsWithChildren<IDateSelectorProps>>;
-    var RangePicker: React.FC<React.PropsWithChildren<IRangeProps>>;
+    var DateSelector: React.FC<IDateSelectorProps>;
+    var RangePicker: React.FC<IRangeProps>;
 }
 export { CalendarControls, RangePicker, RangeType };

package/dist/components/calendar-controls/elements/DateSelector.d.ts

@@ -3,7 +3,7 @@ import { ReactDatePickerProps } from 'react-datepicker';
 import { ButtonTypes } from '../../..';
 import { IBaseCalendarControlProps } from '../CalendarControls';
 import { DateFormat } from '../CalendarControls-utils';
-export declare type SelectDateHandler = (date: Date) => void;
+export type SelectDateHandler = (date: Date) => void;
 export interface IBaseDateSelectorProps extends IBaseCalendarControlProps {
     /**
      * Whenever the date is changed, either through direct select, clicking to or navigating, the new date is provided to this function
@@ -44,4 +44,4 @@ export interface IDateSelectorProps extends IBaseDateSelectorProps, HTMLAttribut
      */
     dateFormat?: DateFormat;
 }
-export declare const DateSelector: React.FC<React.PropsWithChildren<IDateSelectorProps>>;
+export declare const DateSelector: React.FC<IDateSelectorProps>;

package/dist/components/calendar-controls/elements/RangePicker.d.ts

@@ -10,7 +10,7 @@ export interface IRangeProps extends IBaseCalendarControlProps {
      */
     rangeOptions?: RangeType[];
 }
-export declare type RangeType = 'day' | '3-days' | '2-weeks' | 'week' | 'month';
+export type RangeType = 'day' | '3-days' | '2-weeks' | 'week' | 'month';
 export declare const dateRangeLabel: {
     day: string;
     '3-days': string;
@@ -18,4 +18,4 @@ export declare const dateRangeLabel: {
     '2-weeks': string;
     month: string;
 };
-export declare const RangePicker: React.FC<React.PropsWithChildren<IRangeProps>>;
+export declare const RangePicker: React.FC<IRangeProps>;

package/dist/components/calendar-controls/elements/TodayButton.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 export interface ITodayButtonProps {
     onClick?: () => void;
 }
-export declare const TodayButton: React.FC<React.PropsWithChildren<ITodayButtonProps>>;
+export declare const TodayButton: React.FC<ITodayButtonProps>;

package/dist/components/datepicker/Datepicker.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { RangeType } from '../calendar-controls/elements/RangePicker';
-export declare type LocaleType = 'AU' | 'US' | 'UK';
-declare type CustomInputType = React.InputHTMLAttributes<HTMLInputElement> & {
+export type LocaleType = 'AU' | 'US' | 'UK';
+type CustomInputType = React.InputHTMLAttributes<HTMLInputElement> & {
     onBlurCustom: (event?: React.FocusEvent<HTMLInputElement>) => void;
     openCalendar: (open: boolean) => void;
     onBackspace: () => void;

package/dist/components/dynamic-table/DynamicTable-utils.d.ts

@@ -26,7 +26,7 @@ export declare const getSortArgs: (sortByControl: ControlStates) => {
     manualSortBy: boolean;
 };
 export declare const wrapperProps: ITableWrapper['getWrapperProps'];
-export declare type SortIconProps<T extends object> = Pick<ITableHeaderCell<T>, 'canSort' | 'isSorted' | 'isSortedDesc' | 'getSortByToggleProps' | 'displayType'>;
+export type SortIconProps<T extends object> = Pick<ITableHeaderCell<T>, 'canSort' | 'isSorted' | 'isSortedDesc' | 'getSortByToggleProps' | 'displayType'>;
 export declare const SortIcon: <T extends object>({ canSort, isSorted, isSortedDesc, getSortByToggleProps, displayType }: SortIconProps<T>) => React.JSX.Element;
 export declare const SelectCell: (props: Partial<TableToggleRowsSelectedProps>) => React.JSX.Element;
 export declare const TableHeaderCell: <T extends object>(props: ITableHeaderCell<T>) => React.JSX.Element;

package/dist/components/dynamic-table/DynamicTable.d.ts

@@ -74,6 +74,6 @@ interface IDynamicTableProps<T extends object> {
      */
     TableWrapper?: React.FC<React.PropsWithChildren<ITableWrapper>>;
 }
-export declare type IDynamicTable<T extends object> = Pick<TableOptions<T>, 'getRowId' | 'data' | 'initialState' | 'autoResetSortBy' | 'autoResetSelectedRows' | 'manualRowSelectedKey'> & UseRowClickOptions<T> & IDynamicTableProps<T>;
+export type IDynamicTable<T extends object> = Pick<TableOptions<T>, 'getRowId' | 'data' | 'initialState' | 'autoResetSortBy' | 'autoResetSelectedRows' | 'manualRowSelectedKey'> & UseRowClickOptions<T> & IDynamicTableProps<T>;
 export declare const DynamicTable: <T extends object>(props: IDynamicTable<T>) => React.JSX.Element;
 export {};

package/dist/components/dynamic-table/interfaces.d.ts

@@ -35,14 +35,14 @@ declare module 'react-table' {
 export interface IDynamicTableColumn<T extends object> extends Omit<ColumnInterface<T>, 'Header'>, ColumnInterfaceBasedOnValue<T> {
     Header?: Renderer<HeaderProps<T>> | undefined;
 }
-export declare type ControlStates = 'controlled' | 'uncontrolled' | 'disabled';
-export declare type RowControlStates = 'rowOnly' | 'allRows' | 'disabled';
-export declare type DisplayType = 'expanded' | 'condensed';
+export type ControlStates = 'controlled' | 'uncontrolled' | 'disabled';
+export type RowControlStates = 'rowOnly' | 'allRows' | 'disabled';
+export type DisplayType = 'expanded' | 'condensed';
 export interface ITableHeaderCell<T extends object> extends ColumnInstance<T> {
     sticky: boolean;
     displayType: DisplayType;
 }
-export declare type ICellContentRenderer<T extends object> = Pick<IDynamicTableColumn<T>, 'Header' | 'emptyCellText' | 'id'> & Pick<UseTableCellProps<T>, 'value'>;
+export type ICellContentRenderer<T extends object> = Pick<IDynamicTableColumn<T>, 'Header' | 'emptyCellText' | 'id'> & Pick<UseTableCellProps<T>, 'value'>;
 interface IGetWrapperProps {
     className: string;
 }

package/dist/components/filter-bar/FilterBar.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IFilter, IAppliedFilter as AppliedFilter, IFilterItem as FilterItem, IAddedFilter } from './interfaces';
-export declare type IAppliedFilter<T extends FilterItem> = AppliedFilter<T>;
-export declare type IFilterItem = FilterItem;
+export type IAppliedFilter<T extends FilterItem> = AppliedFilter<T>;
+export type IFilterItem = FilterItem;
 export interface IFilterBarProps<T extends IFilterItem> {
     /**
      * An array of filter options. If a filter item is set to 'static' then it is permanently fixed and unable to be edited.

package/dist/components/filter-bar/filter-pill/FilterPill.d.ts

@@ -7,7 +7,7 @@ interface IFilterPillProps {
     removable?: boolean;
     className?: string;
 }
-export declare type FilterPillProps<T extends IFilterItem> = IFilterPillProps & Omit<IAppliedFilter<T>, 'isReadonly' | 'removable'>;
+export type FilterPillProps<T extends IFilterItem> = IFilterPillProps & Omit<IAppliedFilter<T>, 'isReadonly' | 'removable'>;
 export declare class FilterPill<T extends IFilterItem> extends React.PureComponent<FilterPillProps<T>, {}> {
     static defaultProps: {
         onRemove: (...args: any[]) => void;

package/dist/components/filter-bar/interfaces.d.ts

@@ -1,4 +1,4 @@
-export declare type InputType = 'checkbox' | 'radio';
+export type InputType = 'checkbox' | 'radio';
 export interface IFilterItem {
     id: string;
     name: string;

package/dist/components/forms/ReadOnly.d.ts

@@ -7,5 +7,5 @@ interface IProps extends React.HTMLAttributes<HTMLDivElement> {
     placeholderValue?: string;
     maxContentLength?: number;
 }
-export declare const ReadOnly: React.FC<React.PropsWithChildren<IProps>>;
+export declare const ReadOnly: React.FC<IProps>;
 export {};

package/dist/components/forms/SkedFormValidation.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { FormContext, FormProps, ValidationContext, Transforms, FieldsConfig, CustomValidatorFunction, ValueValidatorConfig } from 'calidation';
 export { Dirty, Errors, Fields, Transform, Transforms, FieldsConfig, Validator, FormContext, CustomValidatorFunction, SimpleValidator, SimpleValidatorConfig, FieldConfig, ValueValidatorConfig, ValueValidator, ValidatorContext } from 'calidation';
-export declare type FormSubmission<T extends object> = FormContext<T>;
-export declare type FormConfig<T extends object> = FieldsConfig<T>;
-export declare type CustomValueValidatorFunction<T extends object, P = any> = (config: ValueValidatorConfig<P, T>) => (value: P) => string | null;
+export type FormSubmission<T extends object> = FormContext<T>;
+export type FormConfig<T extends object> = FieldsConfig<T>;
+export type CustomValueValidatorFunction<T extends object, P = any> = (config: ValueValidatorConfig<P, T>) => (value: P) => string | null;
 interface IBehaviourOptions {
     clickToEdit: boolean;
 }
-export declare type SkedFormChildren<T extends object> = Omit<ValidationContext<T>, 'dirty'> & {
+export type SkedFormChildren<T extends object> = Omit<ValidationContext<T>, 'dirty'> & {
     isFormReadonly: boolean;
     fieldsModified: Set<keyof T>;
     setFormReadonly: (event?: React.FormEvent<HTMLElement>) => void;

package/dist/components/forms/elements/FormElements.d.ts

@@ -6,7 +6,7 @@ interface InputFormValidationProps {
     inputAndInlineLabelWrapperClassName?: string;
     inputRef?: React.Ref<HTMLInputElement>;
 }
-declare type InputSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'full';
+type InputSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'full';
 interface FormElementWrapperProps {
     readOnlyValue?: string;
     isReadOnly?: boolean;
@@ -21,7 +21,7 @@ export interface ValidationProps {
         error?: string | null;
     };
 }
-declare type FormElementProps = InputFormValidationProps & React.InputHTMLAttributes<HTMLInputElement>;
+type FormElementProps = InputFormValidationProps & React.InputHTMLAttributes<HTMLInputElement>;
 /**
  * Standard form inputs should be created using FormElement. It is responsible for creating the type of input you need as well as
  * displaying validation errors. Radio’s and Checkboxes can utilise the inlineLabel prop to show a label inline with the input.
@@ -33,7 +33,7 @@ export declare class FormInputElement extends React.PureComponent<FormElementPro
     withInlineLabel: (inputComponent: React.ReactElement, props: FormElementProps) => React.JSX.Element;
     render(): React.JSX.Element;
 }
-declare type LabelStatus = 'required' | 'optional';
+type LabelStatus = 'required' | 'optional';
 /**
  * Will render a form label and apply ‘required’ styling if required
  */

package/dist/components/forms/elements/NumberInput.d.ts

@@ -13,5 +13,5 @@ interface INumberInputProps extends React.InputHTMLAttributes<HTMLInputElement>
     maxLength?: number;
     precision?: number;
 }
-export declare const NumberInput: React.FunctionComponent<React.PropsWithChildren<INumberInputProps>>;
+export declare const NumberInput: React.FunctionComponent<INumberInputProps>;
 export {};

package/dist/components/forms/elements/PlainAsyncMultiSearchSelect.d.ts

@@ -5,4 +5,4 @@ export interface IPlainAsyncMultiSearchSelectProps {
     fetchItems: (searchTerm: string) => Promise<ISelectItem[]>;
     onSelectedItemsChange: (items: ISelectItem[]) => void;
 }
-export declare const PlainAsyncMultiSearchSelect: React.FC<React.PropsWithChildren<IPlainAsyncMultiSearchSelectProps>>;
+export declare const PlainAsyncMultiSearchSelect: React.FC<IPlainAsyncMultiSearchSelectProps>;

package/dist/components/forms/elements/PlainMultiSearchSelect.d.ts

@@ -13,7 +13,7 @@ interface IPlainMultiSelectProps {
     itemToString?: (item: ISelectItem) => string;
     loading?: boolean;
 }
-export declare const PlainMultiSearchSelect: React.FC<React.PropsWithChildren<IPlainMultiSelectProps>>;
+export declare const PlainMultiSearchSelect: React.FC<IPlainMultiSelectProps>;
 export interface IPlainMenuRendererProps extends IMenuProps {
     items: ISelectItem[];
     isItemSelected: (item: ISelectItem) => boolean;

package/dist/components/forms/elements/SearchSelect.d.ts

@@ -3,4 +3,4 @@ import { ISelectItem, SelectBox } from './interfaces';
 /**
  * A searchable select component. Just like it's native counterpart, only a valid listed option is allowed.
  */
-export declare const SearchSelect: <T extends ISelectItem<any>>({ id, name, items, placeholder, autoFocus, className, icon, onSelectedItemChange, disabled, onMenuToggle, loading, itemToString, ItemRenderer, filterHandler, itemIsValid, getNewItemData, inputProps, ...rest }: SelectBox<T>) => React.JSX.Element;
+export declare const SearchSelect: <T extends ISelectItem<any>>({ id, name, items, placeholder, autoFocus, className, icon, onSelectedItemChange, disabled, onMenuToggle, loading, itemToString, ItemRenderer, filterHandler, itemIsValid, getNewItemData, inputProps: restInputProps, ...rest }: SelectBox<T>) => React.JSX.Element;

package/dist/components/forms/elements/TextArea.d.ts

@@ -21,5 +21,5 @@ interface ITextArea extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
      */
     onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
 }
-export declare const TextArea: React.FunctionComponent<React.PropsWithChildren<ITextArea>>;
+export declare const TextArea: React.FunctionComponent<ITextArea>;
 export {};

package/dist/components/forms/elements/interfaces.d.ts

@@ -59,7 +59,7 @@ interface IAsyncSearchSelect<T extends ISelectItem> {
      */
     useCache?: boolean;
 }
-export declare type CommonComboBoxTypes<T extends ISelectItem> = Pick<UseComboboxProps<T>, 'initialIsOpen' | 'isOpen' | 'initialHighlightedIndex' | 'highlightedIndex'>;
+export type CommonComboBoxTypes<T extends ISelectItem> = Pick<UseComboboxProps<T>, 'initialIsOpen' | 'isOpen' | 'initialHighlightedIndex' | 'highlightedIndex'>;
 interface ISelectBox<T extends ISelectItem> extends ISearchSelect<T> {
     onSelectedItemChange: (item: T) => void;
     /**
@@ -81,13 +81,13 @@ interface ISelectBox<T extends ISelectItem> extends ISearchSelect<T> {
      */
     getNewItemData?: (inputValue: string) => T[];
 }
-export declare type SelectBox<T extends ISelectItem> = ISelectBox<T> & CommonComboBoxTypes<T> & Pick<UseComboboxProps<T>, 'initialSelectedItem' | 'selectedItem'> & {
+export type SelectBox<T extends ISelectItem> = ISelectBox<T> & CommonComboBoxTypes<T> & Pick<UseComboboxProps<T>, 'initialSelectedItem' | 'selectedItem'> & {
     onMenuToggle?: (isOpen: boolean) => void;
     loading?: boolean;
 } & {
     inputProps?: DOMAttributes<HTMLDivElement>;
 };
-export declare type AsyncSelectBox<T extends ISelectItem> = Omit<SelectBox<T>, 'items' | 'itemIsValid' | 'getNewItemData'> & IAsyncSearchSelect<T>;
+export type AsyncSelectBox<T extends ISelectItem> = Omit<SelectBox<T>, 'items' | 'itemIsValid' | 'getNewItemData'> & IAsyncSearchSelect<T>;
 export interface IMultiSearchSelect<T extends ISelectItem> extends ISearchSelect<T> {
     selectAll?: 'enabled' | 'disabled';
     onMenuToggle?: (isOpen: boolean) => void;
@@ -99,10 +99,10 @@ export interface IMultiSearchSelect<T extends ISelectItem> extends ISearchSelect
     onInputValueChange?: UseComboboxProps<T>['onInputValueChange'];
     onSelectedItemsChange: (items: T[]) => void;
 }
-export declare type MultiSearchSelectBox<T extends ISelectItem> = IMultiSearchSelect<T> & CommonComboBoxTypes<T> & Pick<UseMultipleSelectionProps<T>, 'initialSelectedItems' | 'selectedItems'> & {
+export type MultiSearchSelectBox<T extends ISelectItem> = IMultiSearchSelect<T> & CommonComboBoxTypes<T> & Pick<UseMultipleSelectionProps<T>, 'initialSelectedItems' | 'selectedItems'> & {
     loading?: boolean;
 } & {
     getKey?: (item: T) => string;
 };
-export declare type AsyncMultiSearchSelectBox<T extends ISelectItem> = Omit<MultiSearchSelectBox<T>, 'items'> & IAsyncSearchSelect<T>;
+export type AsyncMultiSearchSelectBox<T extends ISelectItem> = Omit<MultiSearchSelectBox<T>, 'items'> & IAsyncSearchSelect<T>;
 export {};

package/dist/components/forms/elements/select-components.d.ts

@@ -16,14 +16,14 @@ interface ISearchSelectTrigger {
     className?: string;
     icon?: IconNames;
 }
-export declare const SearchSelectTrigger: React.FC<React.PropsWithChildren<ISearchSelectTrigger & React.InputHTMLAttributes<HTMLInputElement>>>;
+export declare const SearchSelectTrigger: React.FC<ISearchSelectTrigger & React.InputHTMLAttributes<HTMLInputElement>>;
 export declare const SelectMenu: React.ForwardRefExoticComponent<IMenuProps & React.RefAttributes<HTMLUListElement>>;
 export declare const SelectMenuItem: <T extends ISelectItem<any>>({ item, ItemRenderer, index, highlightedIndex, getItemProps }: ISelectMenuItem<T>) => React.JSX.Element;
 export interface IPlainMultiSelectMenuItemProps extends React.HTMLAttributes<HTMLLIElement> {
     item: ISelectItem;
     isSelected: boolean;
 }
-export declare const PlainMultiSelectMenuItem: React.FC<React.PropsWithChildren<IPlainMultiSelectMenuItemProps>>;
+export declare const PlainMultiSelectMenuItem: React.FC<IPlainMultiSelectMenuItemProps>;
 export declare const MultiSelectMenuItem: <T extends ISelectItem<any>>({ item, ItemRenderer, isSelected, index, highlightedIndex, getItemProps }: ISelectMenuItem<T> & {
     isSelected: boolean;
 }) => React.JSX.Element;

package/dist/components/forms/elements/select-hooks.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Modifier, StrictModifier } from 'react-popper';
-declare type MatchTriggerWidthModifer = Modifier<'matchTriggerWidth', {}>;
-declare type CustomModifiers = MatchTriggerWidthModifer;
+type MatchTriggerWidthModifer = Modifier<'matchTriggerWidth', {}>;
+type CustomModifiers = MatchTriggerWidthModifer;
 interface IUseSelectPopperConfigReturnType {
     selectPopperModifiers: (StrictModifier | CustomModifiers)[];
 }

package/dist/components/icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import icons from './iconPaths';
-export declare type IconNames = keyof typeof icons;
+export type IconNames = keyof typeof icons;
 interface IProps extends React.SVGAttributes<SVGElement> {
     /**
      * Name of the icon

package/dist/components/info-card/InfoCardBody.d.ts

@@ -9,5 +9,5 @@ interface IInfoCardBody {
      */
     exception?: React.ReactNode;
 }
-export declare const InfoCardBody: React.FC<React.PropsWithChildren<IInfoCardBody & React.HTMLAttributes<HTMLDivElement>>>;
+export declare const InfoCardBody: React.FC<IInfoCardBody & React.HTMLAttributes<HTMLDivElement>>;
 export {};

package/dist/components/info-card/InfoCardFooter.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const InfoCardFooter: React.FC<React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>>;
+export declare const InfoCardFooter: React.FC<React.HTMLAttributes<HTMLDivElement>>;

package/dist/components/info-card/InfoCardHeader.d.ts

@@ -7,5 +7,5 @@ interface IInfoCardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     onView?: ICardActionMenu['onView'];
     actions?: ICardActionMenu['menuItems'];
 }
-export declare const InfoCardHeader: React.FC<React.PropsWithChildren<IInfoCardHeaderProps>>;
+export declare const InfoCardHeader: React.FC<IInfoCardHeaderProps>;
 export {};

package/dist/components/loader/Loading.d.ts

@@ -12,5 +12,5 @@ interface IProps {
 /**
  * Loading indicator for lists
  */
-export declare const Loading: React.FunctionComponent<React.PropsWithChildren<IProps>>;
+export declare const Loading: React.FunctionComponent<IProps>;
 export {};

package/dist/components/loader/spinner/LoadingSpinner.d.ts

@@ -17,5 +17,5 @@ interface ILoadingSpinnerProps {
  * Loading Spinner inherits the color used in the parent element.
  * It accepts a size prop which defines the size of the spinner in px.
  */
-export declare const LoadingSpinner: React.FC<React.PropsWithChildren<ILoadingSpinnerProps>>;
+export declare const LoadingSpinner: React.FC<ILoadingSpinnerProps>;
 export {};

package/dist/components/lozenge/CustomLozenge.d.ts

@@ -16,6 +16,6 @@ interface ICustomLozenge {
     icon?: IconNames;
     tooltipPosition?: ITooltipPosition;
 }
-declare type LozengeProps = ICustomLozenge & React.HTMLAttributes<HTMLDivElement>;
-export declare const CustomLozenge: React.FC<React.PropsWithChildren<LozengeProps>>;
+type LozengeProps = ICustomLozenge & React.HTMLAttributes<HTMLDivElement>;
+export declare const CustomLozenge: React.FC<LozengeProps>;
 export {};

package/dist/components/lozenge/Lozenge.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { IconNames } from '../icon/Icon';
 import { ITooltipPosition } from '../popups/tooltip/Tooltip';
-export declare type LozengeColors = 'neutral-light' | 'neutral' | 'orange' | 'green' | 'cyan' | 'red' | 'sapphire' | 'purple' | 'purple-dark' | 'purple-darker';
-export declare type LozengeTheme = 'transparent' | 'pale' | 'solid';
+export type LozengeColors = 'neutral-light' | 'neutral' | 'orange' | 'green' | 'cyan' | 'red' | 'sapphire' | 'purple' | 'purple-dark' | 'purple-darker';
+export type LozengeTheme = 'transparent' | 'pale' | 'solid';
 interface ILozenge {
     label: string;
     color: LozengeColors;
@@ -17,6 +17,6 @@ interface ILozenge {
     icon?: IconNames;
     tooltipPosition?: ITooltipPosition;
 }
-declare type LozengeProps = ILozenge & React.HTMLAttributes<HTMLDivElement>;
-export declare const Lozenge: React.FC<React.PropsWithChildren<LozengeProps>>;
+type LozengeProps = ILozenge & React.HTMLAttributes<HTMLDivElement>;
+export declare const Lozenge: React.FC<LozengeProps>;
 export {};

package/dist/components/menus/actionmenu/ActionMenu.d.ts

@@ -10,4 +10,4 @@ export interface IActionMenu extends Omit<IconButtonDropdown, 'icon' | 'tooltipC
 /**
  * ActionMenu is a utility component for generating a menu triggered from an ellipse icon
  */
-export declare const ActionMenu: React.FC<React.PropsWithChildren<IActionMenu>>;
+export declare const ActionMenu: React.FC<IActionMenu>;

package/dist/components/menus/cardactionmenu/CardActionMenu.d.ts

@@ -7,4 +7,4 @@ export interface ICardActionMenu extends Partial<Pick<IActionMenu, 'menuItems'>>
 /**
  * CardActionMenu is used for InfoCards
  */
-export declare const CardActionMenu: React.FC<React.PropsWithChildren<ICardActionMenu>>;
+export declare const CardActionMenu: React.FC<ICardActionMenu>;

package/dist/components/modals/Modals.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type ModalContentProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'datatype'>;
+type ModalContentProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'datatype'>;
 interface IDynamicModal {
     header?: JSX.Element;
     footer?: JSX.Element;

package/dist/components/pagination/Pagination.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { IPagination } from './interfaces';
-export declare const Pagination: React.FC<React.PropsWithChildren<IPagination>>;
+export declare const Pagination: React.FC<IPagination>;

package/dist/components/pagination/PaginationCount/PaginationCount.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { IPagination } from '../interfaces';
-export declare const PaginationCount: React.FC<React.PropsWithChildren<IPagination>>;
+export declare const PaginationCount: React.FC<IPagination>;

package/dist/components/pagination/PaginationPages/PaginationPages.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { IPagination } from '../interfaces';
-export declare const Arrow: React.FC<React.PropsWithChildren<{
+export declare const Arrow: React.FC<{
     direction: 'left' | 'right';
     disable: boolean;
     onClick: (event: React.MouseEvent) => void;
-}>>;
-export declare const Ellipsis: React.FC<React.PropsWithChildren<unknown>>;
+}>;
+export declare const Ellipsis: () => React.JSX.Element;
 export declare const Page: React.FC<React.PropsWithChildren<{
     pageNo: number;
     isCurrent: boolean;
     onClick?: (event: React.MouseEvent) => void;
 }>>;
-export declare const PaginationPages: React.FC<React.PropsWithChildren<IPagination>>;
+export declare const PaginationPages: React.FC<IPagination>;

package/dist/components/popout/PopOut.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IPopOutBase } from './PopOutBase';
-declare type IPopOutBaseSubset = Omit<IPopOutBase, 'visible' | 'trigger' | 'children'>;
+type IPopOutBaseSubset = Omit<IPopOutBase, 'visible' | 'trigger' | 'children'>;
 export interface IPopOutProps extends IPopOutBaseSubset {
     /**
      * The element you are rendering the content from

package/dist/components/popout/usePopOut.d.ts

@@ -1,5 +1,5 @@
 import { IPopOutProps } from './PopOut';
-declare type UsePopOutProps = Pick<IPopOutProps, 'delayShow' | 'preventShow' | 'onClose' | 'openOnMount'>;
+type UsePopOutProps = Pick<IPopOutProps, 'delayShow' | 'preventShow' | 'onClose' | 'openOnMount'>;
 export declare const usePopOut: ({ delayShow, preventShow, onClose, openOnMount }: UsePopOutProps) => {
     visible: boolean;
     openPopOut: () => void;

package/dist/components/popups/info-window/InfoWindow.d.ts

@@ -11,9 +11,9 @@ export interface IRequiredProps {
      */
     position: IPopOutProps['placement'];
 }
-export declare type IPopOutPropsSubset = IRequiredProps & Omit<IPopOutProps, 'children' | 'trigger' | 'showArrow'>;
-export declare type IInfoWindowEvent = 'click' | 'mount';
-export declare type IInfoWindowProps = IPopOutPropsSubset & {
+export type IPopOutPropsSubset = IRequiredProps & Omit<IPopOutProps, 'children' | 'trigger' | 'showArrow'>;
+export type IInfoWindowEvent = 'click' | 'mount';
+export type IInfoWindowProps = IPopOutPropsSubset & {
     children: React.ReactNode;
     /**
      * Event type used to trigger the info window, 'hover' is now deprecated

package/dist/components/popups/info-window/LegacyInfoWindow.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IAnchorScores, ICursorOptions, ICursorPoints, Position } from './info-window-utils';
-declare type ILegacyInfoWindowEvent = 'click' | 'hover' | 'mount';
+type ILegacyInfoWindowEvent = 'click' | 'hover' | 'mount';
 interface IInfoWindowStyles<T> {
     triangleStyles: {
         top: T;
@@ -21,7 +21,7 @@ export interface ILegacyInfoWindowRequiredProps {
      */
     position: Position;
 }
-export declare type ILegacyInfoWindowProps = ILegacyInfoWindowRequiredProps & {
+export type ILegacyInfoWindowProps = ILegacyInfoWindowRequiredProps & {
     children?: React.ReactNode;
     /**
      * ILegacyInfoWindowEvent type used to trigger the info window

package/dist/components/popups/info-window/info-window-utils.d.ts

@@ -6,7 +6,7 @@ export interface ICursorOptions {
     rule: 'follow' | 'follow-x' | 'follow-y';
     keepOnMouseMove?: boolean;
 }
-export declare type Position = 'top' | 'right' | 'bottom' | 'left';
+export type Position = 'top' | 'right' | 'bottom' | 'left';
 export declare const getPositionEvalOrder: (position: Position) => Position[];
 interface IAnchorPoint {
     position: Position;

package/dist/components/popups/tooltip/Tooltip.d.ts

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { ILegacyInfoWindowProps } from '../info-window/LegacyInfoWindow';
 import { Position } from '../info-window/info-window-utils';
 import './tooltip.scss';
-export declare type ITooltipPosition = Position;
-declare type IColorScheme = 'dark' | 'light';
-declare type IAlignStyle = 'center' | 'left' | 'right';
+export type ITooltipPosition = Position;
+type IColorScheme = 'dark' | 'light';
+type IAlignStyle = 'center' | 'left' | 'right';
 export interface ITooltipProps extends ILegacyInfoWindowProps {
     /**
      * Colour scheme for the tooltip content.  Available options are 'dark' and 'light'

package/dist/components/status-icon/StatusIcon.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type StatusType = 'general' | 'success' | 'warning' | 'error';
+type StatusType = 'general' | 'success' | 'warning' | 'error';
 export interface IStatusIconProps {
     /**
      * The type of status. (general, success, warning or error)