@transferwise/components 46.27.0 → 46.29.0

package/build/main.css

@@ -1857,11 +1857,6 @@ button.np-option {
   transition: opacity 150ms ease-in, height 150ms ease-in 150ms;
   opacity: 0;
 }
-.formatted-value__h3-custom-alignment {
-  margin-bottom: 16px;
-  margin-bottom: var(--size-16);
-  line-height: 24px;
-}
 .emphasis {
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
@@ -3028,6 +3023,22 @@ a {
 .np-theme-personal--dark .np-logo-svg path {
   fill: var(--color-white);
 }
+.np-logo-svg--size-sm {
+  display: block;
+}
+@media (min-width: 576px) {
+  .np-logo-svg--size-sm {
+    display: none;
+  }
+}
+.np-logo-svg--size-md {
+  display: none;
+}
+@media (min-width: 576px) {
+  .np-logo-svg--size-md {
+    display: block;
+  }
+}
 .tw-modal--scrollable {
   max-height: 100%;
   /* mobile viewport bug fix */

package/build/styles/logo/Logo.css

@@ -8,3 +8,19 @@
 .np-theme-personal--dark .np-logo-svg path {
   fill: var(--color-white);
 }
+.np-logo-svg--size-sm {
+  display: block;
+}
+@media (min-width: 576px) {
+  .np-logo-svg--size-sm {
+    display: none;
+  }
+}
+.np-logo-svg--size-md {
+  display: none;
+}
+@media (min-width: 576px) {
+  .np-logo-svg--size-md {
+    display: block;
+  }
+}

package/build/styles/main.css

@@ -1857,11 +1857,6 @@ button.np-option {
   transition: opacity 150ms ease-in, height 150ms ease-in 150ms;
   opacity: 0;
 }
-.formatted-value__h3-custom-alignment {
-  margin-bottom: 16px;
-  margin-bottom: var(--size-16);
-  line-height: 24px;
-}
 .emphasis {
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
@@ -3028,6 +3023,22 @@ a {
 .np-theme-personal--dark .np-logo-svg path {
   fill: var(--color-white);
 }
+.np-logo-svg--size-sm {
+  display: block;
+}
+@media (min-width: 576px) {
+  .np-logo-svg--size-sm {
+    display: none;
+  }
+}
+.np-logo-svg--size-md {
+  display: none;
+}
+@media (min-width: 576px) {
+  .np-logo-svg--size-md {
+    display: block;
+  }
+}
 .tw-modal--scrollable {
   max-height: 100%;
   /* mobile viewport bug fix */

package/build/types/alert/Alert.d.ts

@@ -1,58 +1,47 @@
-import * as React from 'react';
-
-export interface AlertAction {
-    "aria-label"?: string;
-    href: string;
-    target?: string;
-    text: React.ReactNode;
-}
-
-export type AlertType = "negative" | "neutral" | "positive" | "warning" | "info" | "error" | "success";
-
-export type AlertVariant = "desktop" | "mobile";
-
-export interface AlertProps {
-    /**
-     * An optional call to action to sit under the main body of the alert. If your label is short, use aria-label to provide more context
-     */
-    action?: AlertAction;
-    className?: string;
-    /**
-     * An optional icon. If not provided, we will default the icon to something appropriate for the type
-     */
-    icon?: React.ReactElement<any>;
-    /**
-     * Title for the alert component
-     */
-    title?: string;
-    /**
-     * The main body of the alert. Accepts plain text and bold words specified with **double stars
-     */
-    message?: any;
-    /**
-     * The presence of the onDismiss handler will trigger the visibility of the close button
-     */
-    onDismiss?: (...args: any[])=>any;
-    /**
-     * The type dictates which icon and colour will be used
-     */
-    type?: AlertType;
-    variant?: AlertVariant;
-    /**
-     * @deprecated no arrow for `Alert` component anymore, consider to use [`InlineAlert`](https://transferwise.github.io/neptune-web/components/alerts/InlineAlert) component
-     */
-    arrow?: any;
-    /**
-     * @deprecated use `message` property instead
-     */
-    children?: any;
-    /**
-     * @deprecated use `onDismiss` instead
-     */
-    dismissible?: any;
-}
-
-declare const Alert: React.FC<AlertProps>;
-
-export default Alert;
-
+/// <reference types="react" />
+import { Sentiment, Size, Variant } from '../common';
+export type AlertAction = {
+    'aria-label'?: string;
+    href: string;
+    target?: string;
+    text: React.ReactNode;
+};
+/** @deprecated Use `"top" | "bottom"` instead. */
+type AlertTypeDeprecated = `${Sentiment.SUCCESS | Sentiment.INFO | Sentiment.ERROR}`;
+type AlertTypeResolved = `${Sentiment.POSITIVE | Sentiment.NEUTRAL | Sentiment.WARNING | Sentiment.NEGATIVE}`;
+export type AlertType = AlertTypeResolved | AlertTypeDeprecated;
+export declare enum AlertArrowPosition {
+    TOP_LEFT = "up-left",
+    TOP = "up-center",
+    TOP_RIGHT = "up-right",
+    BOTTOM_LEFT = "down-left",
+    BOTTOM = "down-center",
+    BOTTOM_RIGHT = "down-right"
+}
+export interface AlertProps {
+    /** An optional call to action to sit under the main body of the alert. If your label is short, use aria-label to provide more context */
+    action?: AlertAction;
+    className?: string;
+    /** An optional icon. If not provided, we will default the icon to something appropriate for the type */
+    icon?: React.ReactElement;
+    /** Title for the alert component */
+    title?: string;
+    /** The main body of the alert. Accepts plain text and bold words specified with **double stars*/
+    message?: string;
+    /** The presence of the onDismiss handler will trigger the visibility of the close button */
+    onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
+    /** The type dictates which icon and colour will be used */
+    type?: AlertType;
+    variant?: `${Variant}`;
+    /** @deprecated Use `InlineAlert` instead. */
+    arrow?: `${AlertArrowPosition}`;
+    /** @deprecated Use `message` instead. Be aware `message` only accepts plain text or text with **bold** markdown. */
+    children?: React.ReactNode;
+    /** @deprecated Use `onDismiss` instead. */
+    dismissible?: boolean;
+    /** @deprecated Alert component doesn't support `size` anymore, please remove this prop. */
+    size?: `${Size}`;
+}
+export default function Alert({ arrow, action, children, className, dismissible, icon, onDismiss, message, size, title, type, variant, }: AlertProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Alert.d.ts.map

package/build/types/alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/alert/Alert.js"],"names":[],"mappings":";AA8BA,gEA2FC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/alert/Alert.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAc,OAAO,EAAE,MAAM,WAAW,CAAC;AASjE,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEF,kDAAkD;AAClD,KAAK,mBAAmB,GAAG,GAAG,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;AACrF,KAAK,iBAAiB,GAAG,GACrB,SAAS,CAAC,QAAQ,GAClB,SAAS,CAAC,OAAO,GACjB,SAAS,CAAC,OAAO,GACjB,SAAS,CAAC,QAAQ,EAAE,CAAC;AACzB,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAEhE,oBAAY,kBAAkB;IAC5B,QAAQ,YAAY;IACpB,GAAG,cAAc;IACjB,SAAS,aAAa;IACtB,WAAW,cAAc;IACzB,MAAM,gBAAgB;IACtB,YAAY,eAAe;CAC5B;AAED,MAAM,WAAW,UAAU;IACzB,yIAAyI;IACzI,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wGAAwG;IACxG,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvD,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACvB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAChC,oHAAoH;IACpH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;CAClB;AAeD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,WAAW,EACX,IAAI,EACJ,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,IAAgB,EAChB,OAAmB,GACpB,EAAE,UAAU,+BA+GZ"}

package/build/types/alert/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from "./Alert";
+export { default } from './Alert';
+export type { AlertProps, AlertAction, AlertArrowPosition, AlertType } from './Alert';
 //# sourceMappingURL=index.d.ts.map

package/build/types/alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/alert/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/build/types/button/Button.d.ts

@@ -1,11 +1,10 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from 'react';
-import { ControlTypeAccent, ControlTypeNegative, ControlTypePositive, PriorityPrimary, PrioritySecondary, PriorityTertiary, SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge, LinkProps } from '../common';
+/// <reference types="react" />
+import { ControlTypeAccent, ControlTypeNegative, ControlTypePositive, PriorityPrimary, PrioritySecondary, PriorityTertiary, SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge } from '../common';
 /** @deprecated */
 type DeprecatedTypes = 'primary' | 'pay' | 'secondary' | 'danger' | 'link';
 /** @deprecated */
 type DeprecatedSizes = SizeExtraSmall;
-export type CommonProps = {
-    as?: ElementType;
+type CommonProps = {
     block?: boolean;
     disabled?: boolean;
     loading?: boolean;
@@ -13,16 +12,15 @@ export type CommonProps = {
     priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary;
     size?: SizeSmall | SizeMedium | SizeLarge | DeprecatedSizes;
 };
-export type ButtonProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {
+type ButtonProps = CommonProps & Omit<React.ComponentPropsWithRef<'button'>, 'type'> & {
     as?: 'button';
     htmlType?: 'submit' | 'reset' | 'button';
 };
-export type AnchorProps = CommonProps & AnchorHTMLAttributes<HTMLAnchorElement> & Omit<LinkProps, 'href'> & {
+type AnchorProps = CommonProps & React.ComponentPropsWithRef<'a'> & {
     as?: 'a';
-    href?: string;
 };
 export type Props = ButtonProps | AnchorProps;
-export type ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;
-declare const Button: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<ButtonReferenceType>>;
+type ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;
+declare const Button: import("react").ForwardRefExoticComponent<(Omit<ButtonProps, "ref"> | Omit<AnchorProps, "ref">) & import("react").RefAttributes<ButtonReferenceType>>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

package/build/types/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;AAG5F,OAAO,EAIL,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACT,SAAS,EACV,MAAM,WAAW,CAAC;AAOnB,kBAAkB;AAClB,KAAK,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3E,kBAAkB;AAClB,KAAK,eAAe,GAAG,cAAc,CAAC;AAEtC,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,eAAe,CAAC;IACvF,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;IAClE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,WAAW,GACnC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG;IACtD,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,WAAW,GACnC,oBAAoB,CAAC,iBAAiB,CAAC,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACxB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,WAAW,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAExE,QAAA,MAAM,MAAM,uGA4EX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":";AAIA,OAAO,EAIL,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,WAAW,CAAC;AAOnB,kBAAkB;AAClB,KAAK,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3E,kBAAkB;AAClB,KAAK,eAAe,GAAG,cAAc,CAAC;AAEtC,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,eAAe,CAAC;IACvF,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;IAClE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;CAC7D,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACpD,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEJ,KAAK,WAAW,GAAG,WAAW,GAC5B,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,GAAG;IACjC,EAAE,CAAC,EAAE,GAAG,CAAC;CACV,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,WAAW,CAAC;AAE9C,KAAK,mBAAmB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAEjE,QAAA,MAAM,MAAM,uJA4EX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/types/common/dateUtils/isWithinRange/isWithinRange.d.ts

@@ -1,2 +1,2 @@
-export declare function isWithinRange(date: Date, min: Date, max: Date): boolean;
+export declare function isWithinRange(date: Date, min: Date | null, max: Date | null): boolean;
 //# sourceMappingURL=isWithinRange.d.ts.map

package/build/types/common/dateUtils/isWithinRange/isWithinRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isWithinRange.d.ts","sourceRoot":"","sources":["../../../../../src/common/dateUtils/isWithinRange/isWithinRange.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,WAE7D"}
+{"version":3,"file":"isWithinRange.d.ts","sourceRoot":"","sources":["../../../../../src/common/dateUtils/isWithinRange/isWithinRange.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,WAE3E"}

package/build/types/common/dateUtils/moveToWithinRange/moveToWithinRange.d.ts

@@ -1,2 +1,2 @@
-export declare function moveToWithinRange(date: Date, min: Date, max: Date): Date;
+export declare function moveToWithinRange(date: Date, min: Date | null, max: Date | null): Date;
 //# sourceMappingURL=moveToWithinRange.d.ts.map

package/build/types/common/dateUtils/moveToWithinRange/moveToWithinRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moveToWithinRange.d.ts","sourceRoot":"","sources":["../../../../../src/common/dateUtils/moveToWithinRange/moveToWithinRange.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,QAEjE"}
+{"version":3,"file":"moveToWithinRange.d.ts","sourceRoot":"","sources":["../../../../../src/common/dateUtils/moveToWithinRange/moveToWithinRange.ts"],"names":[],"mappings":"AACA,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,QAQ/E"}

package/build/types/common/propsValues/sentiment.d.ts

@@ -17,5 +17,4 @@ export declare enum Sentiment {
      */
     SUCCESS = "success"
 }
-export type SentimentString = 'negative' | 'neutral' | 'positive' | 'warning' | 'pending' | 'info' | 'error' | 'success';
 //# sourceMappingURL=sentiment.d.ts.map

package/build/types/common/propsValues/sentiment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sentiment.d.ts","sourceRoot":"","sources":["../../../../src/common/propsValues/sentiment.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IAEnB;;OAEG;IACH,IAAI,SAAS;IACb;;OAEG;IACH,KAAK,UAAU;IACf;;OAEG;IACH,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,CAAC"}
+{"version":3,"file":"sentiment.d.ts","sourceRoot":"","sources":["../../../../src/common/propsValues/sentiment.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IAEnB;;OAEG;IACH,IAAI,SAAS;IACb;;OAEG;IACH,KAAK,UAAU;IACf;;OAEG;IACH,OAAO,YAAY;CACpB"}

package/build/types/dateLookup/DateLookup.d.ts

@@ -1,28 +1,75 @@
-import * as React from 'react';
-
-export type DateLookupSize = "sm" | "md" | "lg";
-
-export type DateLookupMonthFormat = "long" | "short";
-
-export interface DateLookupProps {
-    id?: string;
-    value?: Date;
-    min?: Date;
-    max?: Date;
-    size?: DateLookupSize;
-    placeholder?: string;
-    label?: string;
-    "aria-labelledby"?: string;
-    monthFormat?: DateLookupMonthFormat;
-    disabled?: boolean;
-    onChange: (...args: any[])=>any;
-    onFocus?: (...args: any[])=>any;
-    onBlur?: (...args: any[])=>any;
-    clearable?: boolean;
-}
-
-export default class DateLookup extends React.PureComponent<DateLookupProps, any> {
-    render(): JSX.Element;
-
-}
-
+import { PureComponent, KeyboardEvent } from 'react';
+import { Size, MonthFormat, SizeSmall, SizeMedium, SizeLarge } from '../common';
+export interface DateLookupProps {
+    id?: string;
+    value: Date | null;
+    min?: Date | null;
+    max?: Date | null;
+    size?: SizeSmall | SizeMedium | SizeLarge;
+    placeholder?: string;
+    label?: string;
+    'aria-labelledby'?: string;
+    monthFormat?: `${MonthFormat}`;
+    disabled?: boolean;
+    clearable?: boolean;
+    onChange: (date: Date | null) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+interface DateLookupState {
+    selectedDate: Date | null;
+    originalDate: Date | null;
+    min: Date | null;
+    max: Date | null;
+    viewMonth: number;
+    viewYear: number;
+    open: boolean;
+    mode: 'day' | 'month' | 'year';
+    isMobile: boolean;
+}
+declare class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
+    props: DateLookupProps & Required<Pick<DateLookupProps, keyof typeof DateLookup.defaultProps>>;
+    static defaultProps: {
+        value: null;
+        min: null;
+        max: null;
+        size: Size.MEDIUM;
+        placeholder: string;
+        label: string;
+        monthFormat: MonthFormat.LONG;
+        disabled: false;
+        clearable: false;
+    };
+    element: import("react").RefObject<HTMLDivElement>;
+    dropdown: import("react").RefObject<HTMLDivElement>;
+    constructor(props: DateLookup['props']);
+    static getDerivedStateFromProps(props: DateLookup['props'], state: DateLookupState): {
+        selectedDate: Date | null;
+        min: Date | null;
+        max: Date | null;
+        viewMonth: number;
+        viewYear: number;
+    } | null;
+    componentDidUpdate(previousProps: DateLookupProps): void;
+    componentWillUnmount(): void;
+    open: () => void;
+    discard: () => void;
+    close: () => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    adjustDate: (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => void;
+    focusOn: (preferredElement: string, fallbackElement?: string) => void;
+    switchMode: (mode: 'day' | 'month' | 'year') => void;
+    switchToDays: () => void;
+    switchToMonths: () => void;
+    switchToYears: () => void;
+    handleSelectedDateUpdate: (selectedDate: Date) => void;
+    handleViewDateUpdate: ({ month, year }: {
+        month?: number | undefined;
+        year?: number | undefined;
+    }) => void;
+    getCalendar: () => import("react").JSX.Element;
+    handleClear: () => void;
+    render(): import("react").JSX.Element;
+}
+export default DateLookup;
+//# sourceMappingURL=DateLookup.d.ts.map

package/build/types/dateLookup/DateLookup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateLookup.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.js"],"names":[],"mappings":";AAoBA;IAoBE;;;;;;aAqBC;IApCD,wBAaC;IAjBD,wCAAsB;IAEtB,yCAAuB;IAIrB;;;;;;;;;;MAUC;IA0BH,6CAMC;IAFC,uCAAyE;IAI3E,6BAGC;IAED,iBAOE;IAEF,oBAME;IAEF,kBAME;IAEF,oCA6CE;IAEF,wEAmBE;IAEF,+DAOE;IAEF,gCAIE;IAEF,yBAA+C;IAE/C,2BAAmD;IAEnD,0BAAiD;IAEjD,sDAME;IAEF;;;eAEE;IAEF,+CA8BE;IAEF,wBAGE;IAEF,sCAqCC;CACF"}
+{"version":3,"file":"DateLookup.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,IAAI,EACJ,WAAW,EAGX,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,WAAW,CAAC;AAUnB,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,eAAe;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,cAAM,UAAW,SAAQ,aAAa,CAAC,eAAe,EAAE,eAAe,CAAC;IAC9D,KAAK,EAAE,eAAe,GAC5B,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE,MAAM,CAAC,YAAY;;;;;;;;;;MAUkB;IAErC,OAAO,4CAA+B;IACtC,QAAQ,4CAA+B;gBAE3B,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC;IAetC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,eAAe;;;;;;;IAwBlF,kBAAkB,CAAC,aAAa,EAAE,eAAe;IAQjD,oBAAoB;IAKpB,IAAI,aAOF;IAEF,OAAO,aAML;IAEF,KAAK,aAMH;IAEF,aAAa,UAAW,cAAc,cAAc,CAAC,UA6CnD;IAEF,UAAU,cAAe,MAAM,eAAe,MAAM,cAAc,MAAM,UAqBtE;IAEF,OAAO,qBAAsB,MAAM,oBAAoB,MAAM,UAO3D;IAEF,UAAU,SAAU,KAAK,GAAG,OAAO,GAAG,MAAM,UAI1C;IAEF,YAAY,aAAgC;IAE5C,cAAc,aAAkC;IAEhD,aAAa,aAAiC;IAE9C,wBAAwB,iBAAkB,IAAI,UAM5C;IAEF,oBAAoB;;;eAElB;IAEF,WAAW,oCA2CT;IAEF,WAAW,aAGT;IAEF,MAAM;CA2CP;AAED,eAAe,UAAU,CAAC"}

package/build/types/dateLookup/DateLookup.messages.d.ts

@@ -1,65 +1,44 @@
-declare namespace _default {
-    namespace next {
-        const id: string;
-        const defaultMessage: string;
-        const description: string;
-    }
-    namespace previous {
-        const id_1: string;
-        export { id_1 as id };
-        const defaultMessage_1: string;
-        export { defaultMessage_1 as defaultMessage };
-        const description_1: string;
-        export { description_1 as description };
-    }
-    namespace day {
-        const id_2: string;
-        export { id_2 as id };
-        const defaultMessage_2: string;
-        export { defaultMessage_2 as defaultMessage };
-        const description_2: string;
-        export { description_2 as description };
-    }
-    namespace month {
-        const id_3: string;
-        export { id_3 as id };
-        const defaultMessage_3: string;
-        export { defaultMessage_3 as defaultMessage };
-        const description_3: string;
-        export { description_3 as description };
-    }
-    namespace year {
-        const id_4: string;
-        export { id_4 as id };
-        const defaultMessage_4: string;
-        export { defaultMessage_4 as defaultMessage };
-        const description_4: string;
-        export { description_4 as description };
-    }
-    namespace twentyYears {
-        const id_5: string;
-        export { id_5 as id };
-        const defaultMessage_5: string;
-        export { defaultMessage_5 as defaultMessage };
-        const description_5: string;
-        export { description_5 as description };
-    }
-    namespace selected {
-        const id_6: string;
-        export { id_6 as id };
-        const defaultMessage_6: string;
-        export { defaultMessage_6 as defaultMessage };
-        const description_6: string;
-        export { description_6 as description };
-    }
-    namespace goTo20YearView {
-        const id_7: string;
-        export { id_7 as id };
-        const defaultMessage_7: string;
-        export { defaultMessage_7 as defaultMessage };
-        const description_7: string;
-        export { description_7 as description };
-    }
-}
+declare const _default: {
+    next: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    previous: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    day: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    month: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    year: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    twentyYears: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    selected: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    goTo20YearView: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
 export default _default;
 //# sourceMappingURL=DateLookup.messages.d.ts.map

package/build/types/dateLookup/DateLookup.messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateLookup.messages.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.messages.js"],"names":[],"mappings":""}
+{"version":3,"file":"DateLookup.messages.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.messages.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAyCG"}

package/build/types/dateLookup/dateHeader/DateHeader.d.ts

@@ -1,24 +1,11 @@
-export default DateHeader;
-declare function DateHeader({ label, onLabelClick, onPreviousClick, onNextClick, dateMode }: {
-    label: any;
-    onLabelClick: any;
-    onPreviousClick: any;
-    onNextClick: any;
-    dateMode: any;
-}): import("react").JSX.Element;
-declare namespace DateHeader {
-    namespace propTypes {
-        const label: any;
-        const onLabelClick: any;
-        const onPreviousClick: any;
-        const onNextClick: any;
-        const dateMode: any;
-    }
-    namespace defaultProps {
-        const label_1: null;
-        export { label_1 as label };
-        export function onLabelClick_1(): void;
-        export { onLabelClick_1 as onLabelClick };
-    }
+/// <reference types="react" />
+interface DateHeaderProps {
+    label?: string;
+    onLabelClick?: () => void;
+    onPreviousClick: () => void;
+    onNextClick: () => void;
+    dateMode: string;
 }
+declare const DateHeader: React.FC<DateHeaderProps>;
+export default DateHeader;
 //# sourceMappingURL=DateHeader.d.ts.map

package/build/types/dateLookup/dateHeader/DateHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateHeader.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateHeader/DateHeader.js"],"names":[],"mappings":";AAYA;;;;;;gCA+CC;;;;;;;;;;;;QAYe,uCAAQ"}
+{"version":3,"file":"DateHeader.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateHeader/DateHeader.tsx"],"names":[],"mappings":";AAWA,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqDzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/types/dateLookup/dateHeader/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./DateHeader";
+export { default } from './DateHeader';
 //# sourceMappingURL=index.d.ts.map

package/build/types/dateLookup/dateHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateHeader/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts

@@ -1,33 +1,15 @@
-export default DateTrigger;
-declare function DateTrigger({ selectedDate, size, placeholder, label, monthFormat, disabled, onClick, onClear, }: {
-    selectedDate: any;
-    size: any;
-    placeholder: any;
-    label: any;
-    monthFormat: any;
-    disabled: any;
-    onClick: any;
-    onClear: any;
-}): import("react").JSX.Element;
-declare namespace DateTrigger {
-    namespace propTypes {
-        const selectedDate: any;
-        const size: any;
-        const placeholder: any;
-        const label: any;
-        const monthFormat: any;
-        const disabled: any;
-        const onClick: any;
-        const onClear: any;
-    }
-    namespace defaultProps {
-        const selectedDate_1: null;
-        export { selectedDate_1 as selectedDate };
-        const size_1: Size;
-        export { size_1 as size };
-        const onClear_1: undefined;
-        export { onClear_1 as onClear };
-    }
+/// <reference types="react" />
+import { SizeSmall, SizeMedium, SizeLarge } from '../../common';
+interface DateTriggerProps {
+    selectedDate: Date | null;
+    size: SizeSmall | SizeMedium | SizeLarge;
+    placeholder: string;
+    label: string;
+    monthFormat: 'short' | 'long';
+    disabled: boolean;
+    onClick: () => void;
+    onClear?: () => void;
 }
-import { Size } from "../../common/propsValues/size";
+declare const DateTrigger: React.FC<DateTriggerProps>;
+export default DateTrigger;
 //# sourceMappingURL=DateTrigger.d.ts.map

package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTrigger.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateTrigger/DateTrigger.js"],"names":[],"mappings":";AAWA;;;;;;;;;gCAmEC"}
+{"version":3,"file":"DateTrigger.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateTrigger/DateTrigger.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAkB,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhF,UAAU,gBAAgB;IACxB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0D3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/types/dateLookup/dateTrigger/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./DateTrigger";
+export { default } from './DateTrigger';
 //# sourceMappingURL=index.d.ts.map