@nulogy/components 13.4.0 → 13.5.1

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

@@ -1,5 +1,4 @@
 import React from "react";
-import type { ReactDatePicker } from "react-datepicker";
-import { BaseDatePickerProps } from "./shared/types";
-declare const DatePicker: React.ForwardRefExoticComponent<Omit<BaseDatePickerProps, "ref"> & React.RefAttributes<ReactDatePicker<never, undefined>>>;
+import { DatePickerProps } from "./shared/types";
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<ReactDatePicker>>;
 export default DatePicker;

package/dist/src/DatePickers/MonthPicker.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import type { ReactDatePicker } from "react-datepicker";
-import { BaseDatePickerProps } from "./shared/types";
-declare const MonthPicker: React.ForwardRefExoticComponent<Omit<BaseDatePickerProps, "ref"> & React.RefAttributes<ReactDatePicker<never, undefined>>>;
+import { DatePickerProps } from "./shared/types";
+export declare const DEFAULT_MONTH_FORMAT = "yyyy-MMM";
+export declare const DEFAULT_PLACEHOLDER = "YYYY-Mon";
+declare const MonthPicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<ReactDatePicker>>;
 export default MonthPicker;

package/dist/src/DatePickers/WeekPicker.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { FieldProps } from "../Form/Field";
+import { InputFieldProps } from "../Input/InputField";
+type OmittedFieldProps = "onChange" | "onBlur" | "onFocus";
+interface WeekRange {
+    startDate: Date;
+    endDate: Date;
+    weekNumber: number;
+    year: number;
+}
+interface WeekPickerProps extends Omit<FieldProps, OmittedFieldProps> {
+    selected?: Date | null;
+    onChange?: (weekRange: WeekRange) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onInputChange?: (value: string) => void;
+    dateFormat?: string;
+    inputProps?: InputFieldProps;
+    errorMessage?: string;
+    errorList?: string[];
+    minDate?: Date;
+    maxDate?: Date;
+    locale?: string;
+    disableFlipping?: boolean;
+}
+declare const WeekPicker: React.ForwardRefExoticComponent<Omit<WeekPickerProps, "ref"> & React.RefAttributes<unknown>>;
+export default WeekPicker;

package/dist/src/DatePickers/custom/weekPickerStyles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentVariant } from "../../NDSProvider/ComponentVariantContext";
+export declare const WeekPickerStyles: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
+    variant: ComponentVariant;
+}>;

package/dist/src/DatePickers/index.d.ts

@@ -1,2 +1,3 @@
 export { default as DatePicker } from "./DatePicker";
 export { default as MonthPicker } from "./MonthPicker";
+export { default as WeekPicker } from "./WeekPicker";

package/dist/src/DatePickers/shared/{BasePicker.d.ts → components/BasePicker.d.ts}

@@ -1,15 +1,16 @@
 import React from "react";
