@progress/kendo-react-dropdowns 7.2.4-develop.3 → 7.2.4-develop.4

package/messages/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o="dropdowns.nodata",a="dropdowns.clear",e="dropdowns.comboArrowBtnAriaLabelExpand",r="dropdowns.comboArrowBtnAriaLabelCollapse",n="dropdowns.dropDownListArrowBtnAriaLabel",t="dropdowns.apply",d="dropdowns.cancel",l={[a]:"clear",[o]:"NO DATA FOUND.",[e]:"expand combobox",[r]:"collapse combobox",[n]:"select",[t]:"Apply",[d]:"Cancel"};exports.adaptiveModeFooterApply=t;exports.adaptiveModeFooterCancel=d;exports.clear=a;exports.comboArrowBtnAriaLabelCollapse=r;exports.comboArrowBtnAriaLabelExpand=e;exports.dropDownListArrowBtnAriaLabel=n;exports.messages=l;exports.nodata=o;

package/messages/index.mjs

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const o = "dropdowns.nodata", a = "dropdowns.clear", r = "dropdowns.comboArrowBtnAriaLabelExpand", n = "dropdowns.comboArrowBtnAriaLabelCollapse", e = "dropdowns.dropDownListArrowBtnAriaLabel", d = "dropdowns.apply", s = "dropdowns.cancel", t = {
+  [a]: "clear",
+  [o]: "NO DATA FOUND.",
+  [r]: "expand combobox",
+  [n]: "collapse combobox",
+  [e]: "select",
+  [d]: "Apply",
+  [s]: "Cancel"
+};
+export {
+  d as adaptiveModeFooterApply,
+  s as adaptiveModeFooterCancel,
+  a as clear,
+  n as comboArrowBtnAriaLabelCollapse,
+  r as comboArrowBtnAriaLabelExpand,
+  e as dropDownListArrowBtnAriaLabel,
+  t as messages,
+  o as nodata
+};

