@linzjs/lui 16.5.1-0 → 17.1.0

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+# [17.1.0](https://github.com/linz/lui/compare/v17.0.0...v17.1.0) (2022-05-15)
+
+
+### Features
+
+* **LuiSearchInput:** SEARCH-2785 Search box component ([#668](https://github.com/linz/lui/issues/668)) ([aaf9640](https://github.com/linz/lui/commit/aaf9640dba3e8c994cd0ff0a2e43975bb24a9b35))
+
+# [17.0.0](https://github.com/linz/lui/compare/v16.5.1...v17.0.0) (2022-05-12)
+
+## [16.5.1](https://github.com/linz/lui/compare/v16.5.0...v16.5.1) (2022-05-10)
+
+
+### Bug Fixes
+
+* sm drop-shadow is overridden by md ([#667](https://github.com/linz/lui/issues/667)) ([0960d21](https://github.com/linz/lui/commit/0960d2101212b3bd5d46db0660f17f71e8eff552))
+
 # [16.5.0](https://github.com/linz/lui/compare/v16.4.0...v16.5.0) (2022-05-02)
 
 

package/dist/components/LuiButton/LuiButton.d.ts

@@ -2,7 +2,7 @@ import React, { MouseEvent, ReactNode, Ref } from 'react';
 export interface LuiButtonProps extends PlainButtonProps {
     href?: string;
     openInNewTab?: boolean;
-    level?: 'text' | 'plain-text' | 'primary' | 'secondary' | 'tertiary' | 'error';
+    level?: 'text' | 'plain-text' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'error';
     type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
     size?: 'sm' | '' | /* medium */ 'lg';
 }

package/dist/components/LuiFilterMenu/LuiFilterMenu.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import '@szhsin/react-menu/dist/index.css';
 declare type LuiFilterMenuProps = {
     menuButton: (toggleMenu: () => void) => ReactNode;
     filteredItems: SelectMenuItem[];

package/dist/components/LuiSearchInput/LuiSearchInput.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactElement } from 'react';
+import 'react-loading-skeleton/dist/skeleton.css';
+export interface ISearchResult {
+    id: string;
+    description: string;
+}
+export interface ISearchGroupedResult {
+    id: string;
+    description: string;
+    label: string;
+    items: ISearchResult[];
+}
+export interface ISearchInputProps {
+    minCharactersForSearch: number;
+    placeholderText: string;
+    onSelectOption: (selectedOption: ISearchResult) => void;
+    getOptions: (inputValue: string) => Promise<ISearchResult[] | ISearchGroupedResult[]>;
+    renderItem: (item: ISearchResult) => ReactElement;
+    disclaimer?: string;
+    initialValue?: string;
+}
+export declare function isGroupedResult(result: ISearchResult[] | ISearchGroupedResult[]): result is ISearchGroupedResult[];
+export declare const LuiSearchInput: React.FC<ISearchInputProps>;

package/dist/components/LuiSearchInput/ResultsDisplay.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactElement, RefObject } from 'react';
+import { ISearchGroupedResult, ISearchResult } from './LuiSearchInput';
+export interface IResultsProps {
+    selectedId: string;
+    isLoading: boolean;
+    onClick: (id: string) => void;
+    setSelectedId: (id: string) => void;
+    renderItem: (item: ISearchResult) => ReactElement;
+    results: ISearchResult[] | ISearchGroupedResult[];
+    selectedRef: RefObject<HTMLDivElement>;
+}
+declare const ResultsDisplay: React.FC<IResultsProps>;
+export default ResultsDisplay;

package/dist/components/LuiSelectMenu/LuiSelectDataMenu.d.ts

@@ -0,0 +1,15 @@
+import { MenuHeaderProps } from '@szhsin/react-menu';
+import { ReactElement } from 'react';
+export declare type MenuItemType = {
+    [key: string]: any;
+};
+export declare type MenuItemGroupType = {
+    [key: string]: any;
+};
+export interface ILuiSelectMenuProps {
+    items: (MenuItemType | MenuItemGroupType)[];
+    menuButton: ReactElement;
+}
+export declare const LuiSelectDataMenu: ({ ...props }: ILuiSelectMenuProps) => JSX.Element;
+export declare const LuiSelectMenuDivider: () => JSX.Element;
+export declare const LuiSelectMenuHeader: (props: MenuHeaderProps) => JSX.Element;

package/dist/components/LuiSelectMenu/LuiSelectMenu.d.ts

@@ -0,0 +1,20 @@
+import { MenuItemProps, MenuProps, SubMenuProps } from '@szhsin/react-menu';
+import React from 'react';
+export interface ILuiSelectMenuItemProps extends MenuItemProps {
+    children: React.ReactNode;
+    iconName?: string;
+    level?: 'primary' | 'error';
+    iconAlt?: string;
+    className?: string;
+    showHeader?: boolean;
+    noPadding?: boolean;
+    'data-testid'?: string;
+}
+export declare const LuiSelectMenu: ({ ...props }: MenuProps) => JSX.Element;
+export declare const LuiSelectMenuItem: ({ iconName, iconAlt, level, noPadding, ...rest }: ILuiSelectMenuItemProps) => JSX.Element;
+export interface ILuiSelectSubMenuItemProps extends SubMenuProps {
+    iconName?: string;
+    iconAlt?: string;
+    label: string;
+}
+export declare const LuiSelectSubMenuItem: ({ label, iconName, iconAlt, ...rest }: ILuiSelectSubMenuItemProps) => JSX.Element;

package/dist/index.d.ts

@@ -6,6 +6,8 @@ export * from './contexts/LuiMessagingContextProvider';
 export { LuiButtonGroup } from './components/LuiButton/LuiButton';
 export { LuiExpandableBanner } from './components/LuiExpandableBanner/LuiExpandableBanner';
 export { LuiMenu, LuiControlledMenu } from './components/LuiMenu/LuiMenu';
+export { LuiSelectMenu, LuiSelectMenuItem, LuiSelectSubMenuItem, } from './components/LuiSelectMenu/LuiSelectMenu';
+export { LuiSelectDataMenu } from './components/LuiSelectMenu/LuiSelectDataMenu';
 export { LuiFilterMenu } from './components/LuiFilterMenu/LuiFilterMenu';
 export { LuiTabs, LuiTabsContext } from './components/LuiTabs/LuiTabs';
 export { LuiTab } from './components/LuiTabs/LuiTab/LuiTab';
@@ -35,6 +37,7 @@ export * from './components/LuiHeader/LuiHeader';
 export * from './components/LuiHeaderMenu/LuiHeaderMenus';
 export { LuiUpdatesSplashModal } from './components/LuiUpdateSplashModal/LuiUpdatesSplashModal';
 export { LuiModal, LuiAlertModal, LuiAlertModalButtons, } from './components/LuiModal/LuiModal';
+export { ISearchInputProps, ISearchGroupedResult, ISearchResult, LuiSearchInput, } from './components/LuiSearchInput/LuiSearchInput';
 export { LuiErrorPage } from './components/LuiErrorPage/LuiErrorPage';
 export * from './components/LuiLoadingSpinner/LuiLoadingSpinner';
 export { LOLFirmSwitcherMenu } from './components/lol/LOLFirmSwitcher';