@nulogy/components 8.11.1 → 8.13.0

package/dist/src/Alert/Alert.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
-import { BoxProps } from "../Box/Box";
+import { FlexProps } from "../Flex/Flex";
 type NotificationType = "danger" | "informative" | "success" | "warning";
-export type AlertProps = BoxProps & React.HTMLProps<HTMLDivElement> & {
+export type AlertProps = FlexProps & {
     isCloseable?: boolean;
     closeAriaLabel?: string;
     title?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Alert/CloseButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type CloseButtonProps = {
     onClick: any;
     "aria-label": string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WithCallToAction: () => JSX.Element;
 export declare const Dismissible: () => JSX.Element;
 export declare const AboveTheNavbar: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/BrandedNavBar/NavBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const NAVBAR_HEIGHT = "56px";
 type BaseNavBarProps = {
     menuData?: any;

package/dist/src/BrandedNavBar/NavBar.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/BrandedNavBar/NulogyLogo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const NulogyLogo: () => JSX.Element;
 export default NulogyLogo;

package/dist/src/BrandedNavBar/NulogyLogoContainer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type NulogyLogoContainerProps = {
     subText?: string;
     height?: string;

package/dist/src/BrandedNavBar/SmallNavBar.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     parameters: {

package/dist/src/Branding/Branding.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type BrandingProps = {
     logoType?: "wordmark" | "lettermark";
     logoColor?: "blue" | "white";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Button/ControlIcon.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Button/IconicButton.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Checkbox/CheckboxGroup.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/DatePicker/DatePicker.d.ts

@@ -1,9 +1,12 @@
 import React from "react";
+import type { ReactDatePickerProps } from "react-datepicker";
 import { FieldProps } from "../Form/Field";
 type DatePickerProps = FieldProps & {
     selected?: any;
     dateFormat?: string;
-    onChange?: (...args: any[]) => any;
+    onChange?: ReactDatePickerProps["onChange"];
+    onBlur?: ReactDatePickerProps["onBlur"];
+    onFocus?: ReactDatePickerProps["onFocus"];
     onInputChange?: (...args: any[]) => any;
     inputProps?: any;
     errorMessage?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/DatePicker/DatePickerInput.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
 type DatePickerInputProps = {
+    onBlur?: React.ComponentPropsWithRef<"input">["onBlur"];
+    onFocus?: React.ComponentPropsWithRef<"input">["onFocus"];
     onClick?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
     onUpKeyPress?: (...args: any[]) => any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Divider/Divider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from "../Box/Box";
 type DividerProps = BoxProps;
 declare const Divider: ({ borderColor, ...props }: DividerProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: ({ borderColor, ...props }: import("../Box/Box").BoxProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/FieldLabel/FieldLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldLabelProps } from "./FieldLabel.type";
 declare const FieldLabel: {
     ({ labelText, requirementText, helpText, children, ...props }: FieldLabelProps): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/FieldLabel/MaybeFieldLabel.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const MaybeFieldLabel: ({ labelText, children, ...props }: any) => JSX.Element;
 export default MaybeFieldLabel;

package/dist/src/FieldLabel/RequirementText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextProps } from "../Type/Text";
 declare const RequirementText: (props: TextProps) => JSX.Element;
 export default RequirementText;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Input/Prefix.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextProps } from "../Type/Text";
 type PrefixProps = TextProps & {
     prefix?: string;

package/dist/src/Input/Suffix.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextProps } from "../Type/Text";
 type SuffixProps = TextProps & {
     suffix?: string;

package/dist/src/Layout/ApplicationFrame.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     parameters: {

package/dist/src/Layout/Header.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Default: () => JSX.Element;
 export declare const WithActions: () => JSX.Element;
 export declare const WithSubTitle: () => JSX.Element;

package/dist/src/Layout/Page.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     parameters: {

package/dist/src/Layout/Sidebar.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     parameters: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/NDSProvider/NDSProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ThemeType } from "../theme.type";
 type NDSProviderProps = {
     theme?: ThemeType;

package/dist/src/NDSProvider/renderWithNDSProvider.spec-utils.d.ts

@@ -1 +1 @@
-export function renderWithNDSProvider(component: any, locale?: string): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries")>;
+export function renderWithNDSProvider(component: any, locale?: string): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;

package/dist/src/NavBar/DesktopMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const DesktopMenu: import("styled-components").StyledComponent<{
     ({ menuData, themeColorObject, ...props }: {

package/dist/src/NavBar/MenuTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 export type MenuTriggerProps = {
     name?: string;

package/dist/src/NavBar/MobileMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const MobileMenu: import("styled-components").StyledComponent<{
     ({ menuData, closeMenu, subtext, includeSubtext, themeColorObject, ...props }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/NavBar/SubMenuTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const SubMenuTrigger: {
     (props: any): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Pagination/NextButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const NextButton: {
     ({ disabled, onClick, label, "aria-label": ariaLabel }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Pagination/PreviousButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const PreviousButton: {
     ({ disabled, onClick, label, "aria-label": ariaLabel }: any): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Radio/RadioGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface RadioGroupProps {
     className?: string;
     id?: string;

package/dist/src/Radio/RadioGroup.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     parameters: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

package/dist/src/Select/SelectComponents.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SelectControl: (props: any) => JSX.Element;
 export declare const SelectMultiValue: (props: any) => JSX.Element;
 export declare const SelectClearIndicator: (props: any) => JSX.Element;

package/dist/src/Select/SelectOption.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SelectOption: (props: any) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function Default(): JSX.Element;
 export declare function WithMainInfoOnly(): JSX.Element;
 declare const _default: {

package/dist/src/Summary/SummaryDivider.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SummaryDivider: (props: any) => JSX.Element;
 export default SummaryDivider;

package/dist/src/Switcher/Switch.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WithSelectedValue: () => JSX.Element;
 export declare const WithOtherInteractiveElements: () => JSX.Element;
 export declare const WithContent: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const SortingColumnHeader: {
     ({ onChange, label, ascending, active, ariaLabel }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StatefulTableProps } from "./StatefulTable";
 import { ColumnType, RowType, CellInfoType } from "./Table.types";
 export type TableProps = StatefulTableProps;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type TableBodyProps = {
     rows: any[];
     columns: any[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const TableFoot: {
     ({ columns, rows, keyField, loading, compact }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -1,21 +1,44 @@
-/// <reference types="react" />
 import { AlertProps } from "../Alert/Alert";
 type ToastProps = AlertProps & {
     triggered?: boolean;
-    onShow?: (...args: any[]) => any;
-    onHide?: (...args: any[]) => any;
+    isCloseable?: boolean;
     showDuration?: number;
-    onHidden?: (...args: any[]) => any;
+    onShow?: () => void;
+    onHide?: () => void;
+    onHidden?: () => void;
+};
+export declare const TOAST_SHOW_DURATION = 2000;
+export declare const toastAnimationConfig: {
+    initial: {
+        opacity: number;
+        y: number;
+    };
+    animate: {
+        opacity: number;
+        y: number;
+        transition: {
+            type: string;
+            bounce: number;
+            duration: number;
+        };
+    };
+    exit: {
+        y: number;
+        opacity: number;
+        transition: {
+            ease: string;
+            duration: number;
+        };
+    };
 };
 export declare const Toast: {
     ({ triggered, onHide, onShow, isCloseable, children, showDuration, onHidden, zIndex, ...props }: ToastProps): JSX.Element;
     defaultProps: {
         triggered: boolean;
-        onShow: () => void;
-        onHide: () => void;
-        children: any;
         isCloseable: boolean;
         showDuration: number;
+        onShow: () => void;
+        onHide: () => void;
         onHidden: () => void;
     };
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };

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

@@ -0,0 +1,20 @@
+import { ToasterProps } from "react-hot-toast";
+import { ToastOptions } from "./ToastFunction";
+type ToastContainerProps = {
+    gap?: number;
+    maxVisibleToasts?: number;
+    toastOptions?: ToastOptions;
+} & Omit<ToasterProps, "gutter" | "toastOptions">;
+declare const ToastContainer: {
+    ({ gap, maxVisibleToasts, toastOptions, ...props }: ToastContainerProps): JSX.Element;
+    defaultProps: {
+        position: string;
+        reverseOrder: boolean;
+        containerClassName: string;
+        toastOptions: {
+            duration: number;
+        };
+        maxVisibleToasts: number;
+    };
+};
+export default ToastContainer;

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

@@ -0,0 +1,5 @@
+export declare const WithEverything: () => JSX.Element;
+declare const _default: {
+    title: string;
+};
+export default _default;