@dnb/eufemia 9.23.0-beta.1 → 9.23.0-beta.2

package/components/date-picker/DatePickerCalendar.d.ts

@@ -1,68 +1,45 @@
-export default class DatePickerCalendar extends React.PureComponent<any, any, any> {
-    static contextType: React.Context<{}>;
-    static propTypes: {
-        id: PropTypes.Requireable<string>;
-        nr: PropTypes.Requireable<number>;
-        month: PropTypes.Requireable<Date>;
-        prevBtn: PropTypes.Requireable<boolean>;
-        nextBtn: PropTypes.Requireable<boolean>;
-        titleFormat: PropTypes.Requireable<string>;
-        dayOfWeekFormat: PropTypes.Requireable<string>;
-        firstDayOfWeek: PropTypes.Requireable<string>;
-        hideNav: PropTypes.Requireable<boolean>;
-        hideDays: PropTypes.Requireable<boolean>;
-        onlyMonth: PropTypes.Requireable<boolean>;
-        hideNextMonthWeek: PropTypes.Requireable<boolean>;
-        noAutofocus: PropTypes.Requireable<boolean>;
-        onHover: PropTypes.Requireable<(...args: any[]) => any>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        onPrev: PropTypes.Requireable<(...args: any[]) => any>;
-        onNext: PropTypes.Requireable<(...args: any[]) => any>;
-        locale: PropTypes.Requireable<object>;
-        rtl: PropTypes.Requireable<boolean>;
-        isRange: PropTypes.Requireable<boolean>;
-        resetDate: PropTypes.Requireable<boolean>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        id: any;
-        nr: any;
-        month: any;
-        prevBtn: boolean;
-        nextBtn: boolean;
-        titleFormat: string;
-        dayOfWeekFormat: string;
-        firstDayOfWeek: string;
-        hideNav: boolean;
-        hideDays: boolean;
-        onlyMonth: boolean;
-        hideNextMonthWeek: boolean;
-        noAutofocus: boolean;
-        locale: Locale;
-        rtl: boolean;
-        onHover: any;
-        onSelect: any;
-        onPrev: any;
-        onNext: any;
-        isRange: any;
-        resetDate: boolean;
-        onKeyDown: any;
-    };
-    constructor(props: any);
-    _listRef: React.RefObject<any>;
-    _labelRef: React.RefObject<any>;
-    _days: {};
-    _cache: {};
-    onMouseLeaveHandler: () => void;
-    onKeyDownHandler: (event: any) => any;
-    callOnSelect(args: any): void;
-    keyNavCalc(date: any, keyCode: any): any;
-    findValid(date: any, keyCode: any): any;
-    hasReachedEnd: (date: any) => boolean;
-    buildClassNames: (day: any) => string;
-    getCacheKey(): string;
-    getMemorizedDays(month: any): any;
-    getDays(month: any): any;
+import * as React from 'react';
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface DatePickerCalendarProps
+  extends React.HTMLProps<HTMLElement> {
+  id?: string;
+  nr?: number;
+
+  /**
+   * To display what month should be shown in the first calendar by default. Defaults to the `date` respective `start_date`.
+   */
+  month?: Date;
+  prevBtn?: boolean;
+  nextBtn?: boolean;
+  titleFormat?: string;
+  dayOfWeekFormat?: string;
+  firstDayOfWeek?: string;
+  hideNav?: boolean;
+  hideDays?: boolean;
+  onlyMonth?: boolean;
+  hideNextMonthWeek?: boolean;
+  noAutofocus?: boolean;
+  onHover?: (...args: any[]) => any;
+  onSelect?: (...args: any[]) => any;
+  onPrev?: (...args: any[]) => any;
+  onNext?: (...args: any[]) => any;
+
+  /**
+   * To define the locale used in the calendar. Needs to be an `date-fns` "v2" locale object, like `import enLocale from &#39;date-fns/locale/en-GB&#39;`. Defaults to `nb-NO`.
+   */
+  locale?: Object;
+  rtl?: boolean;
+  isRange?: boolean;
+  resetDate?: boolean;
+  onKeyDown?: (...args: any[]) => any;
+}
+export default class DatePickerCalendar extends React.Component<
+  DatePickerCalendarProps,
+  any
+> {
+  static defaultProps: object;
+  render(): JSX.Element;
 }
-import React from "react";
-import PropTypes from "prop-types";

package/components/date-picker/DatePickerFooter.d.ts

@@ -1,23 +1,20 @@
-export default class DatePickerFooter extends React.PureComponent<any, any, any> {
-    static contextType: React.Context<{}>;
-    static propTypes: {
-        isRange: PropTypes.Validator<boolean>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
-        onReset: PropTypes.Requireable<(...args: any[]) => any>;
-        resetButtonText: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        onSubmit: any;
-        onCancel: any;
-        onReset: any;
-        resetButtonText: any;
-    };
-    constructor(props: any);
-    constructor(props: any, context: any);
-    onSubmitHandler: (args: any) => void;
-    onCancelHandler: (args: any) => void;
-    onResetHandler: (args: any) => void;
+import * as React from 'react';
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface DatePickerFooterProps
+  extends React.HTMLProps<HTMLElement> {
+  isRange: boolean;
+  onSubmit?: (...args: any[]) => any;
+  onCancel?: (...args: any[]) => any;
+  onReset?: (...args: any[]) => any;
+  resetButtonText?: string;
+}
+export default class DatePickerFooter extends React.Component<
+  DatePickerFooterProps,
+  any
+> {
+  static defaultProps: object;
+  render(): JSX.Element;
 }
-import React from "react";
-import PropTypes from "prop-types";

package/components/date-picker/DatePickerInput.d.ts

@@ -1,88 +1,72 @@
-export default class DatePickerInput extends React.PureComponent<any, any, any> {
-    static contextType: React.Context<{}>;
-    static propTypes: {
-        id: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        selectedDateTitle: PropTypes.Requireable<string>;
-        maskOrder: PropTypes.Requireable<string>;
-        maskPlaceholder: PropTypes.Requireable<string>;
-        separatorRexExp: PropTypes.Requireable<RegExp>;
-        submitAttributes: PropTypes.Requireable<object>;
-        isRange: PropTypes.Requireable<boolean>;
-        status: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        status_state: PropTypes.Requireable<string>;
-        status_props: PropTypes.Requireable<object>;
-        input_element: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        locale: PropTypes.Requireable<object>;
-        disabled: PropTypes.Requireable<boolean>;
-        skeleton: PropTypes.Requireable<boolean>;
-        opened: PropTypes.Requireable<boolean>;
-        showInput: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        id: any;
-        title: any;
-        selectedDateTitle: any;
-        maskOrder: string;
-        maskPlaceholder: string;
-        separatorRexExp: RegExp;
-        submitAttributes: any;
-        isRange: any;
-        status: any;
-        status_state: string;
-        status_props: any;
-        input_element: any;
-        disabled: any;
-        locale: any;
-        skeleton: any;
-        opened: boolean;
-        showInput: any;
-        onChange: any;
-        onSubmit: any;
-        onFocus: any;
-    };
-    constructor(props: any);
-    maskList: any;
-    _startDayRef: React.RefObject<any>;
-    _startMonthRef: React.RefObject<any>;
-    _startYearRef: React.RefObject<any>;
-    _endDayRef: React.RefObject<any>;
-    _endMonthRef: React.RefObject<any>;
-    _endYearRef: React.RefObject<any>;
-    shortcutHandler: (e: any) => Promise<void>;
-    callOnChangeAsInvalid: (state: any) => void;
-    callOnChange: ({ startDate, endDate, event }: {
-        startDate: any;
-        endDate: any;
-        event: any;
-    }) => void;
-    callOnType: ({ event }: {
-        event: any;
-    }) => void;
-    prepareCounting: ({ keyCode, target, event }: {
-        keyCode: any;
-        target: any;
-        event: any;
-    }) => Promise<void>;
-    onFocusHandler: (event: any) => void;
-    onBlurHandler: () => void;
-    focusMode: any;
-    onKeyDownHandler: (event: any) => Promise<boolean>;
-    set_startDay: (event: any) => void;
-    set_startMonth: (event: any) => void;
-    set_startYear: (event: any) => void;
-    set_endDay: (event: any) => void;
-    set_endMonth: (event: any) => void;
-    set_endYear: (event: any) => void;
-    setDate: (event: any, mode: any, type: any) => void;
-    renderInputElement: (params: any) => JSX.Element;
-    refList: any[];
-    getPlaceholderChar(value: any): any;
-    generateDateList(params: any, mode: any): any;
-    formatDate(): any;
+import * as React from 'react';
+export type DatePickerInputStatus =
+  | string
+  | boolean
+  | ((...args: any[]) => any)
+  | React.ReactNode;
+export type DatePickerInputInputElement =
+  | string
+  | ((...args: any[]) => any)
+  | React.ReactNode;
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface DatePickerInputProps
+  extends React.HTMLProps<HTMLElement> {
+  id?: string;
+  title?: string;
+  selectedDateTitle?: string;
+  maskOrder?: string;
+  maskPlaceholder?: string;
+  separatorRexExp?: RegExp;
+  submitAttributes?: Object;
+  isRange?: boolean;
+
+  /**
+   * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
+   */
+  status?: DatePickerInputStatus;
+
+  /**
+   * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
+   */
+  status_state?: string;
+
+  /**
+   * Use an object to define additional FormStatus properties.
+   */
+  status_props?: Object;
+
+  /**
+   * Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `input_element="input"`, a React element, or a render function `input_element={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.
+   */
+  input_element?: DatePickerInputInputElement;
+
+  /**
+   * To define the locale used in the calendar. Needs to be an `date-fns` "v2" locale object, like `import enLocale from &#39;date-fns/locale/en-GB&#39;`. Defaults to `nb-NO`.
+   */
+  locale?: Object;
+  disabled?: boolean;
+
+  /**
+   * If set to `true`, an overlaying skeleton with animation will be shown.
+   */
+  skeleton?: boolean;
+
+  /**
+   * To open the date-picker by default. Defaults to `false`.
+   */
+  opened?: boolean;
+  showInput?: boolean;
+  onChange?: (...args: any[]) => any;
+  onSubmit?: (...args: any[]) => any;
+  onFocus?: (...args: any[]) => any;
+}
+export default class DatePickerInput extends React.Component<
+  DatePickerInputProps,
+  any
+> {
+  static defaultProps: object;
+  render(): JSX.Element;
 }
-import React from "react";
-import PropTypes from "prop-types";

package/components/date-picker/DatePickerProvider.d.ts

@@ -1,68 +1,41 @@
-export default class DatePickerProvider extends React.PureComponent<any, any, any> {
-    static contextType: React.Context<{
-        translation: any;
-        updateTranslation: (locale: any, translation: any) => void;
-        getTranslation: (props: any) => any;
-        locales: any;
-        Avatar: {};
-        AvatarGroup: {};
-        Breadcrumb: {};
-        BreadcrumbItem: {};
-        InfoCard: {};
-        Tag: {};
-        TagGroup: {};
-        Timeline: {};
-        TimelineItem: {};
-        VisuallyHidden: {};
-        Drawer: {};
-        Dialog: {};
-    }>;
-    static propTypes: {
-        min_date: PropTypes.Requireable<string | Date>;
-        max_date: PropTypes.Requireable<string | Date>;
-        return_format: PropTypes.Requireable<string>;
-        range: PropTypes.Validator<string | boolean>;
-        setReturnObject: PropTypes.Validator<(...args: any[]) => any>;
-        enhanceWithMethods: PropTypes.Requireable<object>;
-        attributes: PropTypes.Requireable<object>;
-        children: PropTypes.Validator<PropTypes.ReactNodeLike>;
-    };
-    static defaultProps: {
-        min_date: any;
-        max_date: any;
-        return_format: string;
-        attributes: any;
-        enhanceWithMethods: any;
-    };
-    static getDerivedStateFromProps(props: any, state: any): any;
-    constructor(props: any);
-    setViews: (views: any, cb?: any) => void;
-    updateState: (state: any, cb?: any) => void;
-    callOnChangeHandler: (args: any) => void;
-    getReturnObject: ({ event, ...rest }?: {
-        event?: any;
-    }) => {
-        event: any;
-        attributes: any;
-        days_between: number;
-        start_date: string;
-        end_date: string;
-        is_valid_start_date: boolean;
-        is_valid_end_date: boolean;
-        date?: undefined;
-        is_valid?: undefined;
-    } | {
-        event: any;
-        attributes: any;
-        date: string;
-        is_valid: boolean;
-        days_between?: undefined;
-        start_date?: undefined;
-        end_date?: undefined;
-        is_valid_start_date?: undefined;
-        is_valid_end_date?: undefined;
-    };
+import * as React from 'react';
+export type DatePickerProviderMinDate = Date | string;
+export type DatePickerProviderMaxDate = Date | string;
+export type DatePickerProviderRange = boolean | string;
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface DatePickerProviderProps
+  extends React.HTMLProps<HTMLElement> {
+  /**
+   * To limit a date range to a minimum `start_date`. Defaults to null.
+   */
+  min_date?: DatePickerProviderMinDate;
+
+  /**
+   * To limit a date range to a maximum `end_date`. Defaults to null.
+   */
+  max_date?: DatePickerProviderMaxDate;
+
+  /**
+   * Defines how the returned date, as a string, should be formatted as. Defaults to `yyyy-MM-dd`.
+   */
+  return_format?: string;
+
+  /**
+   * If the date picker should support a range of two dates (starting and ending date). Defaults to `false`.
+   */
+  range: DatePickerProviderRange;
+  setReturnObject: (...args: any[]) => any;
+  enhanceWithMethods?: Object;
+  attributes?: Object;
+  children: React.ReactNode;
+}
+export default class DatePickerProvider extends React.Component<
+  DatePickerProviderProps,
+  any
+> {
+  static defaultProps: object;
+  render(): JSX.Element;
 }
-export function pad(num: any, size: any): string;
-import React from "react";
-import PropTypes from "prop-types";

package/components/date-picker/DatePickerRange.d.ts

@@ -1,40 +1,25 @@
-export default class DatePickerRange extends React.PureComponent<any, any, any> {
-    static contextType: React.Context<{}>;
-    static propTypes: {
-        id: PropTypes.Requireable<string>;
-        isRange: PropTypes.Requireable<boolean>;
-        isLink: PropTypes.Requireable<boolean>;
-        isSync: PropTypes.Requireable<boolean>;
-        onlyMonth: PropTypes.Requireable<boolean>;
-        hideNav: PropTypes.Requireable<boolean>;
-        views: PropTypes.Requireable<number | object[]>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onNav: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        id: any;
-        isRange: any;
-        isLink: any;
-        isSync: any;
-        onlyMonth: any;
-        hideNav: any;
-        views: any;
-        onChange: any;
-        onNav: any;
-    };
-    constructor(props: any);
-    constructor(props: any, context: any);
-    onSelectHandler: (args: any) => void;
-    callOnNav: () => void;
-    setNavState: (state: any) => void;
-    onNext: ({ nr }: {
-        nr: any;
-    }) => void;
-    onPrev: ({ nr }: {
-        nr: any;
-    }) => void;
-    onHover: (hoverDate: any) => void;
+import * as React from 'react';
+export type DatePickerRangeViews = number | Object[];
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface DatePickerRangeProps
+  extends React.HTMLProps<HTMLElement> {
+  id?: string;
+  isRange?: boolean;
+  isLink?: boolean;
+  isSync?: boolean;
+  onlyMonth?: boolean;
+  hideNav?: boolean;
+  views?: DatePickerRangeViews;
+  onChange?: (...args: any[]) => any;
+  onNav?: (...args: any[]) => any;
+}
+export default class DatePickerRange extends React.Component<
+  DatePickerRangeProps,
+  any
+> {
+  static defaultProps: object;
+  render(): JSX.Element;
 }
-export function getViews(state: any, isRange: any): any;
-import React from "react";
-import PropTypes from "prop-types";