@linzjs/lui 17.0.0 → 17.1.2

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [17.1.2](https://github.com/linz/lui/compare/v17.1.1...v17.1.2) (2022-05-23)
+
+## [17.1.1](https://github.com/linz/lui/compare/v17.1.0...v17.1.1) (2022-05-17)
+
+
+### Bug Fixes
+
+* LuiIcon export – added pop_back and left_col ([#671](https://github.com/linz/lui/issues/671)) ([e7d749c](https://github.com/linz/lui/commit/e7d749c018e8551f95ff365eff6a769f24b6ae2b))
+
+# [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)

package/dist/assets/icons/left_col.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.8 12c0 .5-.4 1-1 1h-6v1.8c0 .4-.5.7-.9.3l-2.8-2.8c-.2-.2-.2-.5 0-.7l2.8-2.8c.3-.3.9-.1.9.3V11h6c.5 0 1 .4 1 1ZM21 5v14c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2Zm-2 7c0-1.1-.9-2-2-2h-4V6c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h6c.6 0 1-.4 1-1v-4h4c1.1 0 2-.9 2-2Z" fill="#2A292C"/></svg>

package/dist/assets/icons/pop_back.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 5h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1h-5c-.55 0-1 .45-1 1s.45 1 1 1h6a2 2 0 0 0 2-2V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v6c0 .55.45 1 1 1s1-.45 1-1V6c0-.55.45-1 1-1Zm4 15c0-.55-.45-1-1-1H6.41l9.13-9.13a.996.996 0 1 0-1.41-1.41L5 17.59V15c0-.55-.45-1-1-1s-1 .45-1 1v6h6c.55 0 1-.45 1-1Z" fill="#000"/></svg>

package/dist/assets/svg-content.tsx

@@ -371,6 +371,12 @@ iconMap['ic_layers'] = (
   </svg>
 );
 
+iconMap['ic_left_col'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.8 12c0 .5-.4 1-1 1h-6v1.8c0 .4-.5.7-.9.3l-2.8-2.8c-.2-.2-.2-.5 0-.7l2.8-2.8c.3-.3.9-.1.9.3V11h6c.5 0 1 .4 1 1ZM21 5v14c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2Zm-2 7c0-1.1-.9-2-2-2h-4V6c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h6c.6 0 1-.4 1-1v-4h4c1.1 0 2-.9 2-2Z" />
+  </svg>
+);
+
 iconMap['ic_line_arc'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.16 0-7.74 2.42-9.44 5.93-.32.67.04 1.47.75 1.71.59.2 1.23-.08 1.5-.64 1.3-2.66 4.03-4.5 7.19-4.5 1.95 0 3.73.72 5.12 1.88l-1.91 1.91c-.63.63-.19 1.71.7 1.71H21c.55 0 1-.45 1-1V9.41c0-.89-1.08-1.34-1.71-.71l-1.89 1.9Z" />
@@ -544,6 +550,12 @@ iconMap['ic_polygon_selection'] = (
   </svg>
 );
 
+iconMap['ic_pop_back'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6 5h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1h-5c-.55 0-1 .45-1 1s.45 1 1 1h6a2 2 0 0 0 2-2V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v6c0 .55.45 1 1 1s1-.45 1-1V6c0-.55.45-1 1-1Zm4 15c0-.55-.45-1-1-1H6.41l9.13-9.13a.996.996 0 1 0-1.41-1.41L5 17.59V15c0-.55-.45-1-1-1s-1 .45-1 1v6h6c.55 0 1-.45 1-1Z" />
+  </svg>
+);
+
 iconMap['ic_pre_validation'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M13.05 9.79 10 7.5v9l3.05-2.29L16 12l-2.95-2.21Zm0 0L10 7.5v9l3.05-2.29L16 12l-2.95-2.21Zm0 0L10 7.5v9l3.05-2.29L16 12l-2.95-2.21ZM11 4.07V2.05c-2.01.2-3.84 1-5.32 2.21L7.1 5.69A7.941 7.941 0 0 1 11 4.07ZM5.69 7.1 4.26 5.68A9.949 9.949 0 0 0 2.05 11h2.02c.18-1.46.76-2.79 1.62-3.9ZM4.07 13H2.05c.2 2.01 1 3.84 2.21 5.32l1.43-1.43A7.868 7.868 0 0 1 4.07 13Zm1.61 6.74A9.981 9.981 0 0 0 11 21.95v-2.02a7.941 7.941 0 0 1-3.9-1.62l-1.42 1.43ZM22 12c0 5.16-3.92 9.42-8.95 9.95v-2.02C16.97 19.41 20 16.05 20 12s-3.03-7.41-6.95-7.93V2.05C18.08 2.58 22 6.84 22 12Z" />

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

@@ -0,0 +1,24 @@
+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;
+    inputTransformer?: (input: string) => 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';