@oliasoft-open-source/react-ui-library 10.3.1 → 10.5.0-beta-1

package/dist/index.d.ts

@@ -1363,6 +1363,18 @@ declare interface IReorderData {
     to?: number;
 }
 
+export declare interface IResizableProps {
+    children: default_2.ReactNode;
+    axis: TAxis;
+    size: number;
+    onResize: (size: number) => void;
+    minSize?: number;
+    maxSize?: number;
+    handlePosition?: THandlePosition;
+    /** Applied to the resized surface. Use for background, padding, etc. */
+    className?: string;
+}
+
 export declare interface IRichTextInputHandle {
     clearContent: () => void;
     editor: Editor | null;
@@ -1758,6 +1770,7 @@ export declare interface ITabsProps {
     onChange?: TTabsChangeEventHandler;
     padding?: boolean;
     margin?: boolean;
+    small?: boolean;
     testId?: string;
     /** Default router link component for tab options with `to`. */
     linkComponent?: ElementType_2;
@@ -2166,6 +2179,11 @@ export declare const RadioButton: ({ name, label, options: rawOptions, value: ra
 
 export declare const readFile: (file?: Blob, method?: TFileReaderMethod) => Promise<string | ArrayBuffer | null>;
 
+/**
+ * Controlled resizable region along the horizontal or vertical axis, with a drag handle.
+ */
+export declare const Resizable: ({ children, axis, size, onResize, minSize, maxSize, handlePosition, className, }: IResizableProps) => JSX.Element;
+
 export declare const RichTextInput: NamedExoticComponent<IRichTextInputProps & RefAttributes<IRichTextInputHandle>>;
 
 export declare const Row: ({ alignItems, justifyContent, children, flex, height, marginBottom, marginTop, spacing: spacingProp, wrap, testId, }: IRowProps) => JSX.Element;
@@ -2194,10 +2212,12 @@ export declare const Table: (props: ITableProps) => JSX.Element;
 
 export declare const TableImportExport: ({ config, smartUploadConfig, testId }: ITableImportExportProps) => JSX.Element;
 
-export declare const Tabs: ({ name, options: rawOptions, value: rawValue, onChange, padding, margin, testId, linkComponent, }: ITabsProps) => JSX.Element | null;
+export declare const Tabs: ({ name, options: rawOptions, value: rawValue, onChange, padding, margin, small, testId, linkComponent, }: ITabsProps) => JSX.Element | null;
 
 export declare type TAlign = 'left' | 'right' | 'center';
 
+declare type TAxis = 'x' | 'y';
+
 declare type TBaseElementProps = {
     label?: string | null;
     icon?: ReactNode;
@@ -2289,6 +2309,8 @@ declare type TFunction = (...args: any[]) => any;
 
 export declare type TGroupOrder = 'first' | 'middle' | 'last';
 
+declare type THandlePosition = 'start' | 'end';
+
 export declare enum Theme {
     DARK = "dark",
     WHITE = "white",