@selfdecode/sd-component-library 4.0.7-6.1 → 4.0.7-7.2

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

@@ -1,4 +1,4 @@
-import { OnChangeProps, Range, StaticRange } from "react-date-range";
+import { 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;
@@ -20,14 +20,14 @@ export declare const getCalendarProps: (props: BaseDateRangeInputMobileProps) =>
     showCalendar: boolean;
     alignCalendar?: "left" | "right" | undefined;
     maxDate?: Date | undefined;
+    dateDisplayFormat?: string | undefined;
+    dayDisplayFormat?: string | undefined;
     minDate?: Date | undefined;
+    monthDisplayFormat?: string | undefined;
+    showMonthAndYearPickers?: boolean | undefined;
     onClose: () => void;
     initialRange: import("./interfaces").DateRange | null;
     onCancel?: (() => void) | undefined;
-    showMonthAndYearPickers?: boolean | undefined;
-    dateDisplayFormat?: string | undefined;
-    dayDisplayFormat?: string | undefined;
-    monthDisplayFormat?: string | undefined;
     quickSelectionLabel?: string | undefined;
     useMobileStyles?: boolean | undefined;
     selectedRange: Range | null;

package/lib/components/inputs/search-input/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./presentational";
-export * from "./partials";
+export { SearchInput } from "./search-input";
+export * from "./interfaces";

package/lib/components/inputs/search-input/{presentational/interfaces.d.ts → interfaces.d.ts}

@@ -1,6 +1,5 @@
 import { SxProps } from "rebass";
-import { PrimaryTextInputProps } from "../../primary-text-input";
-import { SearchResult } from "../partials/search-box/interfaces";
+import { PrimaryTextInputProps } from "../primary-text-input";
 /**
  * Defines SearchInput component's properties.
  */
@@ -39,6 +38,10 @@ export interface SearchInputProps extends BaseInputProps {
      * Whether to use react-router links.
      */
     useRouterLinks?: boolean;
+    /**
+     * Callback to trigger when search result is clicked on.
+     */
+    onResultClick?: (result: SearchResult) => void;
     /**
      * Sx prop of the container.
      */
@@ -56,3 +59,9 @@ export interface SearchInputProps extends BaseInputProps {
      */
     maxWidth?: string | string[];
 }
+export interface SearchResult {
+    type: string;
+    type_full?: string;
+    text: string;
+    url: string;
+}

package/lib/components/inputs/search-input/search-box.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SearchInputProps } from "./index";
+declare type Props = Required<Pick<SearchInputProps, "searchResults">> & Pick<SearchInputProps, "useRouterLinks" | "onResultClick">;
+export declare const SearchBox: React.FC<Props>;
+export {};