-import ReactDatePicker, { ReactDatePickerCustomHeaderProps } from "react-datepicker";
-import { BaseDatePickerProps } from "./types";
-interface BasePickerProps extends BaseDatePickerProps {
+import { ReactDatePickerCustomHeaderProps } from "react-datepicker";
+import { DatePickerProps } from "../types";
+interface BasePickerProps extends DatePickerProps {
     defaultFormat: string;
     disabledKeyboardNavigation?: boolean;
     defaultPlaceholder: string;
     showMonthYearPicker?: boolean;
+    showWeekNumbers?: boolean;
     renderHeader: (props: ReactDatePickerCustomHeaderProps) => JSX.Element;
     onUpKeyPress?: () => void;
     onDownKeyPress?: () => void;
     onEnterKeyPress?: () => void;
 }
-export declare const BasePicker: React.ForwardRefExoticComponent<Omit<BasePickerProps, "ref"> & React.RefAttributes<ReactDatePicker<never, undefined>>>;
+export declare const BasePicker: React.ForwardRefExoticComponent<Omit<BasePickerProps, "ref"> & React.RefAttributes<ReactDatePicker>>;
 export {};

package/dist/src/DatePickers/{components → shared/components}/DatePickerInput.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { InputFieldProps } from "../../Input/InputField";
-import { ComponentVariant } from "../../NDSProvider/ComponentVariantContext";
+import { InputFieldProps } from "../../../Input/InputField";
+import { ComponentVariant } from "../../../NDSProvider/ComponentVariantContext";
 interface InputProps extends InputFieldProps {
     placeholder?: string;
 }
@@ -8,6 +8,7 @@ type DatePickerInputProps = React.ComponentPropsWithRef<"input"> & {
     variant?: ComponentVariant;
     dateFormat?: string;
     inputProps?: InputProps;
+    locale: string;
     onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onUpKeyPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     onDownKeyPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;

package/dist/src/DatePickers/shared/helpers.d.ts

@@ -0,0 +1,4 @@
+export declare const getPopperModifiers: (disableFlipping: boolean) => {
+    name: string;
+    enabled: boolean;
+}[];

package/dist/src/DatePickers/shared/types.d.ts

@@ -3,7 +3,7 @@ import { InputFieldProps } from "../../Input/InputField";
 import { ReactDatePickerProps } from "react-datepicker";
 import { FieldProps } from "../../Form/Field";
 type OmittedFieldProps = "onChange" | "onBlur" | "onFocus";
-export interface BaseDatePickerProps extends Omit<FieldProps, OmittedFieldProps> {
+export interface DatePickerProps extends Omit<FieldProps, OmittedFieldProps> {
     className?: string;
     dateFormat?: string;
     disableFlipping?: boolean;

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

@@ -3,45 +3,10 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithCustomDateFormat: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithCustomPlaceholder: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithErrorState: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithMinAndMaxDate: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const DisableFlipping: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const UsingRefToControlFocus: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+export declare const Default: () => React.JSX.Element;
+export declare const WithCustomDateFormat: () => React.JSX.Element;
+export declare const WithCustomPlaceholder: () => React.JSX.Element;
+export declare const WithErrorState: () => React.JSX.Element;
+export declare const WithMinAndMaxDate: () => React.JSX.Element;
+export declare const DisableFlipping: () => React.JSX.Element;
+export declare const UsingRefToControlFocus: () => React.JSX.Element;

package/dist/src/DatePickers/stories/MonthPicker.story.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const WithPlaceholder: () => React.JSX.Element;
+export declare const Disabled: () => React.JSX.Element;
+export declare const WithDefaultValue: () => React.JSX.Element;
+export declare const WithMinMaxDate: () => React.JSX.Element;

package/dist/src/DatePickers/stories/WeekPicker.story.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const WithError: () => React.JSX.Element;
+export declare const WithMinMaxDates: () => React.JSX.Element;
+export declare const WithCustomDateFormat: () => React.JSX.Element;
+export declare const WithPreselectedDate: () => React.JSX.Element;
+export declare const WithCustomLocale: () => React.JSX.Element;
+export declare const Disabled: () => React.JSX.Element;

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

@@ -2,7 +2,7 @@ import React from "react";
 export declare const LocaleContext: React.Context<{
     locale: string;
 }>;
-export declare const useLocale: () => {
+export declare const useLocale: (locale?: string) => {
     locale: string;
 };
 export declare const LocaleContextProvider: ({ locale, children }: {

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

@@ -3,7 +3,7 @@ import { SpaceProps } from "styled-system";
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 import { DefaultNDSThemeType } from "../theme";
 declare const ToggleComponent: React.ForwardRefExoticComponent<SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    onChange?: (...args: any[]) => any;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     variant?: ComponentVariant;
     toggled?: boolean;
     disabled?: boolean;
@@ -16,15 +16,12 @@ declare const ToggleComponent: React.ForwardRefExoticComponent<SpaceProps<Requir
     labelText?: string;
     requirementText?: string;
     error?: boolean;
-    onClick?: any;
-    innerRef?: any;
+    onClick?: (e: React.MouseEvent) => void;
+    innerRef?: React.Ref<HTMLInputElement>;
     name?: string;
     theme?: DefaultNDSThemeType;
     "data-testid"?: string;
 } & {
     defaultToggled?: boolean;
-    onClick?: boolean;
-} & React.RefAttributes<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    ref?: React.Ref<HTMLInputElement>;
-}>>;
+} & React.RefAttributes<HTMLInputElement>>;
 export default ToggleComponent;

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

@@ -7,5 +7,5 @@ type ToggleButtonProps = React.ComponentPropsWithRef<"input"> & {
     name?: string;
     theme?: DefaultNDSThemeType;
 };
-declare const ToggleButton: React.ForwardRefExoticComponent<Omit<ToggleButtonProps, "ref"> & React.RefAttributes<React.Ref<HTMLInputElement>>>;
+declare const ToggleButton: React.ForwardRefExoticComponent<Omit<ToggleButtonProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default ToggleButton;

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

@@ -65,3 +65,4 @@ export declare const OpenByDefault: {
 };
 export declare const WithCustomComponent: () => React.JSX.Element;
 export declare const WithRef: () => React.JSX.Element;
+export declare const WithCustomTooltip: () => React.JSX.Element;

package/dist/src/index.d.ts

@@ -13,7 +13,7 @@ export { Button, ControlIcon, DangerButton, IconicButton, PrimaryButton, QuietBu
 export { ButtonGroup } from "./ButtonGroup";
 export { Card, CardSet } from "./Card";
 export { Checkbox, CheckboxGroup } from "./Checkbox";
-export { DatePicker, MonthPicker } from "./DatePickers";
+export { DatePicker, MonthPicker, WeekPicker } from "./DatePickers";
 export { DateRange } from "./DateRange";
 export { DescriptionDetails, DescriptionList, DescriptionTerm } from "./DescriptionList";
 export { Divider } from "./Divider";

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "13.4.0",
+  "version": "13.5.1",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -95,7 +95,6 @@
     "@types/jest": "^29.5.1",
     "@types/node": "^14.0.14",
     "@types/react": "^17.0.39",
-    "@types/react-datepicker": "^4.19.6",
     "@types/react-dom": "^17.0.20",
     "@types/react-router-dom": "5.3.0",
     "@typescript-eslint/eslint-plugin": "^4.0.0",

package/dist/src/DatePickers/stories/DatePicker.month.story.d.ts

@@ -1,35 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithPlaceholder: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const Disabled: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithDefaultValue: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithMinMaxDate: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};