nntc-ui 0.0.1

package/index.d.ts

@@ -0,0 +1,348 @@
+import * as React from 'react';
+import { ButtonHTMLAttributes, ReactNode, DetailedHTMLProps, InputHTMLAttributes, PropsWithChildren, ChangeEvent, JSX, HTMLProps, ElementType } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Placement } from '@floating-ui/react';
+
+type PropsObject = {
+    [key: string]: string | PropsObject;
+};
+type UiProps<P = unknown> = P & {
+    classes?: PropsObject;
+};
+
+type Variant$7 = 'filled' | 'outlined' | 'text' | 'elevated' | 'tonal' | 'link';
+type Size$9 = 'medium' | 'small';
+interface Props$m {
+    variant?: Variant$7;
+    size?: Size$9;
+    icon?: ReactNode;
+    textSecondary?: boolean;
+    isActive?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement> & Props$m & {
+    classes?: PropsObject;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+type Size$8 = 'medium' | 'large';
+interface Props$l {
+    label?: string;
+    componentSize?: Size$8;
+    several?: boolean;
+}
+declare function Checkbox(props: UiProps<Props$l> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
+
+interface Divider$1 {
+    type: 'divider';
+    name?: string;
+}
+
+type Maybe<T> = T | null | undefined;
+
+interface Item$5 {
+    type: 'item';
+    name: string;
+    value: string;
+    icon?: ReactNode;
+    description?: string;
+    selected?: boolean;
+    disabled?: boolean;
+}
+type MaybeItem = Maybe<Item$5>;
+
+type Variant$6 = 'filled' | 'outlined';
+type Size$7 = 'medium' | 'small';
+interface Props$k {
+    variant?: Variant$6;
+    componentSize?: Size$7;
+    icon?: ReactNode;
+    fullWidth?: boolean;
+    label?: string;
+    placeholder?: string;
+    items: (Item$5 | Divider$1)[];
+    onValueChange?: (newItem: MaybeItem) => void;
+    selected?: MaybeItem;
+}
+declare function Select(props: UiProps<Props$k> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
+
+type Variant$5 = 'filled' | 'outlined';
+type Size$6 = 'medium' | 'small';
+interface Props$j {
+    variant?: Variant$5;
+    componentSize?: Size$6;
+    fullWidth?: boolean;
+    placeholder?: string;
+    values?: (string | undefined)[];
+    defaultValues?: (string | undefined)[];
+    onClear?: () => void;
+    onValueChange?: (values: (string | undefined)[]) => void;
+}
+declare function DateTime(props: UiProps<Props$j> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
+
+type Variant$4 = 'outlined';
+type Size$5 = 'medium' | 'small';
+interface Props$i {
+    variant?: Variant$4;
+    componentSize?: Size$5;
+    fullWidth?: boolean;
+    label?: string;
+    onValueChange?: (newValue: string) => void;
+}
+declare const ColorPicker: (props: UiProps<Props$i> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) => react_jsx_runtime.JSX.Element;
+
+type Variant$3 = 'outlined';
+type Size$4 = 'medium' | 'small';
+interface Props$h {
+    variant?: Variant$3;
+    componentSize?: Size$4;
+    fullWidth?: boolean;
+    label?: string;
+}
+declare const Input: (props: UiProps<Props$h> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) => react_jsx_runtime.JSX.Element;
+
+type Variant$2 = 'filled' | 'outlined';
+type Size$3 = 'medium' | 'small';
+interface Props$g {
+    variant?: Variant$2;
+    componentSize?: Size$3;
+    disableIcon?: boolean;
+    fullWidth?: boolean;
+}
+declare function SearchInput(props: UiProps<Props$g> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
+
+type Size$2 = 'medium' | 'small';
+interface Props$f {
+    componentSize?: Size$2;
+}
+declare const WrapForLabel: (props: UiProps<PropsWithChildren<Props$f>>) => react_jsx_runtime.JSX.Element;
+
+interface Item$4 {
+    name: string;
+    value: string;
+    description?: string;
+    selected?: boolean;
+    disabled?: boolean;
+}
+
+type TitleVariant = 'allValue' | 'numberValue' | 'firstValue';
+
+type Variant$1 = 'filled' | 'outlined';
+type Size$1 = 'medium' | 'small';
+interface Props$e {
+    variant?: Variant$1;
+    componentSize?: Size$1;
+    icon?: ReactNode;
+    fullWidth?: boolean;
+    label?: string;
+    placeholder?: string;
+    items: Item$4[];
+    onValueChange?: (newItem: string[] | null) => void;
+    selected: string[] | null;
+    titleType?: TitleVariant;
+}
+declare function MultiSelect(props: UiProps<Props$e> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
+
+interface Item$3 {
+    name: string;
+    value: string;
+}
+
+interface SelectedItems {
+    [keys: string]: boolean;
+}
+
+interface Props$d {
+    items: Item$3[];
+    selected: SelectedItems;
+    disableSearch?: boolean;
+    isDisabled?: boolean;
+    actionWithSelected: (value: SelectedItems) => void;
+    onChangeItem?: (item: Item$3) => void;
+}
+declare function Checklist(props: UiProps<Props$d>): react_jsx_runtime.JSX.Element;
+
+interface Props$c {
+}
+declare const ButtonsGroup: (props: PropsWithChildren<UiProps<Props$c>>) => react_jsx_runtime.JSX.Element;
+
+interface Props$b {
+    type?: 'primary' | 'panel' | 'modal';
+}
+declare function Surface(props: PropsWithChildren<UiProps<Props$b>>): react_jsx_runtime.JSX.Element;
+
+interface Props$a {
+    withoutHeader?: boolean;
+}
+declare function Layout(props: PropsWithChildren<UiProps<Props$a>>): react_jsx_runtime.JSX.Element;
+
+interface Divider {
+    type: 'divider';
+    name?: string;
+}
+
+interface Item$2 {
+    type: 'item';
+    name: string;
+    icon?: ReactNode;
+    description?: string;
+    onClick?: () => void;
+    selected?: boolean;
+    disabled?: boolean;
+}
+
+type Size = 'medium' | 'small';
+interface Props$9 {
+    items: (Item$2 | Divider)[];
+    size?: Size;
+}
+declare function Menu(props: UiProps<Props$9>): react_jsx_runtime.JSX.Element;
+
+interface Item$1<T> {
+    name: string;
+    value: T;
+}
+
+interface Props$8<T> {
+    items: Item$1<T>[];
+    defaultSelected?: T;
+    onChange?: (newValue: T) => void;
+}
+declare function Tabs<T>(props: UiProps<Props$8<T>>): react_jsx_runtime.JSX.Element;
+
+interface TableCell {
+    value?: string | number;
+    error?: string;
+}
+
+interface TableRow {
+    [keys: string]: TableCell;
+}
+
+interface AdditionalButton {
+    title: string;
+    onClick?: (rowIndex: number, original: TableRow) => void;
+    icon: ReactNode;
+    template?: (props: AdditionalButton) => ReactNode;
+}
+
+type ColumnAlign = 'Left' | 'Right' | 'Center';
+
+type VerticalAlign = 'FlexStart' | 'Center' | 'FlexEnd';
+
+interface TableColumn {
+    id: string;
+    accessorKey?: string;
+    label: string;
+    columns?: TableColumn[];
+    editable?: boolean;
+    sortable?: boolean;
+    sortAnotherName?: string;
+    filterable?: boolean;
+    width?: number;
+    headerAlign?: ColumnAlign;
+    rowsAlign?: ColumnAlign;
+    valueFormat?: (value: string) => string;
+    showInModal?: boolean;
+    verticalAlign?: VerticalAlign;
+    toFixed?: number;
+}
+
+interface Props$7 {
+    rows: TableRow[];
+    columns: TableColumn[];
+    additionalColumnsViews?: (id: string, value: string | number | undefined) => {
+        edit: ((onChange: (e: ChangeEvent) => void, onBlur: () => void) => JSX.Element | null) | null;
+        view: JSX.Element | null;
+    };
+    onChangeCell?: (rowIndex: number, columnId: string, value: string | number | undefined, original?: TableRow) => void;
+    cellWidth?: (columnIndex: number) => number;
+    rowButtons?: ((original: TableRow) => AdditionalButton[]) | undefined;
+    fixedColumnsCount?: 0 | 1 | 2;
+    headerRowHeight?: number[];
+    bodyRowHeight?: number;
+    rowActionWidth?: number;
+    dynamicRowHeight?: boolean;
+}
+declare function VirtualTable(props: UiProps<Props$7>): react_jsx_runtime.JSX.Element;
+
+interface FilterBy {
+    columnName: string;
+    values: string[];
+}
+
+interface SortBy {
+    columnName: string;
+    direction: 'asc' | 'desc';
+}
+
+interface Item {
+    id: string;
+    name: string;
+    type?: string;
+    isSelectable?: boolean;
+    children?: Item[];
+}
+
+interface Props$6 {
+    data: Item[];
+    selected: string[];
+    startIcons?: Record<string, JSX.Element>;
+    withSearch?: boolean;
+    onSelect?: (id: string) => void;
+}
+declare const _default: React.NamedExoticComponent<Props$6>;
+
+interface Props$5 {
+    label?: ReactNode | string;
+    clickable?: boolean;
+    initialOpen?: boolean;
+    placement?: Placement;
+    withoutArrow?: boolean;
+    wrapTrigger?: boolean;
+    alertType?: 'success' | 'warning' | 'error' | 'info' | 'default';
+}
+declare function Tooltip(props: PropsWithChildren<UiProps<Props$5>>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+
+interface Props$4 {
+    description?: ReactNode | string;
+    clickable?: boolean;
+    initialOpen?: boolean;
+    placement?: Placement;
+    wrapTrigger?: boolean;
+    containerOffset?: number;
+}
+declare function Popover(props: PropsWithChildren<UiProps<Props$4>>): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+
+type Pair = {
+    label: string;
+    value: string | number;
+} | null;
+
+interface Props$3 {
+    pairs: Pair[];
+    column1Width?: string;
+    column2Width?: string;
+    showBorder?: boolean;
+    minRowHeight?: string;
+}
+declare function Pairs(props: UiProps<Props$3>): react_jsx_runtime.JSX.Element;
+
+interface Props$2 {
+    surfaceType?: 'primary' | 'panel' | 'modal';
+    title?: ReactNode;
+    actions?: ReactNode;
+}
+declare function Card(props: PropsWithChildren<UiProps<Props$2>>): react_jsx_runtime.JSX.Element;
+
+type Variant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'button' | 'caption' | 'overline';
+interface Props$1 {
+    variant?: Variant;
+    component?: ElementType;
+}
+declare const Typography: React.ForwardRefExoticComponent<Omit<HTMLProps<HTMLParagraphElement> & Props$1, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+interface Props {
+    close: () => void;
+}
+declare function Modal(props: PropsWithChildren<UiProps<Props>>): react_jsx_runtime.JSX.Element;
+
+export { type AdditionalButton, Button, ButtonsGroup, Card, Checkbox, Checklist, type Item$3 as ChecklistItem, type SelectedItems as ChecklistSelectedItems, ColorPicker, type ColumnAlign, DateTime, type FilterBy, Input, Layout, Menu, type Divider as MenuDivider, type Item$2 as MenuItem, Modal, MultiSelect, type Item$4 as MultiSelectItem, type TitleVariant as MultiSelectTitleVariant, type Pair, Pairs, Popover, SearchInput, Select, type Divider$1 as SelectDivider, type Item$5 as SelectItem, type SortBy, Surface, type TableCell, type TableColumn, type TableRow, Tabs, type Item$1 as TabsItem, Tooltip, _default as TreeView, type Item as TreeViewItem, Typography, type VerticalAlign, VirtualTable, WrapForLabel };