@oliasoft-open-source/react-ui-library 3.12.0-beta-19 → 3.12.0-beta-20

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { CSSProperties } from 'react';
 import { DependencyList } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { Id } from 'react-toastify';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
@@ -15,11 +16,11 @@ import { ReactPortal } from 'react';
 import { RefObject } from 'react';
 import { ToastContainer as Toaster } from 'react-toastify';
 
-export declare const Accordion: ({ heading, expanded, managed, bordered, padding, children, onClick, squareBottom, testId, }: IAccordionProps) => React_2.JSX.Element;
+export declare const Accordion: ({ heading, expanded, managed, bordered, padding, children, onClick, squareBottom, testId, }: IAccordionProps) => JSX_2.Element;
 
-export declare const AccordionWithDefaultToggle: ({ heading, toggleLabel, onClickDefaultToggle, expanded, defaultEnabled, padding, children, }: IAccordionWithDefaultToggleProps) => React_2.JSX.Element;
+export declare const AccordionWithDefaultToggle: ({ heading, toggleLabel, onClickDefaultToggle, expanded, defaultEnabled, padding, children, }: IAccordionWithDefaultToggleProps) => JSX_2.Element;
 
-export declare const Actions: (props: IActionProps) => React_2.JSX.Element;
+export declare const Actions: (props: IActionProps) => JSX_2.Element;
 
 export declare enum Align {
     LEFT = "left",
@@ -27,7 +28,7 @@ export declare enum Align {
     CENTER = "center"
 }
 
-export declare const Badge: ({ children, color, title, dot, margin, small, }: IBadgeProps) => React_2.JSX.Element;
+export declare const Badge: ({ children, color, title, dot, margin, small, }: IBadgeProps) => JSX_2.Element;
 
 declare type BaseElementProps = {
     label?: string;
@@ -36,7 +37,7 @@ declare type BaseElementProps = {
     testId?: string;
 };
 
-export declare const Breadcrumb: ({ links, small }: IBreadcrumbProps) => React_2.JSX.Element;
+export declare const Breadcrumb: ({ links, small }: IBreadcrumbProps) => JSX_2.Element;
 
 export declare enum BreadcrumbLinkType {
     LABEL = "label",
@@ -44,7 +45,7 @@ export declare enum BreadcrumbLinkType {
     CUSTOM = "custom"
 }
 
-export declare const Button: ({ active, basic, colored, disabled, groupOrder, icon, label, loading, name, pill, round, small, styles, width, title, type, onClick, error, warning, testId, tooltip, inverted, }: IButtonProps) => React_2.JSX.Element;
+export declare const Button: ({ active, basic, colored, disabled, groupOrder, icon, label, loading, name, pill, round, small, styles, width, title, type, onClick, error, warning, testId, tooltip, inverted, }: IButtonProps) => JSX_2.Element;
 
 declare type ButtonElement = BaseElementProps & {
     type: TopBarElementType.BUTTON;
@@ -52,7 +53,7 @@ declare type ButtonElement = BaseElementProps & {
     disabled?: boolean;
 };
 
-export declare const ButtonGroup: (props: IButtonGroupProps) => React_2.JSX.Element;
+export declare const ButtonGroup: (props: IButtonGroupProps) => JSX_2.Element;
 
 export declare enum ButtonPosition {
     TOP = "top",
@@ -65,9 +66,9 @@ export declare enum ButtonType {
     RESET = "reset"
 }
 
-export declare const Card: ({ bordered, heading, children, margin, padding, raised, }: ICardProps) => React_2.JSX.Element;
+export declare const Card: ({ bordered, heading, children, margin, padding, raised, }: ICardProps) => JSX_2.Element;
 
-export declare const CheckBox: ({ noMargin, dataix, isInTable, tabIndex, checked, name, key, label, disabled, small, onChange, testId, value, helpText, onClickHelp, }: ICheckBoxProps) => React_2.JSX.Element;
+export declare const CheckBox: ({ noMargin, dataix, isInTable, tabIndex, checked, name, key, label, disabled, small, onChange, testId, value, helpText, onClickHelp, }: ICheckBoxProps) => JSX_2.Element;
 
 export declare enum Color {
     DANGER = "danger",
@@ -78,34 +79,34 @@ export declare enum Color {
     MUTED = "muted"
 }
 
-export declare const Column: ({ background, borderLeft, borderRight, children, flex, flexbox, padding, scroll, showScrollbar, spacing, width, widthMobile, widthTablet, testId, }: ILayoutColumnProps) => React_2.JSX.Element;
+export declare const Column: ({ background, borderLeft, borderRight, children, flex, flexbox, padding, scroll, showScrollbar, spacing, width, widthMobile, widthTablet, testId, }: ILayoutColumnProps) => JSX_2.Element;
 
 declare type ComponentElement = {
     type: TopBarElementType.COMPONENT;
     component: ReactNode;
 };
 
-export declare const Dialog: ({ dialog }: IDialogProps) => React_2.JSX.Element;
+export declare const Dialog: ({ dialog }: IDialogProps) => JSX_2.Element;
 
 export declare const DisabledContext: React_2.Context<boolean>;
 
-export declare const Divider: ({ children, margin, color, align, }: IDividerProps) => React_2.JSX.Element;
+export declare const Divider: ({ children, margin, color, align, }: IDividerProps) => JSX_2.Element;
 
-export declare const Drawer: ({ background, fixed, open: openProp, setOpen: setOpenProp, right, width, closedWidth, shadow, top, button, buttonAnimate, buttonPosition, border, children, tabs, defaultTabIndex, activeTab: activeTabProp, setActiveTab: setActiveTabProp, testId, onResize, getActiveTab, onClose, onOpen, }: IDrawerProps) => React_2.JSX.Element;
+export declare const Drawer: ({ background, fixed, open: openProp, setOpen: setOpenProp, right, width, closedWidth, shadow, top, button, buttonAnimate, buttonPosition, border, children, tabs, defaultTabIndex, activeTab: activeTabProp, setActiveTab: setActiveTabProp, testId, onResize, getActiveTab, onClose, onOpen, }: IDrawerProps) => JSX_2.Element;
 
-export declare const Empty: ({ width, height, text, children, }: IEmptyProps) => React_2.JSX.Element;
+export declare const Empty: ({ width, height, text, children, }: IEmptyProps) => JSX_2.Element;
 
-export declare const Field: ({ label, labelLeft, labelWidth, children, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, testId, }: IFieldProps) => React_2.JSX.Element;
+export declare const Field: ({ label, labelLeft, labelWidth, children, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, testId, }: IFieldProps) => JSX_2.Element;
 
 export declare const FileInput: ({ label, loading, placeholder, disabled, file, accept, multi, name, width, onChange, testId, }: IFileInputProps) => ReactElement;
 
 declare type FileReaderMethod = InputReaderMethods;
 
-export declare const Flex: ({ alignItems, justifyContent, direction, height, children, wrap, gap, }: ILayoutFlexProps) => React_2.JSX.Element;
+export declare const Flex: ({ alignItems, justifyContent, direction, height, children, wrap, gap, }: ILayoutFlexProps) => JSX_2.Element;
 
-export declare const FormRow: ({ children }: ILayoutFormRowProps) => React_2.JSX.Element;
+export declare const FormRow: ({ children }: ILayoutFormRowProps) => JSX_2.Element;
 
-export declare const Grid: ({ rows, columns, columnsTablet, columnsMobile, gap, height, children, }: ILayoutGridProps) => React_2.JSX.Element;
+export declare const Grid: ({ rows, columns, columnsTablet, columnsMobile, gap, height, children, }: ILayoutGridProps) => JSX_2.Element;
 
 export declare enum GroupOrder {
     FIRST = "first",
@@ -113,9 +114,9 @@ export declare enum GroupOrder {
     LAST = "last"
 }
 
-export declare const Heading: ({ children, helpText, onClick, onClickHelp, onIconClick, icon, libraryIcon, marginBottom, top, testId, }: IHeadingProps) => React_2.JSX.Element;
+export declare const Heading: ({ children, helpText, onClick, onClickHelp, onIconClick, icon, libraryIcon, marginBottom, top, testId, }: IHeadingProps) => JSX_2.Element;
 
-export declare const HelpIcon: ({ text, onClick, icon, active, maxWidth, testId, }: IHelpIconProps) => React_2.JSX.Element;
+export declare const HelpIcon: ({ text, onClick, icon, active, maxWidth, testId, }: IHelpIconProps) => JSX_2.Element;
 
 declare interface IAccordionBaseProps {
     heading: ReactNode;
@@ -257,7 +258,7 @@ declare interface ICheckBoxProps {
  *     - react-icons
  *     - SVG (for special cases)
  */
-export declare const Icon: ({ icon, onClick, clickable, color, size, testId, }: IconProps) => React_2.JSX.Element;
+export declare const Icon: ({ icon, onClick, clickable, color, size, testId, }: IconProps) => JSX_2.Element;
 
 declare interface IconProps {
     icon: ReactNode | string;
@@ -1265,7 +1266,7 @@ declare interface ITreeProps {
     treeRef?: RefObject<any>;
 }
 
-export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, }: ILabelProps) => React_2.JSX.Element;
+export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, }: ILabelProps) => JSX_2.Element;
 
 declare type LinkElement = BaseElementProps & {
     type: TopBarElementType.LINK;
@@ -1274,15 +1275,15 @@ declare type LinkElement = BaseElementProps & {
     disabled?: boolean;
 };
 
-export declare const List: ({ list, bordered, expanding, narrow, toggleNarrow, onToggleNarrow, invokeEditOnRowClick, noHeader, stickyHeader, draggable, onListReorder, marginBottom, height, testId, scrollDetails, }: IListProps) => React_2.JSX.Element;
+export declare const List: ({ list, bordered, expanding, narrow, toggleNarrow, onToggleNarrow, invokeEditOnRowClick, noHeader, stickyHeader, draggable, onListReorder, marginBottom, height, testId, scrollDetails, }: IListProps) => JSX_2.Element;
 
 export declare const ListHeading: React_2.ForwardRefExoticComponent<IListHeadingProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const ListSubheading: React_2.ForwardRefExoticComponent<IListSubheadingProps & React_2.RefAttributes<(HTMLDivElement | null)[]>>;
 
-export declare const Loader: ({ width, height, text, details, fullViewPortSize, cover, children, theme, testId, }: ILoaderProps) => React_2.JSX.Element;
+export declare const Loader: ({ width, height, text, details, fullViewPortSize, cover, children, theme, testId, }: ILoaderProps) => JSX_2.Element;
 
-export declare const Menu: (props: IMenuProps) => React_2.JSX.Element;
+export declare const Menu: (props: IMenuProps) => JSX_2.Element;
 
 export declare enum MenuCarat {
     FALSE = "false",
@@ -1302,7 +1303,7 @@ export declare enum MenuType {
     MENU = "Menu"
 }
 
-export declare const Message: ({ message }: IMessageProps) => React_2.JSX.Element;
+export declare const Message: ({ message }: IMessageProps) => JSX_2.Element;
 
 export declare enum MessageType {
     INFO = "Info",
@@ -1311,9 +1312,9 @@ export declare enum MessageType {
     ERROR = "Error"
 }
 
-export declare const Modal: ({ children, visible, centered, width, }: IModalProps) => React_2.JSX.Element;
+export declare const Modal: ({ children, visible, centered, width, }: IModalProps) => JSX_2.Element;
 
-export declare const NativeSelect: ({ disabled, error, warning, tooltip, options, onChange, onFocus, onBlur, right, small, tabIndex, selectedOption, width, groupOrder, testId, isInTable, clearable, placeholder, hasNonExistentValue, maxTooltipWidth, borderRadius, }: NativeSelectProps) => React_2.JSX.Element;
+export declare const NativeSelect: ({ disabled, error, warning, tooltip, options, onChange, onFocus, onBlur, right, small, tabIndex, selectedOption, width, groupOrder, testId, isInTable, clearable, placeholder, hasNonExistentValue, maxTooltipWidth, borderRadius, }: NativeSelectProps) => JSX_2.Element;
 
 declare interface NativeSelectProps {
     borderRadius?: string | number;
@@ -1341,21 +1342,21 @@ declare interface NativeSelectProps {
     maxTooltipWidth?: string | number;
 }
 
-export declare const NumberInput: ({ name, placeholder, disabled, error, left, small, width, value, onChange, onFocus, tabIndex, testId, tooltip, warning, validationCallback, allowEmpty, isInTable, groupOrder, }: INumberInputProps) => React_2.JSX.Element;
+export declare const NumberInput: ({ name, placeholder, disabled, error, left, small, width, value, onChange, onFocus, tabIndex, testId, tooltip, warning, validationCallback, allowEmpty, isInTable, groupOrder, }: INumberInputProps) => JSX_2.Element;
 
 export declare const OptionDropdown: ({ name, label, options, onChange, showHeader, maxHeight, }: IOptionDropdownProps) => ReactElement;
 
-export declare const Page: ({ children, left, padding: paddingProp, scroll, top, }: ILayoutPageProps) => React_2.JSX.Element;
+export declare const Page: ({ children, left, padding: paddingProp, scroll, top, }: ILayoutPageProps) => JSX_2.Element;
 
-export declare const Pagination: ({ pagination }: IPaginationProps) => React_2.JSX.Element;
+export declare const Pagination: ({ pagination }: IPaginationProps) => JSX_2.Element;
 
-export declare const PopConfirm: ({ children, placement, closeOnOutsideClick, fullWidth, title, cancelText, onClickCancel, okText, onClickOk, }: IPopConfirmProps) => React_2.JSX.Element;
+export declare const PopConfirm: ({ children, placement, closeOnOutsideClick, fullWidth, title, cancelText, onClickCancel, okText, onClickOk, }: IPopConfirmProps) => JSX_2.Element;
 
-export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, overflowContainer, }: IPopoverProps) => React_2.JSX.Element;
+export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, overflowContainer, }: IPopoverProps) => JSX_2.Element;
 
 export declare const Portal: ({ id, children }: IPortalProps) => ReactPortal | null;
 
-export declare const PrintHeader: ({ logo, alt, logoWidth, }: PrintHeaderProps) => React_2.JSX.Element;
+export declare const PrintHeader: ({ logo, alt, logoWidth, }: PrintHeaderProps) => JSX_2.Element;
 
 declare interface PrintHeaderProps {
     logo: string;
@@ -1363,41 +1364,41 @@ declare interface PrintHeaderProps {
     alt: string;
 }
 
-export declare const ProgressBar: ({ width, inverted, colored, showProgressColors, percentage, noLabel, }: IProgressBarProps) => React_2.JSX.Element;
+export declare const ProgressBar: ({ width, inverted, colored, showProgressColors, percentage, noLabel, }: IProgressBarProps) => JSX_2.Element;
 
-export declare const RadioButton: ({ name, label: rawLabel, options: rawOptions, value: rawValue, onChange, disabled, small, noMargin, onClick, inline, mainLabel, radioButtonsData, classForContainer, }: IRadioButtonProps) => React_2.JSX.Element;
+export declare const RadioButton: ({ name, label: rawLabel, options: rawOptions, value: rawValue, onChange, disabled, small, noMargin, onClick, inline, mainLabel, radioButtonsData, classForContainer, }: IRadioButtonProps) => JSX_2.Element;
 
 export declare const readFile: (file?: Blob, method?: FileReaderMethod) => Promise<string | ArrayBuffer | null>;
 
 export declare const RichTextInput: React_2.ForwardRefExoticComponent<IRichTextInputProps & React_2.RefAttributes<any>>;
 
-export declare const Row: ({ alignItems, justifyContent, children, flex, height, marginBottom, marginTop, spacing, wrap, testId, }: ILayoutRowProps) => React_2.JSX.Element;
+export declare const Row: ({ alignItems, justifyContent, children, flex, height, marginBottom, marginTop, spacing, wrap, testId, }: ILayoutRowProps) => JSX_2.Element;
 
-export declare const Select: (props: ISelectProps) => React_2.JSX.Element;
+export declare const Select: (props: ISelectProps) => JSX_2.Element;
 
-export declare const SideBar: React_2.MemoExoticComponent<({ options, startOpen, onShiftClickToggleOpen, top }: ISideBarProps) => React_2.JSX.Element>;
+export declare const SideBar: React_2.MemoExoticComponent<({ options, startOpen, onShiftClickToggleOpen, top }: ISideBarProps) => JSX_2.Element>;
 
-export declare const Slider: ({ name, label, width, labelWidth, value, min, max, step, marks, showArrows, showTooltip, tooltipFormatter, disabled, range, small, vertical, onChange, }: ISliderProps) => React_2.JSX.Element;
+export declare const Slider: ({ name, label, width, labelWidth, value, min, max, step, marks, showArrows, showTooltip, tooltipFormatter, disabled, range, small, vertical, onChange, }: ISliderProps) => JSX_2.Element;
 
-export declare const Spacer: ({ height, width, flex, }: ILayoutSpacerProps) => React_2.JSX.Element;
+export declare const Spacer: ({ height, width, flex, }: ILayoutSpacerProps) => JSX_2.Element;
 
-export declare const Spinner: ({ small, colored, dark, tiny, }: ISpinnerProps) => React_2.JSX.Element;
+export declare const Spinner: ({ small, colored, dark, tiny, }: ISpinnerProps) => JSX_2.Element;
 
-export declare const Table: (props: ITableProps) => React_2.JSX.Element;
+export declare const Table: (props: ITableProps) => JSX_2.Element;
 
-export declare const Tabs: ({ name, options: rawOptions, children, value: rawValue, onChange, padding, margin, contentPadding, onChangeTab, activeTabIndex: rawActiveTabIndex, tabs: tabsConfig, testId, }: ITabsProps) => React_2.JSX.Element | null;
+export declare const Tabs: ({ name, options: rawOptions, children, value: rawValue, onChange, padding, margin, contentPadding, onChangeTab, activeTabIndex: rawActiveTabIndex, tabs: tabsConfig, testId, }: ITabsProps) => JSX_2.Element | null;
 
 declare type TCellType = {
     colSpan?: number;
     value: string;
 };
 
-declare const Text_2: ({ children, bold, center, error, faint, link, muted, onClick, small, success, warning, }: ITextProps) => React_2.JSX.Element;
+declare const Text_2: ({ children, bold, center, error, faint, link, muted, onClick, small, success, warning, }: ITextProps) => JSX_2.Element;
 export { Text_2 as Text }
 
-export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled, onChange, onKeyPress, onFocus, onBlur, tabIndex, error, warning, tooltip, maxTooltipWidth, resize, monospace, testId, }: ITextAreaProps) => React_2.JSX.Element;
+export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled, onChange, onKeyPress, onFocus, onBlur, tabIndex, error, warning, tooltip, maxTooltipWidth, resize, monospace, testId, }: ITextAreaProps) => JSX_2.Element;
 
-export declare const TextLink: ({ children, href, target, testId, onClick, }: ITextLinkProps) => React_2.JSX.Element;
+export declare const TextLink: ({ children, href, target, testId, onClick, }: ITextLinkProps) => JSX_2.Element;
 
 export declare enum Theme {
     DARK = "dark",
@@ -1410,11 +1411,11 @@ export declare const toast: ({ id, message, autoClose, onClose, }: IToastProps)
 
 export { Toaster }
 
-export declare const Toggle: ({ name, label, checked, disabled, small, onChange, noMargin, testId, helpText, onClickHelp, }: IToggleProps) => React_2.JSX.Element;
+export declare const Toggle: ({ name, label, checked, disabled, small, onChange, noMargin, testId, helpText, onClickHelp, }: IToggleProps) => JSX_2.Element;
 
-export declare const Tooltip: ({ children, text, error, placement, possiblePlacements, enabled, warning, maxWidth, triggerOffset, fontSize, padding, display, flex, forceOpen, }: ITooltipProps) => React_2.JSX.Element;
+export declare const Tooltip: ({ children, text, error, placement, possiblePlacements, enabled, warning, maxWidth, triggerOffset, fontSize, padding, display, flex, forceOpen, }: ITooltipProps) => JSX_2.Element;
 
-export declare const TopBar: ({ title, content, contentRight, warning, height, fixedPosition, }: ITopBarProps) => React_2.JSX.Element;
+export declare const TopBar: ({ title, content, contentRight, warning, height, fixedPosition, }: ITopBarProps) => JSX_2.Element;
 
 declare enum TopBarElementType {
     LINK = "Link",
@@ -1423,7 +1424,7 @@ declare enum TopBarElementType {
     COMPONENT = "Component"
 }
 
-export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, }: ITreeProps) => React_2.JSX.Element;
+export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, }: ITreeProps) => JSX_2.Element;
 
 export declare enum TriggerType {
     TEXT = "Text",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.12.0-beta-19",
+  "version": "3.12.0-beta-20",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {