@nulogy/components 8.12.0 → 8.13.0

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,4 +1,3 @@
-/// <reference types="react" />
 import { AlertProps } from "../Alert/Alert";
 type ToastProps = AlertProps & {
     triggered?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToasterProps } from "react-hot-toast";
 import { ToastOptions } from "./ToastFunction";
 type ToastContainerProps = {

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

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

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

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

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

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

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

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

package/dist/src/TruncatedText/MaybeTooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 import { TooltipProps } from "../Tooltip/Tooltip";
 type MaybeTooltipProps = TooltipProps & {

package/dist/src/TruncatedText/TruncatedText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 import { TruncatedTextProps } from "./TruncatedTextProps";
 declare const TruncatedText: {

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

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

package/dist/src/TruncatedText/TruncatedTextFillWidth.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TruncatedTextProps } from "./TruncatedTextProps";
 declare const TruncatedTextFillWidth: ({ element, showTooltip, tooltipProps, children, "data-testid": testId, ...props }: TruncatedTextProps) => JSX.Element;
 export default TruncatedTextFillWidth;

package/dist/src/TruncatedText/TruncatedTextMaxCharacters.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TruncatedTextProps } from "./TruncatedTextProps";
 declare const TruncatedTextMaxCharacters: ({ children, element, indicator, maxCharacters, showTooltip, tooltipProps, "data-testid": testId, ...props }: TruncatedTextProps) => JSX.Element;
 export default TruncatedTextMaxCharacters;

package/dist/src/Type/Headings.story.d.ts

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

package/dist/src/Type/Text.story.d.ts

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

package/dist/src/Type/Typography.story.d.ts

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

package/dist/src/Validation/InlineValidation.story.d.ts

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

package/dist/src/Validation/mapErrorsToList.d.ts

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

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

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

package/dist/src/VisualTests/WithSpace.story.d.ts

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

package/dist/src/pages/ErrorPage.story.d.ts

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

package/dist/src/pages/LoginPage.story.d.ts

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

package/dist/src/utils/datePickerLocales.d.ts

@@ -1 +1 @@
-export function registerDatePickerLocales(): any[];
+export function registerDatePickerLocales(): void[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.12.0",
+  "version": "8.13.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -77,10 +77,11 @@
     "@storybook/react": "^6.3.12",
     "@storybook/theming": "^6.1.9",
     "@testing-library/jest-dom": "5.11.5",
-    "@testing-library/react": "^10.0.0",
+    "@testing-library/react": "^12.1.5",
     "@types/jest": "^29.5.1",
     "@types/node": "^14.0.14",
     "@types/react": "^17.0.9",
+    "@types/react-datepicker": "^4.1.0",
     "@types/react-dom": "^17.0.6",
     "@types/styled-components": "^5.1.9",
     "@types/styled-system": "^5.1.11",
@@ -92,7 +93,7 @@
     "babel-loader": "8.0.6",
     "babel-plugin-inline-json-import": "^0.3.2",
     "babel-plugin-require-context-hook": "1.0.0",
-    "babel-plugin-styled-components": "1.10.7",
+    "babel-plugin-styled-components": "2.1.3",
     "babel-preset-react": "6.24.1",
     "chromatic": "^6.0.6",
     "concurrently": "^5.2.0",
@@ -113,7 +114,6 @@
     "mockdate": "^3.0.2",
     "plop": "^2.4.0",
     "prop-types": "15.7.2",
-    "puppeteer": "^3.3.0",
     "react": "16.10.2",
     "react-color": "^2.18.1",
     "react-dom": "16.10.2",