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.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$1 = {
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$1) => react_jsx_runtime.JSX.Element;
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$1 = {
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$1) => react_jsx_runtime.JSX.Element;
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 };