@nulogy/components 8.14.3 → 8.14.5

package/dist/src/Table/BaseTable.story.d.ts

@@ -1,69 +1,70 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const WithData: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithNoData: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithStickyHeader: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithLotsOfRowsAndColumns: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomColumnWidths: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithACustomCellComponent: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCellAlignment: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithACellFormatter: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithACustomColumnLabelComponent: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithFullWidthSection: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAFooter: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Table/SortingColumnHeader.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import PropTypes from "prop-types";
 declare const SortingColumnHeader: {
     ({ onChange, label, ascending, active, ariaLabel }: {
@@ -6,7 +7,7 @@ declare const SortingColumnHeader: {
         ascending: any;
         active: any;
         ariaLabel: any;
-    }): JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         onChange: PropTypes.Validator<(...args: any[]) => any>;
         ariaLabel: PropTypes.Requireable<string>;

package/dist/src/Table/SortingColumnHeader.story.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _SortingHeader: () => JSX.Element;
+export declare const _SortingHeader: () => React.JSX.Element;

package/dist/src/Table/StatefulTable.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "react";
+import React, { Component } from "react";
 import { BaseTableProps } from "./BaseTable";
 export type StatefulTableProps = BaseTableProps & {
     selectedRows?: string[];
@@ -105,6 +105,6 @@ declare class StatefulTable extends Component<StatefulTableProps, StatefulTableS
         onSelectHeader?: (...args: any[]) => any;
         isHeaderSelected?: any;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default StatefulTable;

package/dist/src/Table/Table.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { StatefulTableProps } from "./StatefulTable";
 import { ColumnType, RowType, CellInfoType } from "./Table.types";
 export type TableProps = StatefulTableProps;
@@ -5,7 +6,7 @@ export type TableColumnType = ColumnType;
 export type TableRowType = RowType;
 export type TableCellInfoType = CellInfoType;
 declare const Table: {
-    ({ hasSelectableRows, rowsPerPage, hasExpandableRows, selectedRows, onRowSelectionChange, onRowExpansionChange, onPageChange, selectAllAriaLabel, deselectAllAriaLabel, paginationCss, paginationProps, ...props }: TableProps): JSX.Element;
+    ({ hasSelectableRows, rowsPerPage, hasExpandableRows, selectedRows, onRowSelectionChange, onRowExpansionChange, onPageChange, selectAllAriaLabel, deselectAllAriaLabel, paginationCss, paginationProps, ...props }: TableProps): React.JSX.Element;
     SortingHeader: {
         ({ onChange, label, ascending, active, ariaLabel }: {
             onChange: any;
@@ -13,7 +14,7 @@ declare const Table: {
             ascending: any;
             active: any;
             ariaLabel: any;
-        }): JSX.Element;
+        }): React.JSX.Element;
         propTypes: {
             onChange: import("prop-types").Validator<(...args: any[]) => any>;
             ariaLabel: import("prop-types").Requireable<string>;

package/dist/src/Table/Table.story.d.ts

@@ -1,17 +1,18 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const WithPagination: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithEverything: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithOnHoverActions: () => JSX.Element;
+export declare const WithOnHoverActions: () => React.JSX.Element;

package/dist/src/Table/TableBody.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 type TableBodyProps = {
     rows: any[];
     columns: any[];
@@ -9,5 +10,5 @@ type TableBodyProps = {
     onRowMouseLeave?: any;
     onRowMouseEnter?: any;
 };
-declare const TableBody: ({ rows, columns, keyField, noRowsContent, loading, rowHovers, compact, onRowMouseLeave, onRowMouseEnter, }: TableBodyProps) => JSX.Element;
+declare const TableBody: ({ rows, columns, keyField, noRowsContent, loading, rowHovers, compact, onRowMouseLeave, onRowMouseEnter, }: TableBodyProps) => React.JSX.Element;
 export default TableBody;

package/dist/src/Table/TableFoot.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import PropTypes from "prop-types";
 declare const TableFoot: {
     ({ columns, rows, keyField, loading, compact }: {
@@ -6,7 +7,7 @@ declare const TableFoot: {
         keyField: any;
         loading: any;
         compact: any;
-    }): JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         columns: PropTypes.Validator<PropTypes.InferProps<{
             align: PropTypes.Requireable<string>;

package/dist/src/Table/TableWithCustomSorting.story.d.ts

@@ -1,9 +1,10 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const WithCustomSorting: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Table/TableWithExpandableRows.story.d.ts

@@ -2,13 +2,13 @@ declare namespace _default {
     const title: string;
 }
 export default _default;
-export function WithExpandableRows(): JSX.Element;
+export function WithExpandableRows(): React.JSX.Element;
 export namespace WithExpandableRows {
     namespace story {
         const name: string;
     }
 }
-export function WithRowsExpandedByDefault(): JSX.Element;
+export function WithRowsExpandedByDefault(): React.JSX.Element;
 export namespace WithRowsExpandedByDefault {
     export namespace story_1 {
         const name_1: string;
@@ -16,3 +16,4 @@ export namespace WithRowsExpandedByDefault {
     }
     export { story_1 as story };
 }
+import React from "react";

package/dist/src/Table/TableWithFiltering.story.d.ts

@@ -1,15 +1,16 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const WithFiltering: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithFilteringAndPagination: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Table/TableWithSelectableRows.story.d.ts

@@ -1,15 +1,16 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const WithSelectableRows: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithPreselectedRows: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Table/TableWithServerSidePagination.story.d.ts

@@ -1,9 +1,10 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const WithServerSidePagination: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Tabs/TabScrollIndicators.d.ts

@@ -25,6 +25,6 @@ declare class TabScrollIndicators extends React.Component<TabScrollIndicatorsPro
     conditionallyUpdateState(): void;
     handleIndicatorClick(side: any): void;
     applyScrollLeft(scrollLeft: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default TabScrollIndicators;

package/dist/src/Tabs/Tabs.d.ts

@@ -19,8 +19,8 @@ declare class Tabs extends React.Component<TabsProps, TabsState> {
     constructor(props: any);
     getSelectedIndex(): any;
     getTabs(setFocusToTab: any, focusedIndex: any, handleArrowNavigation: any): React.DetailedReactHTMLElement<any, HTMLElement>[];
-    getTabContent(): JSX.Element[];
+    getTabContent(): React.JSX.Element[];
     handleTabClick(index: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Tabs;

package/dist/src/Tabs/Tabs.story.d.ts

@@ -1,29 +1,30 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Tabs: () => JSX.Element;
+export declare const _Tabs: () => React.JSX.Element;
 export declare const WithADefaultSelectedIndex: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithOtherInteractiveElements: () => JSX.Element;
+export declare const WithOtherInteractiveElements: () => React.JSX.Element;
 export declare const SetToFitted: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithAllTabStates: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithScrollingTabs: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
         parameters: {
@@ -34,22 +35,22 @@ export declare const WithScrollingTabs: {
     };
 };
 export declare const Controlled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithInputs: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithContentLoadedOnSelection: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithConditionallyRenderedTabs: () => JSX.Element;
-export declare const WithDifferentSizes: () => JSX.Element;
+export declare const WithConditionallyRenderedTabs: () => React.JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;

package/dist/src/Textarea/StyledTextarea.d.ts

@@ -11,7 +11,7 @@ export type StyledTextareaProps = React.ComponentPropsWithRef<"textarea"> & Spac
     rows?: number;
     isResizeable?: boolean;
 };
-declare const StyledTextarea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "key" | keyof React.TextareaHTMLAttributes<HTMLTextAreaElement>> & {
+declare const StyledTextarea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
     ref?: React.Ref<HTMLTextAreaElement>;
 } & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     size?: ComponentSize;

package/dist/src/Textarea/Textarea.story.d.ts

@@ -1,14 +1,15 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Textarea: () => JSX.Element;
-export declare const TextareaWithAllProps: () => JSX.Element;
-export declare const SetToDisabled: () => JSX.Element;
-export declare const WithNoResizing: () => JSX.Element;
-export declare const WithErrorMessage: () => JSX.Element;
-export declare const WithErrorList: () => JSX.Element;
-export declare const WithCustomNumberOfRows: () => JSX.Element;
-export declare const WithCustomId: () => JSX.Element;
-export declare const UsingRefToControlFocus: () => JSX.Element;
-export declare const WithDifferentSizes: () => JSX.Element;
+export declare const _Textarea: () => React.JSX.Element;
+export declare const TextareaWithAllProps: () => React.JSX.Element;
+export declare const SetToDisabled: () => React.JSX.Element;
+export declare const WithNoResizing: () => React.JSX.Element;
+export declare const WithErrorMessage: () => React.JSX.Element;
+export declare const WithErrorList: () => React.JSX.Element;
+export declare const WithCustomNumberOfRows: () => React.JSX.Element;
+export declare const WithCustomId: () => React.JSX.Element;
+export declare const UsingRefToControlFocus: () => React.JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;

package/dist/src/TimePicker/TimePicker.story.d.ts

@@ -1,65 +1,66 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const Default: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomTimeFormat: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomTimeInterval: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomPlaceholder: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const disabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithErrorState: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithMinAndMaxTime: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithValue: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const UsingRefToControlFocus: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const WithDifferentSizes: () => JSX.Element;
+export declare const WithDifferentSizes: () => React.JSX.Element;

package/dist/src/TimePicker/TimePickerInput.d.ts

@@ -11,12 +11,11 @@ declare const TimePickerInput: import("styled-components").StyledComponent<impor
     accept?: string;
     alt?: string;
     autoComplete?: string;
-    autoFocus?: boolean;
-    capture?: string | boolean;
+    capture?: boolean | "user" | "environment";
     checked?: boolean;
-    crossOrigin?: string;
+    crossOrigin?: "" | "anonymous" | "use-credentials";
     disabled?: boolean;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send";
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
     formAction?: string;
     formEncType?: string;
     formMethod?: string;
@@ -35,7 +34,7 @@ declare const TimePickerInput: import("styled-components").StyledComponent<impor
     required?: boolean;
     src?: string;
     step?: string | number;
-    type?: string;
+    type?: import("react").HTMLInputTypeAttribute;
     value?: string | number | readonly string[];
     width?: string | number;
     onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
@@ -44,25 +43,30 @@ declare const TimePickerInput: import("styled-components").StyledComponent<impor
     suppressContentEditableWarning?: boolean;
     suppressHydrationWarning?: boolean;
     accessKey?: string;
+    autoFocus?: boolean;
     className?: string;
-    contentEditable?: "inherit" | (boolean | "true" | "false");
+    contentEditable?: (boolean | "true" | "false") | "inherit";
     contextMenu?: string;
     dir?: string;
     draggable?: boolean | "true" | "false";
     hidden?: boolean;
     id?: string;
     lang?: string;
+    nonce?: string;
     spellCheck?: boolean | "true" | "false";
     tabIndex?: number;
     translate?: "yes" | "no";
     radioGroup?: string;
     role?: import("react").AriaRole;
     about?: string;
+    content?: string;
     datatype?: string;
     inlist?: any;
     prefix?: string;
     property?: string;
+    rel?: string;
     resource?: string;
+    rev?: string;
     typeof?: string;
     vocab?: string;
     autoCapitalize?: string;
@@ -77,7 +81,7 @@ declare const TimePickerInput: import("styled-components").StyledComponent<impor
     results?: number;
     security?: string;
     unselectable?: "on" | "off";
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+    inputMode?: "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal";
     is?: string;
     'aria-activedescendant'?: string;
     'aria-atomic'?: boolean | "true" | "false";
@@ -88,7 +92,7 @@ declare const TimePickerInput: import("styled-components").StyledComponent<impor
     'aria-colindex'?: number;
     'aria-colspan'?: number;
     'aria-controls'?: string;
-    'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date";
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location";
     'aria-describedby'?: string;
     'aria-details'?: string;
     'aria-disabled'?: boolean | "true" | "false";
@@ -129,7 +133,7 @@ declare const TimePickerInput: import("styled-components").StyledComponent<impor
     'aria-valuetext'?: string;
     children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     };
     onCopy?: import("react").ClipboardEventHandler<HTMLInputElement>;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement>;

package/dist/src/TimeRange/TimeRange.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
-declare const TimeRange: React.ForwardRefExoticComponent<Pick<SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
+declare const TimeRange: React.ForwardRefExoticComponent<Omit<SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     size?: ComponentSize;
     timeFormat?: string;
     onRangeChange?: Function;
@@ -20,5 +20,5 @@ declare const TimeRange: React.ForwardRefExoticComponent<Pick<SpaceProps<Require
     endAriaLabel?: string;
     endTimeProps?: any;
     startTimeProps?: any;
-}, "timeFormat" | "onRangeChange" | "onStartTimeChange" | "onEndTimeChange" | "errorMessage" | "defaultStartTime" | "defaultEndTime" | "disableRangeValidation" | "labelProps" | "minTime" | "maxTime" | "interval" | "startAriaLabel" | "endAriaLabel" | "endTimeProps" | "startTimeProps" | "size" | keyof SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>> & React.RefAttributes<unknown>>;
+}, "ref"> & React.RefAttributes<unknown>>;
 export default TimeRange;

package/dist/src/TimeRange/TimeRange.story.d.ts

@@ -1,33 +1,34 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const Default: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const DefaultSelections: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithRangeValidation: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithMinAndMaxTimeRange: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const UsingRefToControlFocus: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/Toast/Toast.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { AlertProps } from "../Alert/Alert";
 type ToastProps = AlertProps & {
     triggered?: boolean;
@@ -32,7 +33,7 @@ export declare const toastAnimationConfig: {
     };
 };
 export declare const Toast: {
-    ({ triggered, onHide, onShow, isCloseable, children, showDuration, onHidden, zIndex, ...props }: ToastProps): JSX.Element;
+    ({ triggered, onHide, onShow, isCloseable, children, showDuration, onHidden, zIndex, ...props }: ToastProps): React.JSX.Element;
     defaultProps: {
         triggered: boolean;
         isCloseable: boolean;