@oliasoft-open-source/react-ui-library 10.4.0 → 10.5.0-beta-2

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 scrollable content (background, padding, overflow, etc.). */
+    className?: string;
+}
+
 export declare interface IRichTextInputHandle {
     clearContent: () => void;
     editor: Editor | null;
@@ -2167,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;
@@ -2199,6 +2216,8 @@ export declare const Tabs: ({ name, options: rawOptions, value: rawValue, onChan
 
 export declare type TAlign = 'left' | 'right' | 'center';
 
+declare type TAxis = 'x' | 'y';
+
 declare type TBaseElementProps = {
     label?: string | null;
     icon?: ReactNode;
@@ -2290,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",