@nulogy/components 8.14.2 → 8.14.4

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;

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

@@ -1,40 +1,41 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Toast: () => JSX.Element;
+export declare const _Toast: () => React.JSX.Element;
 export declare const _MultipleToastsExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const CustomizeLengthOfTimeToastIsVisible: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCloseButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithModal: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const CloseableWithMultiLineMessage: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const MultipleCloseableToastsExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/src/ToastContainer/ToastContainer.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ToasterProps } from "react-hot-toast";
 import { ToastOptions } from "./ToastFunction";
 type ToastContainerProps = {
@@ -6,7 +7,7 @@ type ToastContainerProps = {
     toastOptions?: ToastOptions;
 } & Omit<ToasterProps, "gutter" | "toastOptions">;
 declare const ToastContainer: {
-    ({ gap, maxVisibleToasts, toastOptions, ...props }: ToastContainerProps): JSX.Element;
+    ({ gap, maxVisibleToasts, toastOptions, ...props }: ToastContainerProps): React.JSX.Element;
     defaultProps: {
         position: string;
         reverseOrder: boolean;

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

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

package/dist/src/Toggle/Toggle.d.ts

@@ -24,7 +24,7 @@ declare const ToggleComponent: React.ForwardRefExoticComponent<SpaceProps<Requir
 } & {
     defaultToggled?: boolean;
     onClick?: boolean;
-} & React.RefAttributes<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+} & React.RefAttributes<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     ref?: React.Ref<HTMLInputElement>;
 }>>;
 export default ToggleComponent;

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

@@ -1,48 +1,49 @@
-export declare const WithDifferentSizes: () => JSX.Element;
+import React from "react";
+export declare const WithDifferentSizes: () => React.JSX.Element;
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _Toggle: () => JSX.Element;
+export declare const _Toggle: () => React.JSX.Element;
 export declare const ToggleWithAllProps: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ToggleSetToDefaultToggled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ToggleSetToDisabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithCustomId: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const WithLongText: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const ControlledToggle: () => JSX.Element;
+export declare const ControlledToggle: () => React.JSX.Element;
 export declare const UsingRefToControlFocus: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -1,13 +1,14 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Colors: () => JSX.Element;
-export declare const FontSizes: () => JSX.Element;
-export declare const LineHeights: () => JSX.Element;
-export declare const FontWeights: () => JSX.Element;
-export declare const SpaceAndSize: () => JSX.Element;
-export declare const Font: () => JSX.Element;
-export declare const Shadows: () => JSX.Element;
-export declare const Radii: () => JSX.Element;
-export declare const Breakpoints: () => JSX.Element;
+export declare const Colors: () => React.JSX.Element;
+export declare const FontSizes: () => React.JSX.Element;
+export declare const LineHeights: () => React.JSX.Element;
+export declare const FontWeights: () => React.JSX.Element;
+export declare const SpaceAndSize: () => React.JSX.Element;
+export declare const Font: () => React.JSX.Element;
+export declare const Shadows: () => React.JSX.Element;
+export declare const Radii: () => React.JSX.Element;
+export declare const Breakpoints: () => React.JSX.Element;