@otto-de/b2b-core-components 1.20.0 → 1.22.0

package/dist/types/components.d.ts

@@ -53,6 +53,10 @@ export namespace Components {
           * If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file defaults to the URL string, but can be changed by the user.
          */
         "download": string;
+        /**
+          * The hoverColor of the link. Per default, it is set to b2b-color-red-100. If specified as inherit, it is inherited from the parent element.
+         */
+        "hoverColor": 'inherit' | 'default';
         /**
           * The URL or URL fragment the anchor points to. This is required.
          */
@@ -65,6 +69,10 @@ export namespace Components {
           * The target the URL will be opened into. The default is self.
          */
         "target": 'self' | 'blank' | 'parent' | 'top';
+        /**
+          * The underlineText of the link. If set to false, the link text will not be underlined.
+         */
+        "underlineText": boolean;
     }
     interface B2bBackgroundBox {
         /**
@@ -265,6 +273,34 @@ export namespace Components {
         "value"?: any;
     }
     interface B2bDatePicker {
+        /**
+          * The dates that are part of this array are disabled. By default, this is an empty array.
+         */
+        "disableDates": string | string[];
+        /**
+          * All the dates until the given specified date will be disabled.
+         */
+        "disableDatesFrom": string;
+        /**
+          * All the dates until the given specified date will be disabled.
+         */
+        "disableDatesUntil": string;
+        /**
+          * Disable the days of the week specified here.
+         */
+        "disableDays": | 'Mo'
+    | 'Di'
+    | 'Mi'
+    | 'Do'
+    | 'Fr'
+    | 'Sa'
+    | 'So'
+    | 'Tu'
+    | 'We'
+    | 'Th'
+    | 'Su'
+    | string
+    | string[];
         /**
           * Whether the dates after the current date are disabled. By default, this is false.
          */
@@ -277,10 +313,22 @@ export namespace Components {
           * Whether the dates that fall on the weekend are disabled. By default, this is false.
          */
         "disableWeekends": boolean;
+        /**
+          * Hint text that should be displayed when showHint is true
+         */
+        "hint": string;
         /**
           * Label for the date picker component.
          */
         "label": string;
+        /**
+          * The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
+         */
+        "language": 'de' | 'en';
+        /**
+          * The placeholder shown in the date picker.
+         */
+        "placeholder": string;
         /**
           * Default date picker date
          */
@@ -289,8 +337,28 @@ export namespace Components {
           * Whether to show hint message or not.
          */
         "showHint": boolean;
+        /**
+          * The width of the input field of the date picker in pixel. Minimum is 250, maximum is 600px.
+         */
+        "width": number;
     }
     interface B2bDatePickerDays {
+        /**
+          * Internal the dates that are part of this array are disabled. By default, this is an empty array.
+         */
+        "disableDates": Date[];
+        /**
+          * Internal all the dates from the given specified date will be disabled.
+         */
+        "disableDatesFrom": Date;
+        /**
+          * Internal all the dates until the given specified date will be disabled.
+         */
+        "disableDatesUntil": Date;
+        /**
+          * Internal the specific days of the week that need to be disabled
+         */
+        "disableEvery": string[];
         /**
           * Internal whether the dates after the current date are disabled. By default, this is false.
          */
@@ -317,8 +385,16 @@ export namespace Components {
         "selectedYear": number;
     }
     interface B2bDatePickerDaysHeader {
+        /**
+          * Internal the language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
+         */
+        "language": 'de' | 'en';
     }
     interface B2bDatePickerHeader {
+        /**
+          * The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
+         */
+        "language": 'de' | 'en';
         /**
           * Internal selected month
          */
@@ -329,6 +405,10 @@ export namespace Components {
         "selectedYear": number;
     }
     interface B2bDatePickerMonths {
+        /**
+          * Internal The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
+         */
+        "language": 'de' | 'en';
         /**
           * Internal selected month
          */
@@ -2303,6 +2383,10 @@ declare namespace LocalJSX {
           * If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file defaults to the URL string, but can be changed by the user.
          */
         "download"?: string;
+        /**
+          * The hoverColor of the link. Per default, it is set to b2b-color-red-100. If specified as inherit, it is inherited from the parent element.
+         */
+        "hoverColor"?: 'inherit' | 'default';
         /**
           * The URL or URL fragment the anchor points to. This is required.
          */
@@ -2315,6 +2399,10 @@ declare namespace LocalJSX {
           * The target the URL will be opened into. The default is self.
          */
         "target"?: 'self' | 'blank' | 'parent' | 'top';
+        /**
+          * The underlineText of the link. If set to false, the link text will not be underlined.
+         */
+        "underlineText"?: boolean;
     }
     interface B2bBackgroundBox {
         /**
@@ -2537,6 +2625,34 @@ declare namespace LocalJSX {
         "value"?: any;
     }
     interface B2bDatePicker {
+        /**
+          * The dates that are part of this array are disabled. By default, this is an empty array.
+         */
+        "disableDates"?: string | string[];
+        /**
+          * All the dates until the given specified date will be disabled.
+         */
+        "disableDatesFrom"?: string;
+        /**
+          * All the dates until the given specified date will be disabled.
+         */
+        "disableDatesUntil"?: string;
+        /**
+          * Disable the days of the week specified here.
+         */
+        "disableDays"?: | 'Mo'
+    | 'Di'
+    | 'Mi'
+    | 'Do'
+    | 'Fr'
+    | 'Sa'
+    | 'So'
+    | 'Tu'
+    | 'We'
+    | 'Th'
+    | 'Su'
+    | string
+    | string[];
         /**
           * Whether the dates after the current date are disabled. By default, this is false.
          */
@@ -2549,14 +2665,26 @@ declare namespace LocalJSX {
           * Whether the dates that fall on the weekend are disabled. By default, this is false.
          */
         "disableWeekends"?: boolean;
+        /**
+          * Hint text that should be displayed when showHint is true
+         */
+        "hint"?: string;
         /**
           * Label for the date picker component.
          */
         "label"?: string;
+        /**
+          * The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
+         */
+        "language"?: 'de' | 'en';
         /**
           * Emits the selected date as Date type.
          */
         "onB2b-selected"?: (event: B2bDatePickerCustomEvent<DatePickerEventDetail>) => void;
+        /**
+          * The placeholder shown in the date picker.
+         */
+        "placeholder"?: string;
         /**
           * Default date picker date
          */
@@ -2565,8 +2693,28 @@ declare namespace LocalJSX {
           * Whether to show hint message or not.
          */
         "showHint"?: boolean;
+        /**
+          * The width of the input field of the date picker in pixel. Minimum is 250, maximum is 600px.
+         */
+        "width"?: number;
     }
     interface B2bDatePickerDays {
+        /**
+          * Internal the dates that are part of this array are disabled. By default, this is an empty array.
+         */
+        "disableDates"?: Date[];
+        /**
+          * Internal all the dates from the given specified date will be disabled.
+         */
+        "disableDatesFrom"?: Date;
+        /**
+          * Internal all the dates until the given specified date will be disabled.
+         */
+        "disableDatesUntil"?: Date;
+        /**
+          * Internal the specific days of the week that need to be disabled
+         */
+        "disableEvery"?: string[];
         /**
           * Internal whether the dates after the current date are disabled. By default, this is false.
          */
@@ -2601,8 +2749,16 @@ declare namespace LocalJSX {
         "selectedYear"?: number;
     }
     interface B2bDatePickerDaysHeader {
+        /**
+          * Internal the language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
+         */
+        "language"?: 'de' | 'en';
     }
     interface B2bDatePickerHeader {
+        /**
+          * The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
+         */
+        "language"?: 'de' | 'en';
         /**
           * Event emitted for next month click*
          */
@@ -2625,6 +2781,10 @@ declare namespace LocalJSX {
         "selectedYear"?: number;
     }
     interface B2bDatePickerMonths {
+        /**
+          * Internal The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
+         */
+        "language"?: 'de' | 'en';
         /**
           * Event emitted on selecting month*
          */
@@ -3404,7 +3564,7 @@ declare namespace LocalJSX {
          */
         "onB2b-open"?: (event: B2bTableRowCustomEvent<boolean>) => void;
         /**
-          * Emits if the row is selectable and it is selected or unselected. Emits both unique value and the checkbox status.
+          * Emits if the row is selectable and if it is selected or unselected. Emits both unique value and the checkbox status.
          */
         "onB2b-row-selected"?: (event: B2bTableRowCustomEvent<CheckboxEventDetail1>) => void;
         /**

package/dist/types/utils/datepicker/date-picker-util.d.ts

@@ -0,0 +1,14 @@
+export declare class DateUtils {
+    static isSameDate(date1: Date, date2: Date): boolean;
+    static isDisabledDate(givenDate: Date, options: {
+        disableDates?: Date[];
+        disablePastDates?: boolean;
+        disableFutureDates?: boolean;
+        disableWeekends?: boolean;
+        todayWithoutTime?: Date;
+        disableEvery?: string[];
+        disableDatesUntil?: Date;
+        disableDatesFrom?: Date;
+    }): boolean;
+    static parseStringToDateArray(value: string): Date[];
+}