package/package-metadata.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-dropdowns",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1654528156,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const e = {
+  name: "@progress/kendo-react-dropdowns",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1709714056,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"
+};
+export {
+  e as packageMetadata
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dropdowns",
-  "version": "7.2.4-develop.3",
+  "version": "7.2.4-develop.4",
   "description": "React DropDowns offer an interface for users to select different items from a list and more. KendoReact Dropdowns package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,14 +23,14 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "7.2.4-develop.3",
-    "@progress/kendo-react-common": "7.2.4-develop.3",
-    "@progress/kendo-react-inputs": "7.2.4-develop.3",
-    "@progress/kendo-react-intl": "7.2.4-develop.3",
-    "@progress/kendo-react-labels": "7.2.4-develop.3",
-    "@progress/kendo-react-layout": "7.2.4-develop.3",
-    "@progress/kendo-react-popup": "7.2.4-develop.3",
-    "@progress/kendo-react-treeview": "7.2.4-develop.3",
+    "@progress/kendo-react-buttons": "7.2.4-develop.4",
+    "@progress/kendo-react-common": "7.2.4-develop.4",
+    "@progress/kendo-react-inputs": "7.2.4-develop.4",
+    "@progress/kendo-react-intl": "7.2.4-develop.4",
+    "@progress/kendo-react-labels": "7.2.4-develop.4",
+    "@progress/kendo-react-layout": "7.2.4-develop.4",
+    "@progress/kendo-react-popup": "7.2.4-develop.4",
+    "@progress/kendo-react-treeview": "7.2.4-develop.4",
     "@progress/kendo-svg-icons": "^2.1.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/AutoComplete/AutoComplete.d.ts

@@ -1,236 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { AutoCompleteProps } from './AutoCompleteProps';
-import { DropDownStateBase, InternalState } from './../common/settings';
-import DropDownBase from '../common/DropDownBase';
-import { FormComponent, FormComponentValidity } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-export interface AutoCompleteState extends DropDownStateBase {
-    focusedItem?: any;
-    value?: string;
-}
-/**
- * @hidden
- */
-export interface AutoCompleteInternalState extends InternalState {
-    data: AutoCompleteState;
-}
-/** @hidden */
-export declare class AutoCompleteWithoutContext extends React.Component<AutoCompleteProps, AutoCompleteState> implements FormComponent {
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
-        rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full" | null | undefined>;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "outline" | null | undefined>;
-        groupField: PropTypes.Requireable<string>;
-        suggest: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
-        placeholder: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        validationMessage: PropTypes.Requireable<string>;
-        required: PropTypes.Requireable<boolean>;
-        readonly: PropTypes.Requireable<boolean>;
-        clearButton: PropTypes.Requireable<boolean>;
-        valueRender: PropTypes.Requireable<(...args: any[]) => any>;
-        id: PropTypes.Requireable<string>;
-        ariaLabelledBy: PropTypes.Requireable<string>;
-        ariaDescribedBy: PropTypes.Requireable<string>;
-        list: PropTypes.Requireable<any>;
-        skipDisabledItems: PropTypes.Requireable<boolean>;
-        opened: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        dir: PropTypes.Requireable<string>;
-        tabIndex: PropTypes.Requireable<number>;
-        accessKey: PropTypes.Requireable<string>;
-        data: PropTypes.Requireable<any[]>;
-        textField: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        label: PropTypes.Requireable<string>;
-        loading: PropTypes.Requireable<boolean>;
-        popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
-            animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
-                openDuration: PropTypes.Requireable<number>;
-                closeDuration: PropTypes.Requireable<number>;
-            }> | null | undefined>>;
-            popupClass: PropTypes.Requireable<string>;
-            className: PropTypes.Requireable<string>;
-            appendTo: PropTypes.Requireable<any>;
-            width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-            height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        }>>;
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        itemRender: PropTypes.Requireable<(...args: any[]) => any>;
-        listNoDataRender: PropTypes.Requireable<(...args: any[]) => any>;
-        focusedItemIndex: PropTypes.Requireable<(...args: any[]) => any>;
-        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        size: "small" | "medium" | "large" | null | undefined;
-        rounded: "small" | "medium" | "large" | "full" | null | undefined;
-        fillMode: "solid" | "flat" | "outline" | null | undefined;
-        skipDisabledItems: boolean;
-        prefix: undefined;
-        suffix: undefined;
-        popupSettings: {
-            height: string;
-        };
-        required: boolean;
-        validityStyles: boolean;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: AutoCompleteState;
-    protected readonly base: DropDownBase;
-    private _element;
-    private get _inputId();
-    private _suggested;
-    private _input;
-    private _valueDuringOnChange?;
-    private _isScrolling;
-    private itemHeight;
-    constructor(props: AutoCompleteProps);
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    get element(): HTMLSpanElement | null;
-    /**
-     * The value of the AutoComplete.
-     */
-    get value(): string;
-    /**
-     * Gets the `name` property of the AutoComplete.
-     */
-    get name(): string | undefined;
-    /**
-     * Represents the validity state into which the AutoComplete is set.
-     */
-    get validity(): FormComponentValidity;
-    /**
-     * @hidden
-     */
-    protected get validityStyles(): boolean;
-    /**
-     * @hidden
-     */
-    protected get required(): boolean;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(prevProps: AutoCompleteProps, prevState: AutoCompleteState): void;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    render(): import("react/jsx-runtime").JSX.Element;
-    /**
-     * @hidden
-     */
-    handleItemSelect: (index: number, state: AutoCompleteInternalState) => void;
-    /**
-     * @hidden
-     */
-    itemFocus: (index: number, state: AutoCompleteInternalState) => void;
-    /**
-     * @hidden
-     */
-    togglePopup: (state: InternalState) => void;
-    /**
-     * @hidden
-     */
-    onNavigate(state: AutoCompleteInternalState, keyCode: number, skipItems?: number): void;
-    /**
-     * @hidden
-     */
-    applyInputValue(value: string, state: AutoCompleteInternalState, eventKey?: number): void;
-    private setValidity;
-    private renderSearchBar;
-    private renderListContainer;
-    private renderList;
-    private onScroll;
-    private handleItemClick;
-    private onChangeHandler;
-    private clearButtonClick;
-    private onInputKeyDown;
-    private handleBlur;
-    private triggerOnChange;
-    private applyState;
-    private suggestValue;
-    private focusedIndex;
-}
-/**
- * Represents the PropsContext of the `AutoComplete` component.
- * Used for global configuration of all `AutoComplete` instances.
- *
- * For more information, refer to the [Dropdowns Props Context]({% slug props-context_dropdowns %}) article.
- */
-export declare const AutoCompletePropsContext: React.Context<(p: AutoCompleteProps) => AutoCompleteProps>;
-/**
- * Represent the `ref` of the AutoComplete component.
- */
-export interface AutoCompleteHandle extends Pick<AutoCompleteWithoutContext, keyof AutoCompleteWithoutContext> {
-    /**
-     * Gets the `name` property of the AutoComplete.
-     */
-    name: string | undefined;
-    /**
-     * Represents the validity state into which the AutoComplete is set.
-     */
-    validity: FormComponentValidity;
-    /**
-     * The value of the AutoComplete.
-     */
-    value: string;
-}
-/** @hidden */
-export type AutoComplete = AutoCompleteHandle;
-/**
- * Represents the [KendoReact AutoComplete component]({% slug overview_autocomplete %}).
- *
- * Accepts properties of type [AutoCompleteProps]({% slug api_dropdowns_autocompleteprops %}).
- * Obtaining the `ref` returns an object of type [AutoCompleteHandle]({% slug api_dropdowns_autocompletehandle %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *    autocomplete = null;
- *    render() {
- *       return (
- *          <div>
- *              <AutoComplete
- *                  data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
- *                  ref={component => this.autocomplete = component}
- *              />
- *              <button onClick={() => alert(this.autocomplete.value)}>alert value</button>
- *          </div>
- *       );
- *    }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const AutoComplete: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<any>>;

package/AutoComplete/AutoCompleteProps.d.ts

@@ -1,254 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { AutoComplete } from './AutoComplete';
-import { ChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent } from './../common/events';
-import { DropDownsPopupSettings, Suggestion } from '../common/settings';
-import { ListGroupItemProps } from '../common/ListGroupItem';
-import { GroupStickyHeaderProps } from '../common/GroupStickyHeader';
-import { ListItemProps } from '../common/ListItem';
-import { CustomComponent, FormComponentProps } from '@progress/kendo-react-common';
-/**
- * Represents the object of the `change` AutoComplete event.
- */
-export interface AutoCompleteChangeEvent extends ChangeEvent<AutoComplete> {
-    suggestion?: Suggestion;
-}
-/**
- * Represents the object of the `open` AutoComplete event.
- */
-export interface AutoCompleteOpenEvent extends OpenEvent<AutoComplete> {
-}
-/**
- * Represents the object of the `close` AutoComplete event.
- */
-export interface AutoCompleteCloseEvent extends CloseEvent<AutoComplete> {
-}
-/**
- * Represents the object of the `focus` AutoComplete event.
- */
-export interface AutoCompleteFocusEvent extends FocusEvent<AutoComplete> {
-}
-/**
- * Represents the object of the `blur` AutoComplete event.
- */
-export interface AutoCompleteBlurEvent extends BlurEvent<AutoComplete> {
-}
-/**
- * Represents the props of the [KendoReact AutoComplete component]({% slug overview_autocomplete %}).
- */
-export interface AutoCompleteProps extends FormComponentProps {
-    /**
-     * Sets the data of the AutoComplete ([more information and example]({% slug binding_autocomplete %})).
-     */
-    data?: any[];
-    /**
-     * Sets the opened and closed state of the AutoComplete.
-     */
-    opened?: boolean;
-    /**
-     * The styles that are applied to the AutoComplete.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the value of the AutoComplete ([more information and example]({% slug binding_autocomplete %})).
-     */
-    value?: string;
-    /**
-     * Sets the default value of the AutoComplete. Similar to the native `input` HTML element.
-     */
-    defaultValue?: string;
-    /**
-     * Sets additional classes to the AutoComplete.
-     */
-    className?: string;
-    /**
-     * By default, the AutoComplete renders a button on hovering over the component, which resets the value.
-     * If `clearButton` is set to `false`, the button will not be rendered.
-     */
-    clearButton?: boolean;
-    /**
-     * The hint that is displayed when the AutoComplete is empty.
-     */
-    placeholder?: string;
-    /**
-     * Sets the read-only state of the AutoComplete.
-     */
-    readonly?: boolean;
-    /**
-     * Enables the auto-completion of the text based on the first data item ([see example]({% slug suggestions_autocomplete %})).
-     */
-    suggest?: boolean | string;
-    /**
-     * Sets the disabled state of the AutoComplete.
-     */
-    disabled?: boolean;
-    /**
-     * Represents the `dir` HTML attribute.
-     */
-    dir?: string;
-    /**
-     * Sets the loading state of the AutoComplete ([see example]({% slug filtering_autocomplete %}#toc-basic-configuration)).
-     */
-    loading?: boolean;
-    /**
-     * Specifies the `tabIndex` of the AutoComplete.
-     */
-    tabIndex?: number;
-    /**
-     * Specifies the `accessKey` of the AutoComplete.
-     */
-    accessKey?: string;
-    /**
-     * Sets the data item field that represents the item text ([see example]({% slug binding_autocomplete %}#toc-datasets-of-objects)). If the data contains only primitive values, do not define it.
-     */
-    textField?: string;
-    /**
-     * Renders a floating label for the AutoComplete.
-     */
-    label?: string;
-    /**
-     * Configures the popup of the AutoComplete.
-     */
-    popupSettings?: DropDownsPopupSettings;
-    /**
-     * Specifies the id of the component.
-     */
-    id?: string;
-    /**
-     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     * For example these elements could contain error or hint message.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Identifies the element(s) which will label the component.
-     */
-    ariaLabelledBy?: string;
-    /**
-     * If set, the AutoComplete will use it to get the focused item index.
-     *
-     * Default functionality returns the first item which starts with the input text.
-     *
-     * @example
-     * ```jsx-no-run
-     * const focusedItemIndex = (data, inputText, textField) => {
-     *     let text = inputText.toLowerCase();
-     *     return data.findIndex(item =>
-     *         String(textField ? item[textField] : item).toLowerCase().includes(text));
-     * };
-     *
-     * <AutoComplete focusedItemIndex={focusedItemIndex} />
-     * ```
-     */
-    focusedItemIndex?: (data: any, inputText: string, textField?: string) => number;
-    /**
-     * Fires each time the popup of the AutoComplete is about to open.
-     */
-    onOpen?: (event: AutoCompleteOpenEvent) => void;
-    /**
-     * Fires each time the popup of the AutoComplete is about to close.
-     */
-    onClose?: (event: AutoCompleteCloseEvent) => void;
-    /**
-     * Fires each time the user focuses the AutoComplete.
-     */
-    onFocus?: (event: AutoCompleteFocusEvent) => void;
-    /**
-     * Fires each time the AutoComplete gets blurred.
-     */
-    onBlur?: (event: AutoCompleteBlurEvent) => void;
-    /**
-     * Fires each time the value of the AutoComplete is about to change ([more information and example]({% slug binding_autocomplete %})).
-     */
-    onChange?: (event: AutoCompleteChangeEvent) => void;
-    /**
-     * Fires when the AutoComplete input element is about to be rendered. Use it to override the default appearance of the component.
-     */
-    valueRender?: (rendering: React.ReactElement<HTMLSpanElement>) => React.ReactNode;
-    /**
-     * Fires when an AutoComplete list item is about to be rendered ([see example]({% slug customrendering_autocomplete %}#toc-items)). Used to override the default appearance of the list items.
-     */
-    itemRender?: (li: React.ReactElement<HTMLLIElement>, itemProps: ListItemProps) => React.ReactNode;
-    /**
-     * Fires when the element which indicates no data in the popup is about to be rendered ([see example]({% slug customrendering_autocomplete %}#toc-no-data)). Used to override the default appearance of the element.
-     */
-    listNoDataRender?: (element: React.ReactElement<HTMLDivElement>) => React.ReactNode;
-    /**
-     * Sets the header component of the AutoComplete ([see example]({% slug customrendering_autocomplete %}#toc-headers-and-footers)).
-     */
-    header?: React.ReactNode;
-    /**
-     * Sets the footer component of the AutoComplete ([see example]({% slug customrendering_autocomplete %}#toc-headers-and-footers)).
-     */
-    footer?: React.ReactNode;
-    /**
-     * Configures the `size` of the AutoComplete.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the AutoComplete.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null&mdash;Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Configures the `fillMode` of the AutoComplete.
-     *
-     * The available options are:
-     * - solid
-     * - flat
-     * - outline
-     * - null&mdash;Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'flat' | 'outline';
-    /**
-     * Sets the data item field that represents the start of a group. Applicable to objects data.
-     */
-    groupField?: string;
-    /**
-     * Fires when a AutoComplete group header item is about to be rendered. Used to override the default appearance of the group's headers.
-     */
-    groupHeaderItemRender?: (li: React.ReactElement<HTMLLIElement>, itemProps: ListGroupItemProps) => React.ReactNode;
-    /**
-     * Fires when a AutoComplete sticky group header item is about to be rendered. Used to override the default appearance of the sticky group header of the component.
-     */
-    groupStickyHeaderItemRender?: (div: React.ReactElement<HTMLDivElement>, stickyHeaderProps: GroupStickyHeaderProps) => React.ReactNode;
-    /**
-     * @hidden
-     */
-    list?: any;
-    /**
-     * Sets the key for comparing the data items of the AutoComplete. If `dataItemKey` is not set, the AutoComplete compares the items by reference.
-     */
-    dataItemKey?: string;
-    /**
-     * Defines if AutoComplete's disabled items will be skipped or focused when navigating through the list of items using a keyboard. Defaults to `true`.
-     */
-    skipDisabledItems?: boolean;
-    /**
-     * Sets a custom prefix to the AutoComplete component.
-     */
-    prefix?: CustomComponent<any>;
-    /**
-     * Sets a custom suffix to the AutoComplete component.
-     */
-    suffix?: CustomComponent<any>;
-}