@oliasoft-open-source/react-ui-library 3.12.0-beta-11 → 3.12.0-beta-13

package/dist/components/table/table.stories-data.d.ts

@@ -0,0 +1,1971 @@
+import React from 'react';
+export declare const table: {
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableColumnWidths: {
+    columnWidths: string[];
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableStaticTooltips: {
+    rows: {
+        cells: ({
+            tooltip: string;
+            value: string;
+            testId: string;
+        } | {
+            tooltip: string;
+            value: number;
+            testId: string;
+        })[];
+    }[];
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+};
+export declare const tableCellWidths: {
+    rows: {
+        cells: ({
+            width: string;
+            value: string;
+            testId: string;
+        } | {
+            width: string;
+            value: number;
+            testId: string;
+        })[];
+    }[];
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+};
+export declare const tableCellStyleProp: {
+    rows: {
+        cells: ({
+            style: {
+                width: string;
+                background: string;
+                fontWeight: string;
+            };
+            value: string;
+            testId: string;
+        } | {
+            style: {
+                width: string;
+                background: string;
+                fontWeight: string;
+            };
+            value: number;
+            testId: string;
+        })[];
+    }[];
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+};
+export declare const tableBreakLongContent: {
+    rows: ({
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    } | {
+        cells: ({
+            breakWord: boolean;
+            value: string;
+        } | {
+            value: number;
+            breakWord?: undefined;
+        } | {
+            value: string;
+            breakWord?: undefined;
+        })[];
+    })[];
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+};
+export declare const tableUnits: {
+    headers: ({
+        cells: {
+            value: string;
+        }[];
+    } | {
+        cells: ({
+            options?: undefined;
+            type?: undefined;
+            searchable?: undefined;
+            value?: undefined;
+            onChange?: undefined;
+        } | {
+            options: {
+                label: string;
+                value: string;
+            }[];
+            type: string;
+            searchable: boolean;
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+        } | {
+            type: string;
+            value: string;
+            options?: undefined;
+            searchable?: undefined;
+            onChange?: undefined;
+        })[];
+    })[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableActiveRow: {
+    rows: {
+        active: boolean;
+        onRowClick: () => void;
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+};
+export declare const tableTitle: {
+    name: string;
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableTitleJsx: {
+    name: React.JSX.Element;
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableChildComponent: {
+    name: string;
+    actions: {
+        childComponent: React.JSX.Element;
+    }[];
+    testId: string;
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableWithActionHeaderAndNoLabel: {
+    actions: {
+        childComponent: React.JSX.Element;
+    }[];
+    actionsRight: boolean;
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableInfiniteScroll: {
+    headers: ({
+        cells: {
+            value: string;
+        }[];
+    } | {
+        cells: ({
+            options?: undefined;
+            type?: undefined;
+            native?: undefined;
+            value?: undefined;
+            onChange?: undefined;
+        } | {
+            options: {
+                label: string;
+                value: string;
+            }[];
+            type: string;
+            native: boolean;
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+        } | {
+            type: string;
+            value: string;
+            options?: undefined;
+            native?: undefined;
+            onChange?: undefined;
+        })[];
+    })[];
+    bordered: boolean;
+    infiniteScroll: boolean;
+    maxHeight: string;
+    stickyHeaders: boolean;
+    rows: {
+        cells: ({
+            type: string;
+            value: string;
+        } | {
+            type: string;
+            value: number;
+        })[];
+    }[];
+    footer: {
+        content: React.JSX.Element;
+    };
+};
+export declare const tableInfiniteScrollFullHeight: {
+    maxHeight: string;
+    headers: ({
+        cells: {
+            value: string;
+        }[];
+    } | {
+        cells: ({
+            options?: undefined;
+            type?: undefined;
+            native?: undefined;
+            value?: undefined;
+            onChange?: undefined;
+        } | {
+            options: {
+                label: string;
+                value: string;
+            }[];
+            type: string;
+            native: boolean;
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+        } | {
+            type: string;
+            value: string;
+            options?: undefined;
+            native?: undefined;
+            onChange?: undefined;
+        })[];
+    })[];
+    bordered: boolean;
+    infiniteScroll: boolean;
+    stickyHeaders: boolean;
+    rows: {
+        cells: ({
+            type: string;
+            value: string;
+        } | {
+            type: string;
+            value: number;
+        })[];
+    }[];
+    footer: {
+        content: React.JSX.Element;
+    };
+};
+export declare const tableInfiniteScrollShort: {
+    rows: {
+        cells: ({
+            type: string;
+            value: string;
+        } | {
+            type: string;
+            value: number;
+        })[];
+    }[];
+    headers: ({
+        cells: {
+            value: string;
+        }[];
+    } | {
+        cells: ({
+            options?: undefined;
+            type?: undefined;
+            native?: undefined;
+            value?: undefined;
+            onChange?: undefined;
+        } | {
+            options: {
+                label: string;
+                value: string;
+            }[];
+            type: string;
+            native: boolean;
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+        } | {
+            type: string;
+            value: string;
+            options?: undefined;
+            native?: undefined;
+            onChange?: undefined;
+        })[];
+    })[];
+    bordered: boolean;
+    infiniteScroll: boolean;
+    maxHeight: string;
+    stickyHeaders: boolean;
+    footer: {
+        content: React.JSX.Element;
+    };
+};
+export declare const tableInfiniteScrollDnD: {
+    draggable: boolean;
+    headers: ({
+        cells: {
+            value: string;
+        }[];
+    } | {
+        cells: ({
+            options?: undefined;
+            type?: undefined;
+            native?: undefined;
+            value?: undefined;
+            onChange?: undefined;
+        } | {
+            options: {
+                label: string;
+                value: string;
+            }[];
+            type: string;
+            native: boolean;
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+        } | {
+            type: string;
+            value: string;
+            options?: undefined;
+            native?: undefined;
+            onChange?: undefined;
+        })[];
+    })[];
+    bordered: boolean;
+    infiniteScroll: boolean;
+    maxHeight: string;
+    stickyHeaders: boolean;
+    rows: {
+        cells: ({
+            type: string;
+            value: string;
+        } | {
+            type: string;
+            value: number;
+        })[];
+    }[];
+    footer: {
+        content: React.JSX.Element;
+    };
+};
+export declare const tableRowFocus: {
+    rows: {
+        onRowFocus: () => void;
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+};
+export declare const tableJsxContent: {
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+        } | {
+            value: React.JSX.Element;
+        })[];
+    }[];
+};
+export declare const tableColspan: {
+    headers: {
+        cells: ({
+            value: string;
+            colSpan?: undefined;
+        } | {
+            value: string;
+            colSpan: number;
+        })[];
+    }[];
+    rows: ({
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    } | {
+        cells: {
+            value: string;
+            colSpan: number;
+        }[];
+    })[];
+};
+export declare const tableRowspan: {
+    headers: ({
+        cells: ({
+            value: string;
+            colSpan: number;
+            rowSpan?: undefined;
+        } | {
+            value: string;
+            rowSpan: number;
+            colSpan?: undefined;
+        })[];
+    } | {
+        cells: {
+            value: string;
+        }[];
+    })[];
+    rows: {
+        cells: ({
+            type: string;
+            value: string;
+            options?: undefined;
+            rowSpan?: undefined;
+        } | {
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            rowSpan: number;
+        })[];
+    }[];
+};
+export declare const tableColspanWidths: {
+    columnWidths: string[];
+    headers: {
+        cells: ({
+            value: string;
+            colSpan?: undefined;
+        } | {
+            value: string;
+            colSpan: number;
+        })[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableAlignment: {
+    columnAlignment: string[];
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableHeaderAlignment: {
+    columnAlignment: string[];
+    columnHeaderAlignments: string[][];
+    headers: {
+        cells: ({
+            value: string;
+            colSpan?: undefined;
+        } | {
+            value: string;
+            colSpan: number;
+        })[];
+    }[];
+    rows: ({
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    } | {
+        cells: {
+            value: string;
+            colSpan: number;
+        }[];
+    })[];
+};
+export declare const tableEditable: {
+    fixedWidth: string;
+    headers: {
+        cells: ({
+            value: string;
+            testId: string;
+            width: string;
+        } | {
+            value: string;
+            width: string;
+            testId?: undefined;
+        } | {
+            value: string;
+            testId?: undefined;
+            width?: undefined;
+        })[];
+    }[];
+    rows: ({
+        cells: ({
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            value: number;
+            type: string;
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            value: number;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        })[];
+    } | {
+        cells: ({
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            error: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            value: number;
+            type: string;
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            value: number;
+            error: string;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        })[];
+    } | {
+        cells: ({
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            warning: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            value: number;
+            type: string;
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            value: number;
+            warning: string;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        })[];
+    })[];
+};
+export declare const tableCheckboxes: {
+    headers: {
+        cells: ({
+            value: string;
+        } | {
+            type: string;
+            onChange: () => void;
+        })[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        } | {
+            type: string;
+            onChange: () => void;
+        })[];
+    }[];
+};
+export declare const tableDisabled: {
+    rows: ({
+        cells: ({
+            disabled: boolean;
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type: string;
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            error: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type: string;
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            error: string;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            warning: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type: string;
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            warning: string;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        })[];
+    } | {
+        cells: ({
+            disabled: boolean;
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type: string;
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            error: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type: string;
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            error: string;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            warning: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type: string;
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            warning: string;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        })[];
+    } | {
+        cells: ({
+            disabled: boolean;
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type: string;
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            error: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type: string;
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            error: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            error: string;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            warning: string;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            type: string;
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            min?: undefined;
+            max?: undefined;
+        } | {
+            disabled: boolean;
+            type: string;
+            value: number;
+            min: number;
+            max: number;
+            onChange: () => void;
+            warning: string;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+        } | {
+            disabled: boolean;
+            value: number;
+            warning: string;
+            type?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            native?: undefined;
+            options?: undefined;
+            min?: undefined;
+            max?: undefined;
+        })[];
+    })[];
+    fixedWidth: string;
+    headers: {
+        cells: ({
+            value: string;
+            testId: string;
+            width: string;
+        } | {
+            value: string;
+            width: string;
+            testId?: undefined;
+        } | {
+            value: string;
+            testId?: undefined;
+            width?: undefined;
+        })[];
+    }[];
+};
+export declare const tableFilters: {
+    headers: ({
+        cells: {
+            value: string;
+        }[];
+    } | {
+        cells: {
+            value: string;
+            type: string;
+            placeholder: string;
+            onChange: () => void;
+        }[];
+    })[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableSort: {
+    headers: {
+        cells: ({
+            value: string;
+            hasSort?: undefined;
+            sort?: undefined;
+            sortPriority?: undefined;
+            onSort?: undefined;
+        } | {
+            value: string;
+            hasSort: boolean;
+            sort: string;
+            sortPriority: number;
+            onSort: () => void;
+        })[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+        } | {
+            value: number;
+        })[];
+    }[];
+};
+export declare const tableIcons: {
+    headers: {
+        cells: ({
+            value?: undefined;
+        } | {
+            value: string;
+        })[];
+    }[];
+    rows: {
+        cells: ({
+            type: string;
+            icon: React.JSX.Element;
+            tooltip: string;
+            width: string;
+            value?: undefined;
+        } | {
+            value: string;
+            type?: undefined;
+            icon?: undefined;
+            tooltip?: undefined;
+            width?: undefined;
+        } | {
+            value: number;
+            type?: undefined;
+            icon?: undefined;
+            tooltip?: undefined;
+            width?: undefined;
+        })[];
+    }[];
+};
+export declare const tableLinks: {
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+    rows: ({
+        cells: ({
+            type: string;
+            value: string;
+            onClick: () => void;
+            disabled?: undefined;
+        } | {
+            type: string;
+            value: string;
+            disabled: boolean;
+            onClick: () => void;
+        })[];
+    } | {
+        cells: ({
+            type: string;
+            value: string;
+            warning: string;
+            onClick: () => void;
+            error?: undefined;
+        } | {
+            type: string;
+            value: string;
+            error: string;
+            onClick: () => void;
+            warning?: undefined;
+        })[];
+    })[];
+};
+export declare const tableActions: {
+    headers: {
+        cells: {
+            value: string;
+        }[];
+        actions: {
+            primary: boolean;
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+    }[];
+    rows: ({
+        cells: ({
+            value: string;
+        } | {
+            value: number;
+        })[];
+        actions: {
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+    } | {
+        cells: ({
+            value: string;
+        } | {
+            value: number;
+        })[];
+        actions: {
+            label: string;
+            icon: string;
+            onClick: () => void;
+            hidden: boolean;
+        }[];
+    })[];
+};
+export declare const tableWithSubActions: {
+    headers: {
+        cells: {
+            value: string;
+        }[];
+        actions: {
+            primary: boolean;
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+        } | {
+            value: number;
+        })[];
+        actions: ({
+            label: string;
+            subActions: {
+                label: string;
+                icon: string;
+                onClick: () => void;
+            }[];
+            icon?: undefined;
+            onClick?: undefined;
+        } | {
+            label: string;
+            icon: string;
+            onClick: () => void;
+            subActions?: undefined;
+        })[];
+    }[];
+};
+export declare const tableFooter: {
+    footer: {
+        content: React.JSX.Element;
+        pagination: {
+            rowCount: number;
+            selectedPage: number;
+            rowsPerPage: {
+                onChange: () => void;
+                options: {
+                    label: string;
+                    value: number;
+                }[];
+                value: number;
+            };
+            goTo: {
+                onChange: () => void;
+            };
+            onSelectPage: () => void;
+            small: boolean;
+        };
+        actions: {
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+    };
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableHelpLibraryIcons: {
+    headers: {
+        cells: {
+            helpIcon: {
+                onClick: () => void;
+                tooltip: string;
+            };
+            libraryIcon: {
+                onClick: () => void;
+                tooltip: string;
+            };
+            value: string;
+        }[];
+    }[];
+    rows: {
+        cells: ({
+            value: string;
+            testId: string;
+        } | {
+            value: number;
+            testId: string;
+        })[];
+    }[];
+};
+export declare const tableOverflowing: {
+    columnWidths: (string | undefined)[];
+    columnAlignment: string[];
+    columnHeaderAlignments: string[][];
+    headers: {
+        cells: {
+            value: string;
+        }[];
+    }[];
+    rows: ({
+        cells: ({
+            breakWord: boolean;
+            value: string;
+            type?: undefined;
+            native?: undefined;
+            options?: undefined;
+            onChange?: undefined;
+            disabled?: undefined;
+            error?: undefined;
+            testId?: undefined;
+            warning?: undefined;
+        } | {
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            disabled: boolean;
+            breakWord?: undefined;
+            error?: undefined;
+            testId?: undefined;
+            warning?: undefined;
+        } | {
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            error: string;
+            breakWord?: undefined;
+            native?: undefined;
+            disabled?: undefined;
+            testId?: undefined;
+            warning?: undefined;
+        } | {
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            warning: string;
+            breakWord?: undefined;
+            native?: undefined;
+            options?: undefined;
+            disabled?: undefined;
+            error?: undefined;
+        } | {
+            value: string;
+            warning: string;
+            breakWord?: undefined;
+            type?: undefined;
+            native?: undefined;
+            options?: undefined;
+            onChange?: undefined;
+            disabled?: undefined;
+            error?: undefined;
+            testId?: undefined;
+        } | {
+            value: string;
+            breakWord?: undefined;
+            type?: undefined;
+            native?: undefined;
+            options?: undefined;
+            onChange?: undefined;
+            disabled?: undefined;
+            error?: undefined;
+            testId?: undefined;
+            warning?: undefined;
+        })[];
+    } | {
+        cells: ({
+            value: string;
+            type?: undefined;
+            native?: undefined;
+            options?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+            error?: undefined;
+        } | {
+            type: string;
+            native: boolean;
+            options: {
+                label: number;
+                value: number;
+            }[];
+            value: {
+                label: number;
+                value: number;
+            };
+            onChange: () => void;
+            testId?: undefined;
+            error?: undefined;
+        } | {
+            type: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            value: {
+                label: string;
+                value: string;
+            };
+            onChange: () => void;
+            native?: undefined;
+            testId?: undefined;
+            error?: undefined;
+        } | {
+            value: string;
+            type: string;
+            onChange: () => void;
+            testId: string;
+            native?: undefined;
+            options?: undefined;
+            error?: undefined;
+        } | {
+            type: string;
+            value: string;
+            error: string;
+            native?: undefined;
+            options?: undefined;
+            onChange?: undefined;
+            testId?: undefined;
+        })[];
+    })[];
+};