refactor(table): Add modalContentRenderer prop

src/lib/components/table/Table.stories.tsx

@@ -206,6 +206,9 @@ const story = {
     hideColumns: {
       subContent: 'This property allows to hide defined columns by index.',
     },
+    modalContentRenderer: {
+      subContent: 'This property allows to render custom modal content.',
+    },
     onSelectionChanged: {
       subContent:
         'This event is triggered when a selection is changed. It receives the index of the selection as an argument.',

src/lib/components/table/Table.tsx

@@ -33,6 +33,7 @@ export interface TableProps {
   hideColumns?: number[];
   hideDetails?: boolean;
   imageComponent?: (args: any) => JSX.Element;
+  modalContentRenderer?: (content: ReactNode) => ReactNode;
   onModalOpen?: ModalFunction;
   onSelectionChanged?: (index: number) => void;
   stickyHeaderTopOffset?: number;
@@ -53,6 +54,7 @@ const Table = ({
   hideColumns = [],
   hideDetails,
   imageComponent,
+  modalContentRenderer,
   onModalOpen,
   onSelectionChanged,
   stickyHeaderTopOffset = 0,
@@ -185,7 +187,11 @@ const Table = ({
         title={infoModalData?.title}
         onClose={() => setInfoModalData(null)}
       >
-        <div className="pt8 p24 wmn6">{infoModalData?.body}</div>
+        <div className="pt8 p24 wmn6">
+          {modalContentRenderer
+            ? modalContentRenderer(infoModalData?.body)
+            : infoModalData?.body}
+        </div>
       </BottomOrRegularModal>
     </div>
   );