freemium-ui 2.0.0-beta.6 → 2.0.0-beta.7

package/src/components/RadixDropdown/RadixDropdown.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DefaultRadixDropdown, RadixDropdownProps } from './RadixDropdown.types';
+export declare const RadixDropdown: <T extends DefaultRadixDropdown = DefaultRadixDropdown>({ idAccessor, nameAccessor, label, id, items, onChange, placeholder, readOnly, disabled, isRequired, open, itemToString, name, width, className, style, isErrored, isMenuLoading, errorText, value, type, customValues, emptyItemsText, filterKey, getCustomMessage, hideClear, onCustomValueAdd, }: RadixDropdownProps<T>) => React.JSX.Element;
+export default RadixDropdown;

package/src/components/RadixDropdown/RadixDropdown.types.d.ts

@@ -0,0 +1,121 @@
+/// <reference types="react" />
+export type RadixDropdownTypes = 'button' | 'input';
+export type DefaultRadixDropdown = {
+    id: string | number;
+    name: string;
+    disabled?: boolean;
+    [key: string]: any;
+};
+export interface RadixDropdownProps<T extends DefaultRadixDropdown = DefaultRadixDropdown> {
+    /**
+     * id Accessor of menu
+     */
+    value?: string;
+    /**
+     * id Accessor of menu
+     */
+    open?: boolean;
+    /**
+     * id Accessor of menu
+     */
+    idAccessor?: string;
+    /**
+     * name Accessor of menu
+     */
+    nameAccessor?: string;
+    /**
+     * The items to be displayed in the dropdown
+     */
+    items?: Array<T>;
+    /**
+     * Function to be called when the selected item changes
+     */
+    onChange?: (value?: string | null) => void;
+    /**
+     * Fuction to give the string representation of the item
+     */
+    itemToString: (item: T | null) => string;
+    /**
+     * The type of the dropdown
+     */
+    type: RadixDropdownTypes;
+    /**
+     * Is the dropdown read only
+     */
+    readOnly?: boolean;
+    /**
+     * Whether disabled select
+     */
+    disabled?: boolean;
+    /**
+     * The name of the dropdown
+     */
+    name?: string;
+    /**
+     * The width of the dropdown
+     */
+    width?: string;
+    /**
+     * The key to be used for filtering
+     */
+    filterKey?: string;
+    /**
+     *
+     */
+    getCustomMessage?: (inoutValue: string) => string;
+    /**
+     *
+     */
+    emptyItemsText?: string;
+    /**
+     *
+     */
+    hideClear?: boolean;
+    /**
+     *
+     */
+    errorText?: string;
+    /**
+     *
+     */
+    className?: string;
+    /**
+     *
+     */
+    style?: React.CSSProperties;
+    /**
+     *
+     */
+    isErrored?: boolean;
+    /**
+     *
+     */
+    isRequired?: boolean;
+    /**
+     *
+     */
+    isMenuLoading?: boolean;
+    /**
+     *
+     */
+    onCustomValueAdd?: (item: {
+        inputValue: string;
+        customValues: boolean;
+    }) => void;
+    /**
+     *
+     */
+    customValues?: boolean;
+    /**
+     *
+     */
+    id?: string;
+    /**
+     *
+     */
+    label?: string;
+    /**
+     *
+     */
+    placeholder?: string;
+}

package/src/components/RadixDropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RadixDropdown } from './RadixDropdown';
+export type { DefaultRadixDropdown, RadixDropdownProps, RadixDropdownTypes, } from './RadixDropdown.types';