@selfdecode/sd-component-library 2.46.17 → 2.46.20

package/lib/components/boxes/outside-click-box/interfaces.d.ts

@@ -1,9 +1,10 @@
+import React from "react";
 import { BoxProps } from "rebass";
 export interface OutsideClickBoxProps extends Omit<BoxProps, "ref"> {
     /**
      * Callback to be executed after clicking outside of the box.
      */
-    onClickOutside: () => void;
+    onClickOutside: (event?: React.MouseEvent<HTMLDivElement>) => void;
     /**
      * List of listened events.
      */

package/lib/components/containers/grid-containers/base-grid-container/interfaces.d.ts

@@ -8,27 +8,27 @@ export interface BaseGridContainerProps extends BaseComponentProps {
     /**
      * The grid template columuns
      */
-    gridTemplateColumns?: Array<string>;
+    gridTemplateColumns?: string | string[];
     /**
      * The grid template rows
      */
-    gridTemplateRows?: Array<string>;
+    gridTemplateRows?: string | string[];
     /**
      * The width of the container. Defaults to 100%
      */
-    width?: Array<string>;
+    width?: string | string[];
     /**
      * The height of the container. Defaults to 100%
      */
-    height?: Array<string>;
+    height?: string | string[];
     /**
      * The grid gap
      */
-    gap?: Array<string>;
+    gap?: string | string[];
     /**
      * The container's padding
      */
-    p?: Array<string>;
+    p?: string | string[];
     /**
      * The desired items alignment. Defaults to "center"
      */
@@ -60,7 +60,7 @@ export interface BaseGridContainerProps extends BaseComponentProps {
     /**
      * Possible border radius
      */
-    borderRadius?: Array<string>;
+    borderRadius?: string | string[];
     /**
      * The background to the container
      */

package/lib/components/inputs/date-inputs/base-date-range-input/interfaces.d.ts

@@ -80,15 +80,18 @@ export interface BaseDateRangeInputProps {
      * Z-index of the calendar.
      */
     zIndex?: number;
-    customStaticRanges?: StaticRangeOptions;
+    customStaticRanges?: StaticRangeOption[];
     quickSelectionLabel?: string;
+    /**
+     * Condition to use mobile version.
+     */
+    useMobileStyles?: boolean;
 }
 export declare type OnRangeSelection = {
     range1: Range;
 };
-declare type StaticRangeOptions = {
+export declare type StaticRangeOption = {
     startDate: Date;
     endDate: Date;
     label: string;
-}[];
-export {};
+};

package/lib/components/inputs/date-inputs/base-date-range-input/partials/apply-button/apply-button.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ApplyButtonProps as Props } from "./interfaces";
+export declare const ApplyButton: React.FC<Props>;

package/lib/components/inputs/date-inputs/base-date-range-input/partials/apply-button/index.d.ts

@@ -0,0 +1 @@
+export { ApplyButton } from "./apply-button";

package/lib/components/inputs/date-inputs/base-date-range-input/partials/apply-button/interfaces.d.ts

@@ -0,0 +1,6 @@
+import { Range } from "react-date-range";
+import { BaseDateRangeInputProps } from "../../interfaces";
+export interface ApplyButtonProps extends Pick<BaseDateRangeInputProps, "onSelect" | "onClose"> {
+    selectedRange: Range | null;
+    setSelectedRange: (range: Range | null) => void;
+}

package/lib/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-desktop/base-date-range-input-desktop.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { BaseDateRangeInputDesktopProps as Props } from "./interfaces";
+export declare const BaseDateRangeInputDesktop: React.FC<Props>;

package/lib/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-desktop/index.d.ts

@@ -0,0 +1 @@
+export { BaseDateRangeInputDesktop } from "./base-date-range-input-desktop";

package/lib/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-desktop/interfaces.d.ts

@@ -0,0 +1,3 @@
+import { BaseDateRangeInputMobileProps } from "../base-date-range-input-mobile/interfaces";
+export interface BaseDateRangeInputDesktopProps extends BaseDateRangeInputMobileProps {
+}

package/lib/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-mobile/base-date-range-input-mobile.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { BaseDateRangeInputMobileProps as Props } from "./interfaces";
+export declare const BaseDateRangeInputMobile: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/lib/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-mobile/index.d.ts

@@ -0,0 +1 @@
+export { BaseDateRangeInputMobile } from "./base-date-range-input-mobile";

package/lib/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-mobile/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { StaticRange } from "react-date-range";
+import { BaseDateRangeInputProps } from "../../interfaces";
+import { ApplyButtonProps } from "../apply-button/interfaces";
+export interface BaseDateRangeInputMobileProps extends Omit<BaseDateRangeInputProps, "customStaticRanges" | "children">, ApplyButtonProps {
+    customOptionSelected: boolean;
+    getStaticRanges: (mobile?: boolean) => StaticRange[];
+    handleCancel: () => void;
+}

package/lib/components/inputs/date-inputs/base-date-range-input/partials/selected-range-text/index.d.ts

@@ -0,0 +1 @@
+export { SelectedRangeText } from "./selected-range-text";

package/lib/components/inputs/date-inputs/base-date-range-input/partials/selected-range-text/interfaces.d.ts

@@ -0,0 +1,5 @@
+import { Range } from "react-date-range";
+export interface SelectedRangeTextProps {
+    selectedRange: Range | null | undefined;
+    isMobile?: boolean;
+}

package/lib/components/inputs/date-inputs/base-date-range-input/partials/selected-range-text/selected-range-text.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SelectedRangeTextProps as Props } from "./interfaces";
+export declare const SelectedRangeText: React.FC<Props>;

package/lib/components/inputs/date-inputs/base-date-range-input/utils.d.ts

@@ -0,0 +1,35 @@
+import { OnChangeProps, Range, StaticRange } from "react-date-range";
+import { StaticRangeOption } from "./interfaces";
+import { BaseDateRangeInputMobileProps } from "./partials/base-date-range-input-mobile/interfaces";
+export declare const getSelectedRangeText: (range: Range | null | undefined) => string;
+export declare const getStaticRanges: (selectedRange: Range | undefined | null, onCustomRangeSelect: () => void, deselectCustomRange: () => void, customOptionSelected: boolean, customRanges?: StaticRangeOption[] | undefined, mobile?: boolean | undefined) => StaticRange[];
+export declare const getCalendarProps: (props: BaseDateRangeInputMobileProps) => {
+    rangeColors: string[];
+    weekStartsOn: number;
+    inputRanges: never[];
+    ranges: Range[];
+    months: number | undefined;
+    onChange: (value: OnChangeProps) => void;
+    customOptionSelected: boolean;
+    getStaticRanges: (mobile?: boolean | undefined) => StaticRange[];
+    handleCancel: () => void;
+    width?: string | string[] | undefined;
+    color?: string | undefined;
+    onSelect: (range: Range) => void;
+    zIndex?: number | undefined;
+    onClose: () => void;
+    initialRange: Range | null;
+    onCancel?: (() => void) | undefined;
+    showMonthAndYearPickers?: boolean | undefined;
+    showCalendar: boolean;
+    dateDisplayFormat?: string | undefined;
+    dayDisplayFormat?: string | undefined;
+    monthDisplayFormat?: string | undefined;
+    alignCalendar?: "left" | "right" | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    quickSelectionLabel?: string | undefined;
+    useMobileStyles?: boolean | undefined;
+    selectedRange: Range | null;
+    setSelectedRange: (range: Range | null) => void;
+};

package/lib/components/inputs/date-inputs/primary-date-range-input/interfaces.d.ts

@@ -18,4 +18,8 @@ export interface PrimaryDateRangeInputProps extends Omit<BaseDateRangeInputProps
      * Distance between label and input.
      */
     gap?: string | string[];
+    /**
+     * Color of the arrow icon.
+     */
+    arrowColor?: string;
 }

package/lib/components/inputs/secondary-text-input/interfaces.d.ts

@@ -4,7 +4,7 @@ import { PrimaryTextInputProps } from "../primary-text-input";
 /**
  * Defines the SecondaryTextInput component's properties.
  */
-export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onChange" | "value" | "type" | "padding" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "disabled" | "sx"> & {
+export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onChange" | "value" | "type" | "padding" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "disabled" | "sx" | "maxLength"> & {
     /**
      * The label for the text input
      */

package/lib/components/modals/modal/interfaces.d.ts

@@ -55,6 +55,7 @@ export interface ModalProps {
     innerPadding?: string | string[];
     /**
      * Optional ability to close the modal when clicking outside the content
+     *
      * False by default
      */
     closeOnClickOutside?: boolean;