nexaas-ui-components 1.0.21 → 1.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1643 -19
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.cts +141 -12
- package/dist/index.d.ts +141 -12
- package/dist/index.js +1629 -17
- package/dist/index.js.map +1 -1
- package/package.json +3 -1
package/dist/index.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default, { JSX, AnchorHTMLAttributes, ComponentType, DetailedHTMLProps, InputHTMLAttributes, HTMLInputTypeAttribute, ReactNode, KeyboardEventHandler, MutableRefObject } from 'react';
|
|
4
4
|
import { UseFormRegisterReturn, Merge, FieldError, FieldErrorsImpl, Control } from 'react-hook-form';
|
|
5
|
-
import { ValueContainerProps } from 'react-select';
|
|
6
5
|
import { Table as Table$1 } from '@tanstack/react-table';
|
|
6
|
+
import { ValueContainerProps } from 'react-select';
|
|
7
7
|
|
|
8
8
|
type ButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
9
9
|
icon?: JSX.Element;
|
|
@@ -416,11 +416,11 @@ interface Props$3 {
|
|
|
416
416
|
}
|
|
417
417
|
declare const Popover: ({ id, displayArrow, openOnClick, }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
418
418
|
|
|
419
|
-
type OptionType = {
|
|
419
|
+
type OptionType$3 = {
|
|
420
420
|
value: number | string;
|
|
421
421
|
label: string;
|
|
422
422
|
};
|
|
423
|
-
type SelectFieldProps$
|
|
423
|
+
type SelectFieldProps$4 = {
|
|
424
424
|
name: string;
|
|
425
425
|
label?: string;
|
|
426
426
|
defaultValue?: any;
|
|
@@ -443,8 +443,7 @@ type SelectFieldProps$1 = {
|
|
|
443
443
|
emptyMessage?: string;
|
|
444
444
|
small?: boolean;
|
|
445
445
|
};
|
|
446
|
-
declare const SelectField: ({ name, error, label, defaultValue, control, placeholder, isSearchable, isClearable, onChange, required, debounce, filterOptions, optionsList, disabled, onChangeValue, resize, optionStyle, valueStyle, icon, emptyMessage, small, }: SelectFieldProps$
|
|
447
|
-
declare const ValueContainer: ({ children, ...props }: ValueContainerProps) => react_jsx_runtime.JSX.Element;
|
|
446
|
+
declare const SelectField: ({ name, error, label, defaultValue, control, placeholder, isSearchable, isClearable, onChange, required, debounce, filterOptions, optionsList, disabled, onChangeValue, resize, optionStyle, valueStyle, icon, emptyMessage, small, }: SelectFieldProps$4) => react_jsx_runtime.JSX.Element;
|
|
448
447
|
|
|
449
448
|
type FieldWrapperProps = {
|
|
450
449
|
label?: string;
|
|
@@ -456,7 +455,7 @@ type FieldWrapperProps = {
|
|
|
456
455
|
};
|
|
457
456
|
type FieldWrapperPassThroughProps = Omit<FieldWrapperProps, 'className' | 'children'>;
|
|
458
457
|
|
|
459
|
-
type SelectFieldProps = FieldWrapperPassThroughProps & {
|
|
458
|
+
type SelectFieldProps$3 = FieldWrapperPassThroughProps & {
|
|
460
459
|
name: string;
|
|
461
460
|
defaultValue?: any;
|
|
462
461
|
control?: any;
|
|
@@ -481,7 +480,7 @@ type SelectFieldProps = FieldWrapperPassThroughProps & {
|
|
|
481
480
|
loading?: string;
|
|
482
481
|
};
|
|
483
482
|
};
|
|
484
|
-
declare const SelectFieldBip: ({ name, label, error, defaultValue, control, placeholder, isSearchable, required, debounce, filterOptions, disabled, onChangeValue, optionStyle, valueStyle, icon, onErrorBip, clearAfterSelect, messages, }: SelectFieldProps) => react_jsx_runtime.JSX.Element;
|
|
483
|
+
declare const SelectFieldBip: ({ name, label, error, defaultValue, control, placeholder, isSearchable, required, debounce, filterOptions, disabled, onChangeValue, optionStyle, valueStyle, icon, onErrorBip, clearAfterSelect, messages, }: SelectFieldProps$3) => react_jsx_runtime.JSX.Element;
|
|
485
484
|
|
|
486
485
|
interface Props$2 {
|
|
487
486
|
disabled?: boolean;
|
|
@@ -609,14 +608,14 @@ type ItemProps = {
|
|
|
609
608
|
};
|
|
610
609
|
declare const Item: ({ index, isActive, onClick, children }: ItemProps) => react_jsx_runtime.JSX.Element;
|
|
611
610
|
|
|
612
|
-
type EditableTextProps$
|
|
611
|
+
type EditableTextProps$2 = {
|
|
613
612
|
children?: ReactNode;
|
|
614
613
|
button?: ReactNode;
|
|
615
614
|
onClose?: Function;
|
|
616
615
|
};
|
|
617
|
-
declare const EditableButton: ({ children, button, onClose, }: EditableTextProps$
|
|
616
|
+
declare const EditableButton: ({ children, button, onClose, }: EditableTextProps$2) => react_jsx_runtime.JSX.Element;
|
|
618
617
|
|
|
619
|
-
type EditableTextProps = {
|
|
618
|
+
type EditableTextProps$1 = {
|
|
620
619
|
control?: any;
|
|
621
620
|
name?: string;
|
|
622
621
|
emptyLabel?: string | JSX.Element;
|
|
@@ -626,6 +625,136 @@ type EditableTextProps = {
|
|
|
626
625
|
hideEditIcon?: boolean;
|
|
627
626
|
truncate?: boolean;
|
|
628
627
|
};
|
|
629
|
-
declare const EditableText: ({ control, name, emptyLabel, children, onApply, value, hideEditIcon, truncate, }: EditableTextProps) => react_jsx_runtime.JSX.Element;
|
|
628
|
+
declare const EditableText: ({ control, name, emptyLabel, children, onApply, value, hideEditIcon, truncate, }: EditableTextProps$1) => react_jsx_runtime.JSX.Element;
|
|
629
|
+
|
|
630
|
+
type EditableTextProps = {
|
|
631
|
+
control?: any;
|
|
632
|
+
name: string;
|
|
633
|
+
emptyLabel?: string | JSX.Element;
|
|
634
|
+
children?: ReactNode;
|
|
635
|
+
options?: any;
|
|
636
|
+
optionStyle?: (value: any) => JSX.Element;
|
|
637
|
+
valueStyle?: (value: any) => JSX.Element;
|
|
638
|
+
showInputSeach?: boolean;
|
|
639
|
+
onChangeValue?: (value: any) => void;
|
|
640
|
+
};
|
|
641
|
+
declare const EditableTextSelect: ({ control, name, emptyLabel, options, optionStyle, valueStyle, showInputSeach, onChangeValue, }: EditableTextProps) => react_jsx_runtime.JSX.Element;
|
|
642
|
+
|
|
643
|
+
type FileUploadProps = {
|
|
644
|
+
icon?: "file" | "image";
|
|
645
|
+
multiple?: boolean;
|
|
646
|
+
direction?: "vertical" | "horizontal";
|
|
647
|
+
isImage?: boolean;
|
|
648
|
+
setFiles?: any;
|
|
649
|
+
supportedFormats?: string[];
|
|
650
|
+
validationFunction?: any;
|
|
651
|
+
files?: any;
|
|
652
|
+
error?: Merge<FieldError, FieldErrorsImpl<any>>;
|
|
653
|
+
name?: string;
|
|
654
|
+
limitMessage?: string;
|
|
655
|
+
};
|
|
656
|
+
declare const FileUpload: ({ icon, multiple, direction, isImage, setFiles, supportedFormats, validationFunction, files, error, name, limitMessage, }: FileUploadProps) => react_jsx_runtime.JSX.Element;
|
|
657
|
+
|
|
658
|
+
declare function InfoIcon({ content, id, }: {
|
|
659
|
+
content?: string;
|
|
660
|
+
id?: string;
|
|
661
|
+
}): react_jsx_runtime.JSX.Element;
|
|
662
|
+
|
|
663
|
+
type OptionType$2 = {
|
|
664
|
+
value: number | string;
|
|
665
|
+
label: string;
|
|
666
|
+
};
|
|
667
|
+
interface SelectFieldProps$2 {
|
|
668
|
+
name: string;
|
|
669
|
+
options: OptionType$2[];
|
|
670
|
+
defaultValue?: OptionType$2;
|
|
671
|
+
control?: Control<any>;
|
|
672
|
+
isSearchable?: boolean;
|
|
673
|
+
required?: boolean;
|
|
674
|
+
label?: string;
|
|
675
|
+
error?: Merge<FieldError, FieldErrorsImpl<any>>;
|
|
676
|
+
disabled?: boolean;
|
|
677
|
+
}
|
|
678
|
+
declare const MultiSelect: ({ name, options, label, error, defaultValue, control, isSearchable, required, disabled, }: SelectFieldProps$2) => react_jsx_runtime.JSX.Element;
|
|
679
|
+
|
|
680
|
+
type OptionType$1 = {
|
|
681
|
+
value: number | string;
|
|
682
|
+
label: string;
|
|
683
|
+
};
|
|
684
|
+
interface SelectFieldProps$1 {
|
|
685
|
+
name: string;
|
|
686
|
+
defaultValue?: any;
|
|
687
|
+
control?: any;
|
|
688
|
+
placeholder?: string;
|
|
689
|
+
required?: boolean;
|
|
690
|
+
label?: string;
|
|
691
|
+
error?: FieldError | undefined;
|
|
692
|
+
onKeyDown?: (event: any) => void;
|
|
693
|
+
blockSpaces?: boolean;
|
|
694
|
+
}
|
|
695
|
+
declare const InputTag: {
|
|
696
|
+
({ name, label, error, defaultValue, control, required, placeholder, blockSpaces, }: SelectFieldProps$1): react_jsx_runtime.JSX.Element;
|
|
697
|
+
displayName: string;
|
|
698
|
+
};
|
|
699
|
+
declare const ValueContainer: ({ children, ...props }: ValueContainerProps) => react_jsx_runtime.JSX.Element;
|
|
700
|
+
|
|
701
|
+
type OptionType = {
|
|
702
|
+
value: number | string;
|
|
703
|
+
label: string;
|
|
704
|
+
};
|
|
705
|
+
interface SelectFieldProps {
|
|
706
|
+
name: string;
|
|
707
|
+
options: OptionType[];
|
|
708
|
+
defaultValue?: any;
|
|
709
|
+
control?: any;
|
|
710
|
+
placeholder?: string;
|
|
711
|
+
isSearchable?: boolean;
|
|
712
|
+
required?: boolean;
|
|
713
|
+
label?: string;
|
|
714
|
+
error?: FieldError | Merge<FieldError, FieldErrorsImpl<any>>;
|
|
715
|
+
disabled?: boolean;
|
|
716
|
+
emptyMessage?: string;
|
|
717
|
+
filterOptions?: (value: any) => any;
|
|
718
|
+
debounce?: number;
|
|
719
|
+
}
|
|
720
|
+
declare const MultiSelectBottom: {
|
|
721
|
+
({ name, options, label, error, defaultValue, control, isSearchable, required, disabled, emptyMessage, filterOptions, debounce, }: SelectFieldProps): react_jsx_runtime.JSX.Element;
|
|
722
|
+
displayName: string;
|
|
723
|
+
};
|
|
724
|
+
|
|
725
|
+
declare function PageBox(props: {
|
|
726
|
+
title?: string;
|
|
727
|
+
children?: React__default.ReactNode;
|
|
728
|
+
}): react_jsx_runtime.JSX.Element;
|
|
729
|
+
|
|
730
|
+
type PageHeaderProps = {
|
|
731
|
+
title: JSX.Element | string;
|
|
732
|
+
breadcrumbs?: {
|
|
733
|
+
name: string;
|
|
734
|
+
link?: string;
|
|
735
|
+
}[];
|
|
736
|
+
children?: JSX.Element;
|
|
737
|
+
description?: JSX.Element | string;
|
|
738
|
+
};
|
|
739
|
+
declare const PageHeader: ({ title, breadcrumbs, children, description, }: PageHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
740
|
+
|
|
741
|
+
type ProgressBarProps = {
|
|
742
|
+
percentage: number;
|
|
743
|
+
variant: "primary" | "success" | "danger" | "info";
|
|
744
|
+
status: string;
|
|
745
|
+
};
|
|
746
|
+
declare const ProgressBar: ({ percentage, variant, status, }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
|
|
747
|
+
|
|
748
|
+
type TabsProps = {
|
|
749
|
+
tabs: {
|
|
750
|
+
key: string;
|
|
751
|
+
label: string | JSX.Element;
|
|
752
|
+
icon?: any;
|
|
753
|
+
children: JSX.Element;
|
|
754
|
+
hidden?: boolean;
|
|
755
|
+
}[];
|
|
756
|
+
onClick?: (current: any) => void;
|
|
757
|
+
};
|
|
758
|
+
declare function SimpleTab({ tabs, onClick }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
630
759
|
|
|
631
|
-
export { Accordion, Badge, Button, ButtonLink, Calendar, Checkbox, type CheckboxProps, CopyPopover, DataTable, DataTablePagination, DatePickerInput, EditableButton, EditableText, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage, Item, type LinkProp, Logo, MaskedInput, Menu, ModalDialog, type ModalProps, type OptionType, PaginationSelect, Popover, Radio, RocketIcon, SelectField, SelectFieldBip, SpinnerIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toggle, ValueContainer, sizes$1 as sizes };
|
|
760
|
+
export { Accordion, Badge, Button, ButtonLink, Calendar, Checkbox, type CheckboxProps, CopyPopover, DataTable, DataTablePagination, DatePickerInput, EditableButton, EditableText, EditableTextSelect, FileUpload, FilterCalendar, FilterOptions, InfoIcon, Input, InputMoney, InputNumber, InputPercentage, InputTag, Item, type LinkProp, Logo, MaskedInput, Menu, ModalDialog, type ModalProps, MultiSelect, MultiSelectBottom, type OptionType as MultiSelectBottomOptionType, type OptionType$2 as MultiSelectOptionType, type OptionType$1 as OptionType, PageBox, PageHeader, PaginationSelect, Popover, ProgressBar, Radio, RocketIcon, SelectField, SelectFieldBip, type OptionType$3 as SelectOptionType, SimpleTab, SpinnerIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type TabsProps, Toggle, ValueContainer, sizes$1 as sizes };
|