@equinor/echo-components 0.7.12 → 0.7.14

package/dist/components/index.d.ts

@@ -12,13 +12,13 @@ export * from './echoCard/index';
 export * from './echoHeader/EchoHeader';
 export * from './echoTooltip';
 export * from './floatingActionButton/FloatingActionButton';
-export * from './floatingSearchBar/FloatingSearchBar';
 export * from './inlineTagIconLink/InlineTagIconLink';
 export * from './legend';
 export * from './listItem';
 export * from './listRow/ListRow';
 export * from './pcMatrix/PCMatrix';
 export * from './rightPanel';
+export * from './searchBar';
 export * from './sidebarButton/SidebarButton';
 export * from './sidesheet';
 export * from './splitView';

package/dist/components/searchBar/common/SearchSuggestions.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SearchSuggestionsProps } from './types';
+declare function SearchSuggestions({ suggestionGroups, containerRef, onClick, styles }: SearchSuggestionsProps): React.JSX.Element;
+export { SearchSuggestions };

package/dist/components/searchBar/common/SuggestionGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SuggestionGroupProps } from './types';
+declare function SuggestionGroup({ suggestionGroup, onClick, focusedOption, styles }: SuggestionGroupProps): React.JSX.Element;
+export { SuggestionGroup };

package/dist/components/searchBar/common/types.d.ts

@@ -0,0 +1,26 @@
+export interface Suggestion {
+    label: string;
+    id: string;
+    iconName: string;
+}
+export interface SuggestionGroup {
+    title?: string;
+    id: string;
+    options: Suggestion[];
+}
+export interface SearchSuggestionsProps {
+    suggestionGroups: SuggestionGroup[];
+    containerRef: HTMLFormElement | null;
+    onClick: (suggestion: Suggestion) => void;
+    styles: {
+        readonly [key: string]: string;
+    };
+}
+export interface SuggestionGroupProps {
+    suggestionGroup: SuggestionGroup;
+    onClick: (suggestion: Suggestion) => void;
+    focusedOption: number;
+    styles: {
+        readonly [key: string]: string;
+    };
+}

package/dist/components/{floatingSearchBar → searchBar/floatingSearchBar}/FloatingSearchBar.d.ts

@@ -1,14 +1,5 @@
 import React from 'react';
-interface Suggestion {
-    label: string;
-    id: string;
-    iconName: string;
-}
-interface SuggestionGroup {
-    title?: string;
-    id: string;
-    options: Suggestion[];
-}
+import { Suggestion, SuggestionGroup } from '../common/types';
 export interface FloatingSearchBarProps {
     ariaLabel?: string;
     /**
@@ -34,11 +25,4 @@ export interface FloatingSearchBarProps {
  * @return {*}  {JSX.Element}
  */
 declare const FloatingSearchBar: React.FC<FloatingSearchBarProps>;
-interface SuggestionGroupProps {
-    suggestionGroup: SuggestionGroup;
-    onClick: (suggestion: Suggestion) => void;
-    focusedOption: number;
-}
-declare function SuggestionGroup({ suggestionGroup, onClick, focusedOption }: SuggestionGroupProps): React.JSX.Element;
-export { FloatingSearchBar, SuggestionGroup };
-export type { Suggestion };
+export { FloatingSearchBar };

package/dist/components/searchBar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './common/types';
+export * from './floatingSearchBar/FloatingSearchBar';
+export * from './responsiveSearchBar/ResponsiveSearchBar';

package/dist/components/searchBar/responsiveSearchBar/ResponsiveSearchBar.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Suggestion, SuggestionGroup } from '../common/types';
+export interface Props extends React.HTMLProps<HTMLFormElement> {
+    ariaLabel?: string;
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Callback for when the search query changes
+     */
+    onSearchQueryChange: (value: string) => void;
+    /**
+     * Suggestions that matches the search query by groups
+     */
+    suggestionGroups?: SuggestionGroup[];
+    onSuggestionClick: (suggestion: Suggestion) => void;
+    isLoading: boolean;
+}
+/**
+ * Floating search bar
+ *
+ * @param {Props} {
+ * }
+ * @return {*}  {JSX.Element}
+ */
+declare const ResponsiveSearchBar: React.FC<Props>;
+export { ResponsiveSearchBar };

package/dist/components/splitView/left/SplitViewLeft.d.ts

@@ -4,6 +4,7 @@ interface LeftProps {
     style?: CSSProperties;
     children: React.ReactChild;
     isMinimizable?: boolean;
+    defaultMinimized?: boolean;
 }
-declare function Left({ className, style, isMinimizable, children }: LeftProps): React.JSX.Element;
+declare function Left({ className, style, isMinimizable, defaultMinimized, children }: LeftProps): React.JSX.Element;
 export { Left };