@progress/kendo-react-grid 14.0.0-develop.1 → 14.0.0-develop.3

package/toolbar-tools/smartbox/interfaces/SmartBoxTypes.d.ts

@@ -0,0 +1,461 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { SpeechToTextButtonProps } from '@progress/kendo-react-buttons';
+import { GridToolbarAIAssistantRequestData } from '../../../index.js';
+import { GridSmartBoxAIAssistantSearchProps, GridSmartBoxSearchProps } from './SearchTypes.js';
+import { TextBoxProps } from '@progress/kendo-react-inputs';
+import { GridSmartBoxHistoryProps } from './utilTypes.js';
+import { AxiosRequestConfig } from 'axios';
+/**
+ * Represents the available modes for the SmartBox component.
+ *
+ * - `search` - Standard text search mode with filtering capabilities
+ * - `semanticSearch` - AI-powered semantic search mode
+ * - `aiAssistant` - AI assistant mode for natural language grid operations
+ */
+export type SmartBoxMode = 'search' | 'semanticSearch' | 'aiAssistant';
+/**
+ * Represents a history item stored in the SmartBox history.
+ */
+export interface HistoryItem {
+    /**
+     * The text content of the history item.
+     */
+    text: string;
+    /**
+     * The timestamp when the history item was created.
+     */
+    timestamp: Date;
+    /**
+     * Optional format string for displaying the timestamp.
+     */
+    format?: string;
+}
+/**
+ * Represents the event data passed when an AI prompt request is initiated.
+ */
+export interface GridSmartBoxRequestEvent {
+    /**
+     * The request data containing prompt message, columns, and request options.
+     */
+    requestData: GridToolbarAIAssistantRequestData;
+}
+/**
+ * Base interface for search events containing filter descriptor and search value.
+ */
+interface GridSmartBoxSearchBaseEvent extends CompositeFilterDescriptor {
+    /**
+     * The search value entered by the user.
+     */
+    searchValue: string;
+}
+/**
+ * Represents the event data passed when a search is performed.
+ */
+export interface GridSmartBoxSearchEvent extends GridSmartBoxSearchBaseEvent {
+    /**
+     * Returns whether the default action has been prevented.
+     *
+     * @returns `true` if the default action was prevented, otherwise `false`.
+     */
+    isDefaultPrevented: () => boolean;
+    /**
+     * Prevents the default search action from being executed.
+     * Use this to handle the search manually.
+     */
+    preventDefault: () => void;
+}
+/**
+ * Represents the event data passed when an AI response is received successfully.
+ */
+export interface GridSmartBoxResponseSuccessEvent {
+    /**
+     * The response data from the AI service.
+     */
+    response: any;
+}
+/**
+ * Represents the event data passed when an AI response returns an error.
+ */
+export interface GridSmartBoxResponseErrorEvent {
+    /**
+     * The error object or message from the failed AI request.
+     */
+    error: any;
+}
+/**
+ * Configuration options for the semantic search mode.
+ */
+export interface GridSmartBoxSemanticSearchConfigProps {
+    /**
+     * Enables or disables the semantic search mode.
+     */
+    enabled?: boolean;
+    /**
+     * Sets the placeholder text for the semantic search input.
+     */
+    placeholder?: string;
+    /**
+     * Sets the debounce delay in milliseconds before triggering a semantic search.
+     *
+     * @default 500
+     */
+    delay?: number;
+    /**
+     * Configures the semantic search history settings.
+     * Can be a boolean to enable/disable or an object with detailed settings.
+     */
+    history?: boolean | GridSmartBoxHistoryProps;
+}
+/**
+ * Configuration options for the AI assistant mode.
+ *
+ * The AI assistant supports three operational modes:
+ * - **Auto mode**: Set `requestOptions` (with `url` property) - SmartBox handles the request automatically
+ * - **Controlled mode**: Set `requestUrl` without `requestOptions` - SmartBox makes requests but you control loading state
+ * - **Manual mode**: Don't set `requestUrl` or `requestOptions` - Handle requests yourself via `onAIPromptRequest`
+ */
+export interface GridSmartBoxAIAssistantConfigProps {
+    /**
+     * Enables or disables the AI assistant mode.
+     */
+    enabled?: boolean;
+    /**
+     * Sets the placeholder text for the AI assistant input.
+     */
+    placeholder?: string;
+    /**
+     * Defines the URL to which the AI request will be sent.
+     * When set without `requestOptions`, enables controlled mode.
+     *
+     * @example
+     * ```tsx
+     * // Controlled mode
+     * <SmartBox aiAssistantConfig={{ requestUrl: 'https://api.example.com/ai/grid' }} />
+     * ```
+     */
+    requestUrl?: string;
+    /**
+     * Defines the options for the axios request.
+     * When set (with `url` property), enables auto mode where SmartBox handles requests automatically.
+     *
+     * @example
+     * ```tsx
+     * // Auto mode - SmartBox handles everything
+     * <SmartBox aiAssistantConfig={{
+     *   requestOptions: {
+     *     url: 'https://api.example.com/ai/grid',
+     *     timeout: 5000,
+     *     headers: { 'Authorization': 'Bearer token' }
+     *   }
+     * }} />
+     * ```
+     */
+    requestOptions?: AxiosRequestConfig;
+    /**
+     * List of suggested prompts to display in the popup.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox aiAssistantConfig={{
+     *   promptSuggestions: ['Sort by price', 'Filter active items', 'Group by category']
+     * }} />
+     * ```
+     */
+    promptSuggestions?: string[];
+    /**
+     * Enables the speech-to-text functionality.
+     * Can be a boolean to enable/disable or an object with SpeechToTextButton props.
+     */
+    speechToTextButton?: boolean | SpeechToTextButtonProps;
+    /**
+     * Configures the AI assistant history settings.
+     * Can be a boolean to enable/disable or an object with detailed settings.
+     */
+    history?: boolean | GridSmartBoxHistoryProps;
+}
+/**
+ * Represents the props for the SmartBox component.
+ * SmartBox provides a unified search interface with three modes: standard search,
+ * semantic search, and AI assistant for natural language grid operations.
+ *
+ * The AI assistant supports three operational modes configured via `aiAssistantConfig`:
+ * - **Auto mode**: Set `requestOptions` (with `url`) - SmartBox handles requests automatically
+ * - **Controlled mode**: Set `requestUrl` - SmartBox makes requests, you control loading state
+ * - **Manual mode**: Don't set `requestUrl` or `requestOptions` - Handle requests via `onAIPromptRequest`
+ *
+ * @example
+ * ```tsx
+ * // Auto mode - SmartBox handles everything automatically
+ * <SmartBox
+ *   aiAssistantConfig={{
+ *     enabled: true,
+ *     requestOptions: {
+ *       url: '/api/ai/grid',
+ *       timeout: 5000
+ *     },
+ *     promptSuggestions: ['Sort by price', 'Filter active items']
+ *   }}
+ *   searchConfig={{ enabled: true }}
+ * />
+ *
+ * // Controlled mode - SmartBox makes requests, you control loading state
+ * <SmartBox
+ *   loading={isLoading}
+ *   aiAssistantConfig={{
+ *     enabled: true,
+ *     requestUrl: '/api/ai/grid'
+ *   }}
+ *   onAIPromptRequest={(e) => setIsLoading(true)}
+ *   onAIResponseSuccess={(e) => setIsLoading(false)}
+ * />
+ *
+ * // Manual mode - fully custom request handling
+ * <SmartBox
+ *   loading={isLoading}
+ *   aiAssistantConfig={{ enabled: true }}
+ *   onAIPromptRequest={(e) => {
+ *     setIsLoading(true);
+ *     myCustomFetch(e.requestData).then(handleResponse);
+ *   }}
+ * />
+ * ```
+ */
+export interface GridSmartBoxAIAssistantProps extends Omit<GridSmartBoxAIAssistantSearchProps, 'delay'> {
+    /**
+     * Configures the search mode settings.
+     * Can be a boolean to enable/disable or an object with detailed settings.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox searchConfig={{ enabled: true, fields: ['name', 'description'], delay: 300 }} />
+     * ```
+     */
+    searchConfig?: boolean | GridSmartBoxSearchProps;
+    /**
+     * Configures the semantic search mode settings.
+     * Can be a boolean to enable/disable or an object with detailed settings.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox semanticSearchConfig={{ enabled: true, placeholder: 'Search with AI...' }} />
+     * ```
+     */
+    semanticSearchConfig?: boolean | GridSmartBoxSemanticSearchConfigProps;
+    /**
+     * Configures the AI assistant mode settings.
+     * Can be a boolean to enable/disable or an object with detailed settings.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox aiAssistantConfig={{
+     *   enabled: true,
+     *   requestUrl: '/api/ai/grid',
+     *   promptSuggestions: ['Sort by price', 'Filter active items']
+     * }} />
+     * ```
+     */
+    aiAssistantConfig?: boolean | GridSmartBoxAIAssistantConfigProps;
+    /**
+     * Sets the currently active mode.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox activeMode="aiAssistant" />
+     * ```
+     */
+    activeMode?: SmartBoxMode;
+    /**
+     * Sets the text direction.
+     *
+     * @default 'ltr'
+     */
+    dir?: 'ltr' | 'rtl';
+    /**
+     * Sets the size of the SmartBox.
+     *
+     * @default 'medium'
+     *
+     * @example
+     * ```tsx
+     * <SmartBox size="large" />
+     * ```
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Sets whether the SmartBox is in loading state.
+     * Use this for controlled mode to manage loading state externally.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox loading={isLoading} onAIPromptRequest={() => setIsLoading(true)} />
+     * ```
+     */
+    loading?: boolean;
+    /**
+     * Custom render function for prompt suggestions.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox
+     *   promptSuggestionRender={(suggestion, onClick) => (
+     *     <li className="custom-suggestion" onClick={onClick}>{suggestion}</li>
+     *   )}
+     * />
+     * ```
+     */
+    promptSuggestionRender?: (suggestion: string, onClick: () => void) => React.ReactNode;
+    /**
+     * Custom render function for history items.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox
+     *   historyItemRender={(item, onClick) => (
+     *     <li className="custom-history" onClick={onClick}>
+     *       {item.text} - {item.timestamp.toLocaleString()}
+     *     </li>
+     *   )}
+     * />
+     * ```
+     */
+    historyItemRender?: (item: HistoryItem, onClick: () => void) => React.ReactNode;
+    /**
+     * Props to pass to the TextBox component.
+     */
+    textboxProps?: TextBoxProps;
+    /**
+     * Fires when the SmartBox popup opens.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox onOpen={() => console.log('Popup opened')} />
+     * ```
+     */
+    onOpen?: () => void;
+    /**
+     * Fires when the SmartBox popup closes.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox onClose={() => console.log('Popup closed')} />
+     * ```
+     */
+    onClose?: () => void;
+    /**
+     * Fires when the SmartBox input is focused.
+     */
+    onFocus?: () => void;
+    /**
+     * Fires when the SmartBox input is blurred.
+     */
+    onBlur?: () => void;
+    /**
+     * Fires when a search is performed in Search mode.
+     * The event contains the search value and filter descriptor.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox
+     *   onSearch={(event) => {
+     *     console.log('Search value:', event.searchValue);
+     *     // Prevent default filtering if needed
+     *     event.preventDefault();
+     *   }}
+     * />
+     * ```
+     */
+    onSearch?: (event: GridSmartBoxSearchEvent) => void;
+    /**
+     * Fires when a search is performed in Semantic Search mode.
+     * The event contains the search value and filter descriptor.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox
+     *   onSemanticSearch={(event) => {
+     *     console.log('Semantic search:', event.searchValue);
+     *   }}
+     * />
+     * ```
+     */
+    onSemanticSearch?: (event: GridSmartBoxSearchEvent) => void;
+    /**
+     * Fires when an AI prompt request is initiated.
+     * Use this callback to intercept requests, modify data, or handle requests manually.
+     *
+     * @example
+     * ```tsx
+     * // Controlled mode - intercept and modify request
+     * <SmartBox
+     *   onAIPromptRequest={(event) => {
+     *     console.log('Prompt:', event.requestData.promptMessage);
+     *     setLoading(true);
+     *   }}
+     * />
+     *
+     * // Manual mode - handle request yourself
+     * <SmartBox
+     *   onAIPromptRequest={(event) => {
+     *     fetch('/api/ai', {
+     *       method: 'POST',
+     *       body: JSON.stringify(event.requestData)
+     *     }).then(handleResponse);
+     *   }}
+     * />
+     * ```
+     */
+    onAIPromptRequest?: (event: GridSmartBoxRequestEvent) => void;
+    /**
+     * Fires when an AI response is received successfully.
+     * Only fires in auto or controlled mode when a `requestUrl` is configured.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox
+     *   onAIResponseSuccess={(event) => {
+     *     console.log('AI response:', event.response);
+     *     setLoading(false);
+     *   }}
+     * />
+     * ```
+     */
+    onAIResponseSuccess?: (event: GridSmartBoxResponseSuccessEvent) => void;
+    /**
+     * Fires when an AI response returns an error.
+     * Only fires in auto or controlled mode when a `requestUrl` is configured.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox
+     *   onAIResponseError={(event) => {
+     *     console.error('AI error:', event.error);
+     *     setLoading(false);
+     *   }}
+     * />
+     * ```
+     */
+    onAIResponseError?: (event: GridSmartBoxResponseErrorEvent) => void;
+    /**
+     * Fires when an AI request is cancelled by the user.
+     * The user can cancel by clicking the stop button during loading.
+     *
+     * @example
+     * ```tsx
+     * <SmartBox
+     *   onAICancelRequest={() => {
+     *     console.log('Request cancelled');
+     *     setLoading(false);
+     *   }}
+     * />
+     * ```
+     */
+    onAICancelRequest?: () => void;
+}
+export {};

