@workday/canvas-kit-labs-react 5.3.15 → 5.4.0-next.1

package/{dist/es6/header/lib/parts/SearchBar.d.ts → ts3.5/dist/es6/search-form/lib/SearchForm.d.ts}

@@ -1,103 +1,107 @@
-import * as React from 'react';
-import { GrowthBehavior } from '@workday/canvas-kit-react/common';
-import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
-import { SearchThemeAttributes } from '../shared/themes';
-import { SearchTheme } from '../shared/types';
-export interface SearchBarProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
-    /**
-     * The function called when the SearchBar form is submitted. The current input value is passed to the callback function.
-     */
-    onSubmit: React.FormEventHandler<HTMLFormElement>;
-    /**
-     * If true, collapse the SearchBar text input into a toggle icon. Useful for responsive layouts.
-     * @default false
-     */
-    isCollapsed?: boolean;
-    /**
-     * The function called when the SearchBar text input changes.
-     */
-    onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /**
-     * The autocomplete items of the SearchBar. This array of menu items is shown under the search bar.
-     */
-    autocompleteItems?: React.ReactElement<MenuItemProps>[];
-    /**
-     * The theme of the header the search input is being rendered in.
-     */
-    searchTheme?: SearchTheme | SearchThemeAttributes;
-    /**
-     * The placeholder text of the SearchBar text input.
-     * @default Search
-     */
-    placeholder?: string;
-    /**
-     * The initial value of the SearchBar text input.
-     */
-    initialValue?: string;
-    /**
-     * If true, right-align the SearchBar. If false, the text input should grow to left-align the SearchBar.
-     * @default false
-     */
-    rightAlign?: boolean;
-    /**
-     * The screenreader label text for the SearchBar text input.
-     * @default Search
-     */
-    inputLabel?: string;
-    /**
-     * The screenreader label text for the SearchBar submit button.
-     * @default Search
-     */
-    submitAriaLabel?: string;
-    /**
-     * The screenreader label text for the SearchBar clear button.
-     * @default Reset Search Form
-     */
-    clearButtonAriaLabel?: string;
-    /**
-     * The screenreader label text for the button to open the collapsed SearchBar.
-     * @default Open Search
-     */
-    openButtonAriaLabel?: string;
-    /**
-     * The screenreader label text for the button to close the open SearchBar.
-     * @default Cancel
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * If true, render the SearchBar with a button to clear the text input.
-     * @default true
-     */
-    showClearButton?: boolean;
-    /**
-     * Height of the Search Bar in pixels
-     * @default: 40
-     */
-    height?: number;
-}
-export interface SearchBarState {
-    showForm: boolean;
-    searchQuery: string;
-    isFocused: boolean;
-}
-export declare class SearchBar extends React.Component<SearchBarProps, SearchBarState> {
-    static Theme: typeof SearchTheme;
-    private inputRef;
-    private openRef;
-    private labelId;
-    state: Readonly<SearchBarState>;
-    private getTheme;
-    private getThemeColors;
-    getIconButtonType: () => "circle" | "square" | "inverse" | "squareFilled" | "plain" | "circleFilled" | "inverseFilled" | undefined;
-    handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
-    openCollapsedSearch: () => void;
-    closeCollapsedSearch: () => void;
-    componentDidUpdate(prevProps: SearchBarProps, prevState: SearchBarState): void;
-    focusInput: () => void;
-    focusOpen: () => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-    handleSearchInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=SearchBar.d.ts.map
+import * as React from 'react';
+import { GrowthBehavior } from '@workday/canvas-kit-react/common';
+import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
+import { SearchThemeAttributes, SearchTheme } from './themes';
+export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
+    /**
+     * The function called when the SearchForm form is submitted. The current input value is passed to the callback function.
+     */
+    onSubmit: React.FormEventHandler<HTMLFormElement>;
+    /**
+     * If true, collapse the SearchForm text input into a toggle icon. Useful for responsive layouts.
+     * @default false
+     */
+    isCollapsed?: boolean;
+    /**
+     * The function called when the SearchForm text input changes.
+     */
+    onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /**
+     * The autocomplete items of the SearchForm. This array of menu items is shown under the search bar.
+     */
+    autocompleteItems?: React.ReactElement<MenuItemProps>[];
+    /**
+     * The theme of the header the search input is being rendered in.
+     */
+    searchTheme?: SearchTheme | SearchThemeAttributes;
+    /**
+     * The placeholder text of the SearchForm text input.
+     * @default Search
+     */
+    placeholder?: string;
+    /**
+     * The initial value of the SearchForm text input.
+     */
+    initialValue?: string;
+    /**
+     * If true, right-align the SearchForm. If false, the text input should grow to left-align the SearchForm.
+     * @default false
+     */
+    rightAlign?: boolean;
+    /**
+     * The screenreader label text for the SearchForm text input.
+     * @default Search
+     */
+    inputLabel?: string;
+    /**
+     * The screenreader label text for the SearchForm submit button.
+     * @default Search
+     */
+    submitAriaLabel?: string;
+    /**
+     * The screenreader label text for the SearchForm clear button.
+     * @default Reset Search Form
+     */
+    clearButtonAriaLabel?: string;
+    /**
+     * The screenreader label text for the button to open the collapsed SearchForm.
+     * @default Open Search
+     */
+    openButtonAriaLabel?: string;
+    /**
+     * The screenreader label text for the button to close the open SearchForm.
+     * @default Cancel
+     */
+    closeButtonAriaLabel?: string;
+    /**
+     * If true, render the SearchForm with a button to clear the text input.
+     * @default true
+     */
+    showClearButton?: boolean;
+    /**
+     * Height of the Search Form in pixels
+     * @default 40
+     */
+    height?: number;
+    /**
+     * If true, allow onSubmit being called when input value is empty.
+     * @default false
+     */
+    allowEmptyStringSearch?: boolean;
+}
+export interface SearchFormState {
+    showForm: boolean;
+    searchQuery: string;
+    isFocused: boolean;
+}
+export declare class SearchForm extends React.Component<SearchFormProps, SearchFormState> {
+    static Theme: typeof SearchTheme;
+    private inputRef;
+    private openRef;
+    private labelId;
+    state: Readonly<SearchFormState>;
+    private getTheme;
+    private getThemeColors;
+    getIconButtonType: () => "circle" | "square" | "inverse" | "squareFilled" | "plain" | "circleFilled" | "inverseFilled" | undefined;
+    handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
+    openCollapsedSearch: () => void;
+    closeCollapsedSearch: () => void;
+    componentDidUpdate(prevProps: SearchFormProps, prevState: SearchFormState): void;
+    focusInput: () => void;
+    focusOpen: () => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleSearchInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=SearchForm.d.ts.map

package/ts3.5/dist/es6/search-form/lib/themes.d.ts

@@ -0,0 +1,21 @@
+export declare enum SearchTheme {
+    Light = 0,
+    Dark = 1,
+    Transparent = 2
+}
+export interface SearchThemeAttributes {
+    background?: string;
+    backgroundFocus?: string;
+    backgroundHover?: string;
+    color?: string;
+    colorFocus?: string;
+    placeholderColor?: string;
+    placeholderColorFocus?: string;
+    boxShadow?: string | string[];
+    boxShadowFocus?: string | string[];
+}
+export interface SearchThemes {
+    [key: string]: SearchThemeAttributes;
+}
+export declare const searchThemes: SearchThemes;
+//# sourceMappingURL=themes.d.ts.map

package/dist/commonjs/header/lib/parts/SearchBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAAS,MAAM,kCAAkC,CAAC;AAMxE,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAe,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAI5C,MAAM,WAAW,cAAe,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAC/F;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAuMD,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,OAAO,CAAU;IAEzB,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAI7B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,kHAOf;IAEF,YAAY,oDAOV;IAEF,mBAAmB,aAIjB;IAEF,oBAAoB,aAIlB;IAEF,kBAAkB,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;IAWvE,UAAU,aAIR;IAEF,SAAS,aAIP;IAEF,WAAW,aAET;IAEF,UAAU,aAER;IAEF,uBAAuB,uDAMrB;IAEF,MAAM;CAkGP"}

package/dist/es6/header/lib/parts/SearchBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAAS,MAAM,kCAAkC,CAAC;AAMxE,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAe,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAI5C,MAAM,WAAW,cAAe,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAC/F;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAuMD,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,OAAO,CAAU;IAEzB,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAI7B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,kHAOf;IAEF,YAAY,oDAOV;IAEF,mBAAmB,aAIjB;IAEF,oBAAoB,aAIlB;IAEF,kBAAkB,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;IAWvE,UAAU,aAIR;IAEF,SAAS,aAIP;IAEF,WAAW,aAET;IAEF,UAAU,aAER;IAEF,uBAAuB,uDAMrB;IAEF,MAAM;CAkGP"}