package/toolbar-tools/smartbox/interfaces/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export * from './SegmentedControlTypes.js';
+export * from './SearchTypes.js';
+export * from './SmartBoxTypes.js';
+export * from './utilTypes.js';

package/toolbar-tools/smartbox/interfaces/utilTypes.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export type BooleanOrConfig<T = {}> = boolean | T;
+/**
+ * Configuration options for the SmartBox history feature.
+ */
+export interface GridSmartBoxHistoryProps {
+    /**
+     * Sets the maximum number of history items to store.
+     */
+    size: number;
+    /**
+     * Sets the format string for displaying timestamps in history items.
+     * Uses Intl date format patterns (e.g., 'HH:mm', 'dd/MM/yyyy HH:mm').
+     */
+    timestampFormat: string;
+}

package/toolbar-tools/smartbox/listItemRenders.d.ts

@@ -0,0 +1,165 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ListItemProps, ListGroupItemProps } from '@progress/kendo-react-dropdowns';
+import { SmartBoxMode, HistoryItem } from './interfaces/index.js';
+import * as React from 'react';
+/**
+ * Represents the configuration options for creating a custom list item render function.
+ * This interface is used to customize how items are rendered in the SmartBox dropdown list.
+ *
+ * @hidden
+ */
+interface CreateListItemRenderProps {
+    /**
+     * Specifies a custom render function for history items.
+     * When provided, this function will be used to render items that are marked as history items
+     * (items with `isHistoryItem: true` in their data).
+     *
+     * @param item - The history item containing text content and timestamp information.
+     * @param onClick - Callback function to handle click events on the history item.
+     *                  Invoke this to select the history item and populate the search input.
+     * @returns A React node representing the custom rendered history item.
+     *
+     * @example
+     * ```tsx
+     * historyItemRender={(item, onClick) => (
+     *   <li className="custom-history-item" onClick={onClick}>
+     *     <span>{item.text}</span>
+     *     <span className="timestamp">{item.timestamp.toLocaleString()}</span>
+     *   </li>
+     * )}
+     * ```
+     */
+    historyItemRender?: (item: HistoryItem, onClick: () => void) => React.ReactNode;
+    /**
+     * Specifies a custom render function for prompt suggestions.
+     * When provided, this function will be used to render items that are not history items
+     * (e.g., AI prompt suggestions in the dropdown list).
+     *
+     * @param text - The text content of the prompt suggestion.
+     * @param onClick - Callback function to handle click events on the prompt suggestion.
+     *                  Invoke this to select the suggestion and populate the search input.
+     * @returns A React node representing the custom rendered prompt suggestion.
+     *
+     * @example
+     * ```tsx
+     * promptSuggestionRender={(text, onClick) => (
+     *   <li className="custom-suggestion" onClick={onClick}>
+     *     <span className="suggestion-icon">💡</span>
+     *     <span>{text}</span>
+     *   </li>
+     * )}
+     * ```
+     */
+    promptSuggestionRender?: (text: string, onClick: () => void) => React.ReactNode;
+    /**
+     * Specifies the callback function to handle click events on list items.
+     * This function is called internally when a user clicks on any list item,
+     * populating the search input with the selected item's text.
+     *
+     * @param text - The text content of the clicked list item.
+     */
+    handleListItemClick: (text: string) => void;
+}
+/**
+ * Creates a custom list item render function for the SmartBox dropdown.
+ * This factory function returns a render function that handles both history items
+ * and prompt suggestions with support for custom rendering.
+ *
+ * @param props - The configuration options for creating the list item render function.
+ * @returns A render function compatible with KendoReact ComboBox/DropDownList itemRender prop.
+ *
+ * @example
+ * ```tsx
+ * const itemRender = createListItemRender({
+ *   historyItemRender: (item, onClick) => (
+ *     <li onClick={onClick}>{item.text}</li>
+ *   ),
+ *   handleListItemClick: (text) => console.log('Selected:', text)
+ * });
+ * ```
+ *
+ * @hidden
+ */
+export declare function createListItemRender({ historyItemRender, promptSuggestionRender, handleListItemClick }: CreateListItemRenderProps): (li: React.ReactElement<any>, itemProps: ListItemProps) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
+/**
+ * Renders a list item for search mode selection in the SmartBox.
+ * Displays a check icon for the currently selected mode and shows
+ * both the mode name and description.
+ *
+ * @param li - The React element representing the list item container.
+ * @param itemProps - The props for the list item including the data item.
+ * @returns A cloned React element with the customized content.
+ *
+ * @example
+ * ```tsx
+ * <ComboBox itemRender={searchModeItemRender} />
+ * ```
+ * @hidden
+ */
+export declare function searchModeItemRender(li: React.ReactElement<any>, itemProps: ListItemProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+/**
+ * Renders a group header item in the SmartBox dropdown list.
+ * Displays an optional SVG icon followed by the group name.
+ * Used for visually separating different categories of items (e.g., history vs suggestions).
+ *
+ * @param li - The React element representing the group header container.
+ * @param groupProps - The props for the group item including group name and optional icon.
+ * @returns A cloned React element with the customized group header content.
+ *
+ * @example
+ * ```tsx
+ * <ComboBox groupHeaderItemRender={listGroupHeaderRender} />
+ * ```
+ * @hidden
+ */
+export declare function listGroupHeaderRender(li: React.ReactElement<HTMLLIElement>, groupProps: ListGroupItemProps): React.ReactElement<HTMLLIElement, string | React.JSXElementConstructor<any>>;
+/**
+ * Represents the props for the NoDataRender component.
+ * This component displays a message when there are no items to show in the SmartBox dropdown,
+ * such as when there is no search history or no matching results.
+ *
+ * @hidden
+ */
+interface NoDataRenderProps {
+    /**
+     * Specifies the currently selected SmartBox mode.
+     * Used to determine the appropriate "no data" message to display based on the active context.
+     *
+     * The available options are:
+     * - `'aiAssistant'` - Displays "No previous prompts" message for AI assistant mode.
+     * - `'search'` - Displays "No previous searches" message for standard search mode.
+     * - `'semanticSearch'` - Displays "No previous searches" message for semantic search mode.
+     * - `null` - Defaults to displaying "No previous searches" message.
+     *
+     * @example
+     * ```tsx
+     * <NoDataRender selectedView="aiAssistant" />
+     * ```
+     */
+    readonly selectedView: SmartBoxMode | null;
+}
+/**
+ * Renders a "no data" message when the SmartBox dropdown has no items to display.
+ * Shows an icon and localized message based on the currently selected SmartBox mode.
+ *
+ * @param props - The component props.
+ * @returns A React element displaying the appropriate "no data" message.
+ *
+ * @example
+ * ```tsx
+ * <NoDataRender selectedView="aiAssistant" />
+ * // Displays: "No previous prompts"
+ *
+ * <NoDataRender selectedView="search" />
+ * // Displays: "No previous searches"
+ * ```
+ * @hidden
+ */
+export declare function NoDataRender({ selectedView }: NoDataRenderProps): React.JSX.Element;
+export {};

package/toolbar-tools/smartbox/listItemRenders.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),c=require("@progress/kendo-react-common"),i=require("@progress/kendo-svg-icons"),p=require("@progress/kendo-react-intl"),o=require("../../messages/index.js");function d(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const e=d(u);function g({historyItemRender:t,promptSuggestionRender:a,handleListItemClick:n}){return(s,l)=>{const r=l.dataItem;return r.isHistoryItem&&t?t({text:r.text,timestamp:r.timestamp},()=>n(r.text)):!r.isHistoryItem&&a?a(r.text,()=>n(r.text)):e.cloneElement(s,{...s.props,title:r.text,onMouseDown:m=>m.preventDefault()},e.createElement(e.Fragment,null,e.createElement("span",{className:"k-list-item-text"},r.text),r.description&&e.createElement("span",{className:"k-list-item-description"},r.description)))}}function x(t,a){const n=a.dataItem;return e.cloneElement(t,{...t.props,onMouseDown:s=>s.preventDefault()},e.createElement(e.Fragment,null,n.selected&&e.createElement("span",{className:"k-list-item-icon-wrapper"},e.createElement(c.IconWrap,{className:"k-list-item-icon k-smart-box-check-icon",icon:i.checkIcon})),e.createElement("span",{className:"k-list-item-text"},n.text),e.createElement("span",{className:"k-list-item-description"},n.description)))}function f(t,a){const n=a.groupItem,s=n==null?void 0:n.groupSvgIcon;return e.cloneElement(t,t.props,e.createElement(e.Fragment,null,s&&e.createElement("span",{className:"k-list-item-icon-wrapper"},e.createElement(c.IconWrap,{className:"k-list-item-icon",icon:s})),e.createElement("span",{className:"k-list-item-text"},a.group)))}function k({selectedView:t}){const a=p.useLocalization();return e.createElement("span",{className:"k-no-data k-smart-box-no-data"},e.createElement(c.IconWrap,{icon:i.fileClockOutlineIcon,size:"xxxlarge"}),e.createElement("span",null,t==="aiAssistant"?a.toLanguageString(o.smartBoxNoPreviousPrompts,o.messages[o.smartBoxNoPreviousPrompts]):a.toLanguageString(o.smartBoxNoPreviousSearches,o.messages[o.smartBoxNoPreviousSearches])))}exports.NoDataRender=k;exports.createListItemRender=g;exports.listGroupHeaderRender=f;exports.searchModeItemRender=x;