@topconsultnpm/sdkui-react 6.19.0-dev1.9 → 6.19.0-dev2.2

package/lib/helper/TMImageLibrary.js

@@ -228,239 +228,239 @@ import vehicle_005 from '../assets/ImageLibrary/vehicle_005.png';
 import vehicle_006 from '../assets/ImageLibrary/vehicle_006.png';
 import vehicle_007 from '../assets/ImageLibrary/vehicle_007.png';
 import vehicle_008 from '../assets/ImageLibrary/vehicle_008.png';
-export const TMImageLibrary = ({ imageID }) => {
+export const TMImageLibrary = ({ imageID, showPath = false }) => {
     if (!imageID)
         return null;
     switch (imageID) {
-        case "arrow_001": return _jsx("img", { src: arrow_001, alt: '' });
-        case "arrow_002": return _jsx("img", { src: arrow_002, alt: '' });
-        case "arrow_004": return _jsx("img", { src: arrow_004, alt: '' });
-        case "arrow_005": return _jsx("img", { src: arrow_005, alt: '' });
-        case "arrow_006": return _jsx("img", { src: arrow_006, alt: '' });
-        case "arrow_007": return _jsx("img", { src: arrow_007, alt: '' });
-        case "arrow_008": return _jsx("img", { src: arrow_008, alt: '' });
-        case "arrow_009": return _jsx("img", { src: arrow_009, alt: '' });
-        case "arrow_010": return _jsx("img", { src: arrow_010, alt: '' });
-        case "arrow_011": return _jsx("img", { src: arrow_011, alt: '' });
-        case "arrow_012": return _jsx("img", { src: arrow_012, alt: '' });
-        case "book_001": return _jsx("img", { src: book_001, alt: '' });
-        case "book_002": return _jsx("img", { src: book_002, alt: '' });
-        case "book_003": return _jsx("img", { src: book_003, alt: '' });
-        case "book_004": return _jsx("img", { src: book_004, alt: '' });
-        case "book_005": return _jsx("img", { src: book_005, alt: '' });
-        case "book_006": return _jsx("img", { src: book_006, alt: '' });
-        case "book_007": return _jsx("img", { src: book_007, alt: '' });
-        case "clock_001": return _jsx("img", { src: clock_001, alt: '' });
-        case "clock_002": return _jsx("img", { src: clock_002, alt: '' });
-        case "clock_003": return _jsx("img", { src: clock_003, alt: '' });
-        case "cube_001": return _jsx("img", { src: cube_001, alt: '' });
-        case "cube_002": return _jsx("img", { src: cube_002, alt: '' });
-        case "cube_003": return _jsx("img", { src: cube_003, alt: '' });
-        case "dcmt_001": return _jsx("img", { src: dcmt_001, alt: '' });
-        case "dcmt_002": return _jsx("img", { src: dcmt_002, alt: '' });
-        case "dcmt_003": return _jsx("img", { src: dcmt_003, alt: '' });
-        case "dcmt_004": return _jsx("img", { src: dcmt_004, alt: '' });
-        case "dcmt_005": return _jsx("img", { src: dcmt_005, alt: '' });
-        case "dcmt_006": return _jsx("img", { src: dcmt_006, alt: '' });
-        case "dcmt_007": return _jsx("img", { src: dcmt_007, alt: '' });
-        case "dcmt_008": return _jsx("img", { src: dcmt_008, alt: '' });
-        case "emoticon_001": return _jsx("img", { src: emoticon_001, alt: '' });
-        case "emoticon_002": return _jsx("img", { src: emoticon_002, alt: '' });
-        case "emoticon_003": return _jsx("img", { src: emoticon_003, alt: '' });
-        case "emoticon_004": return _jsx("img", { src: emoticon_004, alt: '' });
-        case "fld_001": return _jsx("img", { src: fld_001, alt: '' });
-        case "fld_002": return _jsx("img", { src: fld_002, alt: '' });
-        case "fld_003": return _jsx("img", { src: fld_003, alt: '' });
-        case "fld_004": return _jsx("img", { src: fld_004, alt: '' });
-        case "fld_005": return _jsx("img", { src: fld_005, alt: '' });
-        case "fld_006": return _jsx("img", { src: fld_006, alt: '' });
-        case "fld_007": return _jsx("img", { src: fld_007, alt: '' });
-        case "fld_008": return _jsx("img", { src: fld_008, alt: '' });
-        case "fld_009": return _jsx("img", { src: fld_009, alt: '' });
-        case "fld_010": return _jsx("img", { src: fld_010, alt: '' });
-        case "fld_011": return _jsx("img", { src: fld_011, alt: '' });
-        case "fld_012": return _jsx("img", { src: fld_012, alt: '' });
-        case "fld_013": return _jsx("img", { src: fld_013, alt: '' });
-        case "fld_014": return _jsx("img", { src: fld_014, alt: '' });
-        case "fld_015": return _jsx("img", { src: fld_015, alt: '' });
-        case "fld_016": return _jsx("img", { src: fld_016, alt: '' });
-        case "fld_017": return _jsx("img", { src: fld_017, alt: '' });
-        case "fld_018": return _jsx("img", { src: fld_018, alt: '' });
-        case "fld_019": return _jsx("img", { src: fld_019, alt: '' });
-        case "fld_020": return _jsx("img", { src: fld_020, alt: '' });
-        case "fld_021": return _jsx("img", { src: fld_021, alt: '' });
-        case "fld_022": return _jsx("img", { src: fld_022, alt: '' });
-        case "fld_023": return _jsx("img", { src: fld_023, alt: '' });
-        case "fld_024": return _jsx("img", { src: fld_024, alt: '' });
-        case "fld_025": return _jsx("img", { src: fld_025, alt: '' });
-        case "fld_026": return _jsx("img", { src: fld_026, alt: '' });
-        case "fld_027": return _jsx("img", { src: fld_027, alt: '' });
-        case "fld_028": return _jsx("img", { src: fld_028, alt: '' });
-        case "fld_029": return _jsx("img", { src: fld_029, alt: '' });
-        case "fld_030": return _jsx("img", { src: fld_030, alt: '' });
-        case "fld_031": return _jsx("img", { src: fld_031, alt: '' });
-        case "fld_032": return _jsx("img", { src: fld_032, alt: '' });
-        case "fld_033": return _jsx("img", { src: fld_033, alt: '' });
-        case "gen_001": return _jsx("img", { src: gen_001, alt: '' });
-        case "gen_002": return _jsx("img", { src: gen_002, alt: '' });
-        case "gen_003": return _jsx("img", { src: gen_003, alt: '' });
-        case "gen_004": return _jsx("img", { src: gen_004, alt: '' });
-        case "gen_005": return _jsx("img", { src: gen_005, alt: '' });
-        case "gen_006": return _jsx("img", { src: gen_006, alt: '' });
-        case "gen_007": return _jsx("img", { src: gen_007, alt: '' });
-        case "gen_008": return _jsx("img", { src: gen_008, alt: '' });
-        case "gen_009": return _jsx("img", { src: gen_009, alt: '' });
-        case "gen_010": return _jsx("img", { src: gen_010, alt: '' });
-        case "gen_011": return _jsx("img", { src: gen_011, alt: '' });
-        case "gen_012": return _jsx("img", { src: gen_012, alt: '' });
-        case "gen_013": return _jsx("img", { src: gen_013, alt: '' });
-        case "gen_014": return _jsx("img", { src: gen_014, alt: '' });
-        case "gen_015": return _jsx("img", { src: gen_015, alt: '' });
-        case "gen_016": return _jsx("img", { src: gen_016, alt: '' });
-        case "gen_017": return _jsx("img", { src: gen_017, alt: '' });
-        case "gen_018": return _jsx("img", { src: gen_018, alt: '' });
-        case "gen_019": return _jsx("img", { src: gen_019, alt: '' });
-        case "gen_020": return _jsx("img", { src: gen_020, alt: '' });
-        case "gen_021": return _jsx("img", { src: gen_021, alt: '' });
-        case "gen_022": return _jsx("img", { src: gen_022, alt: '' });
-        case "gen_023": return _jsx("img", { src: gen_023, alt: '' });
-        case "gen_024": return _jsx("img", { src: gen_024, alt: '' });
-        case "gen_025": return _jsx("img", { src: gen_025, alt: '' });
-        case "gen_026": return _jsx("img", { src: gen_026, alt: '' });
-        case "gen_027": return _jsx("img", { src: gen_027, alt: '' });
-        case "gen_028": return _jsx("img", { src: gen_028, alt: '' });
-        case "gen_029": return _jsx("img", { src: gen_029, alt: '' });
-        case "gen_030": return _jsx("img", { src: gen_030, alt: '' });
-        case "gen_031": return _jsx("img", { src: gen_031, alt: '' });
-        case "gen_032": return _jsx("img", { src: gen_032, alt: '' });
-        case "gen_033": return _jsx("img", { src: gen_033, alt: '' });
-        case "gen_034": return _jsx("img", { src: gen_034, alt: '' });
-        case "gen_035": return _jsx("img", { src: gen_035, alt: '' });
-        case "gen_036": return _jsx("img", { src: gen_036, alt: '' });
-        case "gen_037": return _jsx("img", { src: gen_037, alt: '' });
-        case "gen_038": return _jsx("img", { src: gen_038, alt: '' });
-        case "gen_039": return _jsx("img", { src: gen_039, alt: '' });
-        case "gen_040": return _jsx("img", { src: gen_040, alt: '' });
-        case "gen_041": return _jsx("img", { src: gen_041, alt: '' });
-        case "gen_042": return _jsx("img", { src: gen_042, alt: '' });
-        case "gen_043": return _jsx("img", { src: gen_043, alt: '' });
-        case "gen_044": return _jsx("img", { src: gen_044, alt: '' });
-        case "gen_045": return _jsx("img", { src: gen_045, alt: '' });
-        case "gen_046": return _jsx("img", { src: gen_046, alt: '' });
-        case "gen_047": return _jsx("img", { src: gen_047, alt: '' });
-        case "gen_048": return _jsx("img", { src: gen_048, alt: '' });
-        case "gen_049": return _jsx("img", { src: gen_049, alt: '' });
-        case "gen_050": return _jsx("img", { src: gen_050, alt: '' });
-        case "gen_051": return _jsx("img", { src: gen_051, alt: '' });
-        case "gen_052": return _jsx("img", { src: gen_052, alt: '' });
-        case "hand_001": return _jsx("img", { src: hand_001, alt: '' });
-        case "hand_002": return _jsx("img", { src: hand_002, alt: '' });
-        case "hand_003": return _jsx("img", { src: hand_003, alt: '' });
-        case "hand_004": return _jsx("img", { src: hand_004, alt: '' });
-        case "hand_005": return _jsx("img", { src: hand_005, alt: '' });
-        case "hand_006": return _jsx("img", { src: hand_006, alt: '' });
-        case "law_001": return _jsx("img", { src: law_001, alt: '' });
-        case "law_002": return _jsx("img", { src: law_002, alt: '' });
-        case "law_003": return _jsx("img", { src: law_003, alt: '' });
-        case "lock_001": return _jsx("img", { src: lock_001, alt: '' });
-        case "lock_002": return _jsx("img", { src: lock_002, alt: '' });
-        case "lock_003": return _jsx("img", { src: lock_003, alt: '' });
-        case "mail_001": return _jsx("img", { src: mail_001, alt: '' });
-        case "mail_002": return _jsx("img", { src: mail_002, alt: '' });
-        case "mail_003": return _jsx("img", { src: mail_003, alt: '' });
-        case "mail_004": return _jsx("img", { src: mail_004, alt: '' });
-        case "mail_005": return _jsx("img", { src: mail_005, alt: '' });
-        case "mail_006": return _jsx("img", { src: mail_006, alt: '' });
-        case "mail_007": return _jsx("img", { src: mail_007, alt: '' });
-        case "mail_008": return _jsx("img", { src: mail_008, alt: '' });
-        case "mail_009": return _jsx("img", { src: mail_009, alt: '' });
-        case "mail_010": return _jsx("img", { src: mail_010, alt: '' });
-        case "mail_011": return _jsx("img", { src: mail_011, alt: '' });
-        case "mail_012": return _jsx("img", { src: mail_012, alt: '' });
-        case "mail_013": return _jsx("img", { src: mail_013, alt: '' });
-        case "mail_014": return _jsx("img", { src: mail_014, alt: '' });
-        case "mail_015": return _jsx("img", { src: mail_015, alt: '' });
-        case "net_001": return _jsx("img", { src: net_001, alt: '' });
-        case "net_002": return _jsx("img", { src: net_002, alt: '' });
-        case "net_003": return _jsx("img", { src: net_003, alt: '' });
-        case "net_004": return _jsx("img", { src: net_004, alt: '' });
-        case "nmbr_001": return _jsx("img", { src: nmbr_001, alt: '' });
-        case "nmbr_002": return _jsx("img", { src: nmbr_002, alt: '' });
-        case "nmbr_003": return _jsx("img", { src: nmbr_003, alt: '' });
-        case "nmbr_004": return _jsx("img", { src: nmbr_004, alt: '' });
-        case "nmbr_005": return _jsx("img", { src: nmbr_005, alt: '' });
-        case "nmbr_006": return _jsx("img", { src: nmbr_006, alt: '' });
-        case "nmbr_007": return _jsx("img", { src: nmbr_007, alt: '' });
-        case "nmbr_008": return _jsx("img", { src: nmbr_008, alt: '' });
-        case "nmbr_009": return _jsx("img", { src: nmbr_009, alt: '' });
-        case "note_001": return _jsx("img", { src: note_001, alt: '' });
-        case "note_002": return _jsx("img", { src: note_002, alt: '' });
-        case "note_003": return _jsx("img", { src: note_003, alt: '' });
-        case "note_004": return _jsx("img", { src: note_004, alt: '' });
-        case "note_005": return _jsx("img", { src: note_005, alt: '' });
-        case "note_006": return _jsx("img", { src: note_006, alt: '' });
-        case "note_007": return _jsx("img", { src: note_007, alt: '' });
-        case "note_008": return _jsx("img", { src: note_008, alt: '' });
-        case "note_009": return _jsx("img", { src: note_009, alt: '' });
-        case "note_010": return _jsx("img", { src: note_010, alt: '' });
-        case "note_011": return _jsx("img", { src: note_011, alt: '' });
-        case "note_012": return _jsx("img", { src: note_012, alt: '' });
-        case "note_013": return _jsx("img", { src: note_013, alt: '' });
-        case "note_014": return _jsx("img", { src: note_014, alt: '' });
-        case "note_015": return _jsx("img", { src: note_015, alt: '' });
-        case "note_016": return _jsx("img", { src: note_016, alt: '' });
-        case "run_001": return _jsx("img", { src: run_001, alt: '' });
-        case "run_002": return _jsx("img", { src: run_002, alt: '' });
-        case "run_003": return _jsx("img", { src: run_003, alt: '' });
-        case "sem_001": return _jsx("img", { src: sem_001, alt: '' });
-        case "sem_002": return _jsx("img", { src: sem_002, alt: '' });
-        case "sem_003": return _jsx("img", { src: sem_003, alt: '' });
-        case "sem_004": return _jsx("img", { src: sem_004, alt: '' });
-        case "sem_005": return _jsx("img", { src: sem_005, alt: '' });
-        case "star_001": return _jsx("img", { src: star_001, alt: '' });
-        case "star_002": return _jsx("img", { src: star_002, alt: '' });
-        case "star_003": return _jsx("img", { src: star_003, alt: '' });
-        case "star_004": return _jsx("img", { src: star_004, alt: '' });
-        case "star_005": return _jsx("img", { src: star_005, alt: '' });
-        case "star_006": return _jsx("img", { src: star_006, alt: '' });
-        case "state_001": return _jsx("img", { src: state_001, alt: '' });
-        case "state_002": return _jsx("img", { src: state_002, alt: '' });
-        case "state_003": return _jsx("img", { src: state_003, alt: '' });
-        case "state_004": return _jsx("img", { src: state_004, alt: '' });
-        case "state_005": return _jsx("img", { src: state_005, alt: '' });
-        case "study_001": return _jsx("img", { src: study_001, alt: '' });
-        case "study_002": return _jsx("img", { src: study_002, alt: '' });
-        case "user_001": return _jsx("img", { src: user_001, alt: '' });
-        case "user_002": return _jsx("img", { src: user_002, alt: '' });
-        case "user_003": return _jsx("img", { src: user_003, alt: '' });
-        case "user_004": return _jsx("img", { src: user_004, alt: '' });
-        case "user_005": return _jsx("img", { src: user_005, alt: '' });
-        case "user_006": return _jsx("img", { src: user_006, alt: '' });
-        case "user_007": return _jsx("img", { src: user_007, alt: '' });
-        case "user_008": return _jsx("img", { src: user_008, alt: '' });
-        case "user_009": return _jsx("img", { src: user_009, alt: '' });
-        case "user_010": return _jsx("img", { src: user_010, alt: '' });
-        case "user_011": return _jsx("img", { src: user_011, alt: '' });
-        case "user_012": return _jsx("img", { src: user_012, alt: '' });
-        case "user_013": return _jsx("img", { src: user_013, alt: '' });
-        case "user_014": return _jsx("img", { src: user_014, alt: '' });
-        case "user_015": return _jsx("img", { src: user_015, alt: '' });
-        case "user_016": return _jsx("img", { src: user_016, alt: '' });
-        case "user_017": return _jsx("img", { src: user_017, alt: '' });
-        case "user_018": return _jsx("img", { src: user_018, alt: '' });
-        case "user_019": return _jsx("img", { src: user_019, alt: '' });
-        case "user_020": return _jsx("img", { src: user_020, alt: '' });
-        case "user_021": return _jsx("img", { src: user_021, alt: '' });
-        case "user_022": return _jsx("img", { src: user_022, alt: '' });
-        case "user_023": return _jsx("img", { src: user_023, alt: '' });
-        case "vehicle_001": return _jsx("img", { src: vehicle_001, alt: '' });
-        case "vehicle_002": return _jsx("img", { src: vehicle_002, alt: '' });
-        case "vehicle_003": return _jsx("img", { src: vehicle_003, alt: '' });
-        case "vehicle_004": return _jsx("img", { src: vehicle_004, alt: '' });
-        case "vehicle_005": return _jsx("img", { src: vehicle_005, alt: '' });
-        case "vehicle_006": return _jsx("img", { src: vehicle_006, alt: '' });
-        case "vehicle_007": return _jsx("img", { src: vehicle_007, alt: '' });
-        case "vehicle_008": return _jsx("img", { src: vehicle_008, alt: '' });
+        case "arrow_001": return showPath ? arrow_001 : _jsx("img", { src: arrow_001, alt: '' });
+        case "arrow_002": return showPath ? arrow_002 : _jsx("img", { src: arrow_002, alt: '' });
+        case "arrow_004": return showPath ? arrow_004 : _jsx("img", { src: arrow_004, alt: '' });
+        case "arrow_005": return showPath ? arrow_005 : _jsx("img", { src: arrow_005, alt: '' });
+        case "arrow_006": return showPath ? arrow_006 : _jsx("img", { src: arrow_006, alt: '' });
+        case "arrow_007": return showPath ? arrow_007 : _jsx("img", { src: arrow_007, alt: '' });
+        case "arrow_008": return showPath ? arrow_008 : _jsx("img", { src: arrow_008, alt: '' });
+        case "arrow_009": return showPath ? arrow_009 : _jsx("img", { src: arrow_009, alt: '' });
+        case "arrow_010": return showPath ? arrow_010 : _jsx("img", { src: arrow_010, alt: '' });
+        case "arrow_011": return showPath ? arrow_011 : _jsx("img", { src: arrow_011, alt: '' });
+        case "arrow_012": return showPath ? arrow_012 : _jsx("img", { src: arrow_012, alt: '' });
+        case "book_001": return showPath ? book_001 : _jsx("img", { src: book_001, alt: '' });
+        case "book_002": return showPath ? book_002 : _jsx("img", { src: book_002, alt: '' });
+        case "book_003": return showPath ? book_003 : _jsx("img", { src: book_003, alt: '' });
+        case "book_004": return showPath ? book_004 : _jsx("img", { src: book_004, alt: '' });
+        case "book_005": return showPath ? book_005 : _jsx("img", { src: book_005, alt: '' });
+        case "book_006": return showPath ? book_006 : _jsx("img", { src: book_006, alt: '' });
+        case "book_007": return showPath ? book_007 : _jsx("img", { src: book_007, alt: '' });
+        case "clock_001": return showPath ? clock_001 : _jsx("img", { src: clock_001, alt: '' });
+        case "clock_002": return showPath ? clock_002 : _jsx("img", { src: clock_002, alt: '' });
+        case "clock_003": return showPath ? clock_003 : _jsx("img", { src: clock_003, alt: '' });
+        case "cube_001": return showPath ? cube_001 : _jsx("img", { src: cube_001, alt: '' });
+        case "cube_002": return showPath ? cube_002 : _jsx("img", { src: cube_002, alt: '' });
+        case "cube_003": return showPath ? cube_003 : _jsx("img", { src: cube_003, alt: '' });
+        case "dcmt_001": return showPath ? dcmt_001 : _jsx("img", { src: dcmt_001, alt: '' });
+        case "dcmt_002": return showPath ? dcmt_002 : _jsx("img", { src: dcmt_002, alt: '' });
+        case "dcmt_003": return showPath ? dcmt_003 : _jsx("img", { src: dcmt_003, alt: '' });
+        case "dcmt_004": return showPath ? dcmt_004 : _jsx("img", { src: dcmt_004, alt: '' });
+        case "dcmt_005": return showPath ? dcmt_005 : _jsx("img", { src: dcmt_005, alt: '' });
+        case "dcmt_006": return showPath ? dcmt_006 : _jsx("img", { src: dcmt_006, alt: '' });
+        case "dcmt_007": return showPath ? dcmt_007 : _jsx("img", { src: dcmt_007, alt: '' });
+        case "dcmt_008": return showPath ? dcmt_008 : _jsx("img", { src: dcmt_008, alt: '' });
+        case "emoticon_001": return showPath ? emoticon_001 : _jsx("img", { src: emoticon_001, alt: '' });
+        case "emoticon_002": return showPath ? emoticon_002 : _jsx("img", { src: emoticon_002, alt: '' });
+        case "emoticon_003": return showPath ? emoticon_003 : _jsx("img", { src: emoticon_003, alt: '' });
+        case "emoticon_004": return showPath ? emoticon_004 : _jsx("img", { src: emoticon_004, alt: '' });
+        case "fld_001": return showPath ? fld_001 : _jsx("img", { src: fld_001, alt: '' });
+        case "fld_002": return showPath ? fld_002 : _jsx("img", { src: fld_002, alt: '' });
+        case "fld_003": return showPath ? fld_003 : _jsx("img", { src: fld_003, alt: '' });
+        case "fld_004": return showPath ? fld_004 : _jsx("img", { src: fld_004, alt: '' });
+        case "fld_005": return showPath ? fld_005 : _jsx("img", { src: fld_005, alt: '' });
+        case "fld_006": return showPath ? fld_006 : _jsx("img", { src: fld_006, alt: '' });
+        case "fld_007": return showPath ? fld_007 : _jsx("img", { src: fld_007, alt: '' });
+        case "fld_008": return showPath ? fld_008 : _jsx("img", { src: fld_008, alt: '' });
+        case "fld_009": return showPath ? fld_009 : _jsx("img", { src: fld_009, alt: '' });
+        case "fld_010": return showPath ? fld_010 : _jsx("img", { src: fld_010, alt: '' });
+        case "fld_011": return showPath ? fld_011 : _jsx("img", { src: fld_011, alt: '' });
+        case "fld_012": return showPath ? fld_012 : _jsx("img", { src: fld_012, alt: '' });
+        case "fld_013": return showPath ? fld_013 : _jsx("img", { src: fld_013, alt: '' });
+        case "fld_014": return showPath ? fld_014 : _jsx("img", { src: fld_014, alt: '' });
+        case "fld_015": return showPath ? fld_015 : _jsx("img", { src: fld_015, alt: '' });
+        case "fld_016": return showPath ? fld_016 : _jsx("img", { src: fld_016, alt: '' });
+        case "fld_017": return showPath ? fld_017 : _jsx("img", { src: fld_017, alt: '' });
+        case "fld_018": return showPath ? fld_018 : _jsx("img", { src: fld_018, alt: '' });
+        case "fld_019": return showPath ? fld_019 : _jsx("img", { src: fld_019, alt: '' });
+        case "fld_020": return showPath ? fld_020 : _jsx("img", { src: fld_020, alt: '' });
+        case "fld_021": return showPath ? fld_021 : _jsx("img", { src: fld_021, alt: '' });
+        case "fld_022": return showPath ? fld_022 : _jsx("img", { src: fld_022, alt: '' });
+        case "fld_023": return showPath ? fld_023 : _jsx("img", { src: fld_023, alt: '' });
+        case "fld_024": return showPath ? fld_024 : _jsx("img", { src: fld_024, alt: '' });
+        case "fld_025": return showPath ? fld_025 : _jsx("img", { src: fld_025, alt: '' });
+        case "fld_026": return showPath ? fld_026 : _jsx("img", { src: fld_026, alt: '' });
+        case "fld_027": return showPath ? fld_027 : _jsx("img", { src: fld_027, alt: '' });
+        case "fld_028": return showPath ? fld_028 : _jsx("img", { src: fld_028, alt: '' });
+        case "fld_029": return showPath ? fld_029 : _jsx("img", { src: fld_029, alt: '' });
+        case "fld_030": return showPath ? fld_030 : _jsx("img", { src: fld_030, alt: '' });
+        case "fld_031": return showPath ? fld_031 : _jsx("img", { src: fld_031, alt: '' });
+        case "fld_032": return showPath ? fld_032 : _jsx("img", { src: fld_032, alt: '' });
+        case "fld_033": return showPath ? fld_033 : _jsx("img", { src: fld_033, alt: '' });
+        case "gen_001": return showPath ? gen_001 : _jsx("img", { src: gen_001, alt: '' });
+        case "gen_002": return showPath ? gen_002 : _jsx("img", { src: gen_002, alt: '' });
+        case "gen_003": return showPath ? gen_003 : _jsx("img", { src: gen_003, alt: '' });
+        case "gen_004": return showPath ? gen_004 : _jsx("img", { src: gen_004, alt: '' });
+        case "gen_005": return showPath ? gen_005 : _jsx("img", { src: gen_005, alt: '' });
+        case "gen_006": return showPath ? gen_006 : _jsx("img", { src: gen_006, alt: '' });
+        case "gen_007": return showPath ? gen_007 : _jsx("img", { src: gen_007, alt: '' });
+        case "gen_008": return showPath ? gen_008 : _jsx("img", { src: gen_008, alt: '' });
+        case "gen_009": return showPath ? gen_009 : _jsx("img", { src: gen_009, alt: '' });
+        case "gen_010": return showPath ? gen_010 : _jsx("img", { src: gen_010, alt: '' });
+        case "gen_011": return showPath ? gen_011 : _jsx("img", { src: gen_011, alt: '' });
+        case "gen_012": return showPath ? gen_012 : _jsx("img", { src: gen_012, alt: '' });
+        case "gen_013": return showPath ? gen_013 : _jsx("img", { src: gen_013, alt: '' });
+        case "gen_014": return showPath ? gen_014 : _jsx("img", { src: gen_014, alt: '' });
+        case "gen_015": return showPath ? gen_015 : _jsx("img", { src: gen_015, alt: '' });
+        case "gen_016": return showPath ? gen_016 : _jsx("img", { src: gen_016, alt: '' });
+        case "gen_017": return showPath ? gen_017 : _jsx("img", { src: gen_017, alt: '' });
+        case "gen_018": return showPath ? gen_018 : _jsx("img", { src: gen_018, alt: '' });
+        case "gen_019": return showPath ? gen_019 : _jsx("img", { src: gen_019, alt: '' });
+        case "gen_020": return showPath ? gen_020 : _jsx("img", { src: gen_020, alt: '' });
+        case "gen_021": return showPath ? gen_021 : _jsx("img", { src: gen_021, alt: '' });
+        case "gen_022": return showPath ? gen_022 : _jsx("img", { src: gen_022, alt: '' });
+        case "gen_023": return showPath ? gen_023 : _jsx("img", { src: gen_023, alt: '' });
+        case "gen_024": return showPath ? gen_024 : _jsx("img", { src: gen_024, alt: '' });
+        case "gen_025": return showPath ? gen_025 : _jsx("img", { src: gen_025, alt: '' });
+        case "gen_026": return showPath ? gen_026 : _jsx("img", { src: gen_026, alt: '' });
+        case "gen_027": return showPath ? gen_027 : _jsx("img", { src: gen_027, alt: '' });
+        case "gen_028": return showPath ? gen_028 : _jsx("img", { src: gen_028, alt: '' });
+        case "gen_029": return showPath ? gen_029 : _jsx("img", { src: gen_029, alt: '' });
+        case "gen_030": return showPath ? gen_030 : _jsx("img", { src: gen_030, alt: '' });
+        case "gen_031": return showPath ? gen_031 : _jsx("img", { src: gen_031, alt: '' });
+        case "gen_032": return showPath ? gen_032 : _jsx("img", { src: gen_032, alt: '' });
+        case "gen_033": return showPath ? gen_033 : _jsx("img", { src: gen_033, alt: '' });
+        case "gen_034": return showPath ? gen_034 : _jsx("img", { src: gen_034, alt: '' });
+        case "gen_035": return showPath ? gen_035 : _jsx("img", { src: gen_035, alt: '' });
+        case "gen_036": return showPath ? gen_036 : _jsx("img", { src: gen_036, alt: '' });
+        case "gen_037": return showPath ? gen_037 : _jsx("img", { src: gen_037, alt: '' });
+        case "gen_038": return showPath ? gen_038 : _jsx("img", { src: gen_038, alt: '' });
+        case "gen_039": return showPath ? gen_039 : _jsx("img", { src: gen_039, alt: '' });
+        case "gen_040": return showPath ? gen_040 : _jsx("img", { src: gen_040, alt: '' });
+        case "gen_041": return showPath ? gen_041 : _jsx("img", { src: gen_041, alt: '' });
+        case "gen_042": return showPath ? gen_042 : _jsx("img", { src: gen_042, alt: '' });
+        case "gen_043": return showPath ? gen_043 : _jsx("img", { src: gen_043, alt: '' });
+        case "gen_044": return showPath ? gen_044 : _jsx("img", { src: gen_044, alt: '' });
+        case "gen_045": return showPath ? gen_045 : _jsx("img", { src: gen_045, alt: '' });
+        case "gen_046": return showPath ? gen_046 : _jsx("img", { src: gen_046, alt: '' });
+        case "gen_047": return showPath ? gen_047 : _jsx("img", { src: gen_047, alt: '' });
+        case "gen_048": return showPath ? gen_048 : _jsx("img", { src: gen_048, alt: '' });
+        case "gen_049": return showPath ? gen_049 : _jsx("img", { src: gen_049, alt: '' });
+        case "gen_050": return showPath ? gen_050 : _jsx("img", { src: gen_050, alt: '' });
+        case "gen_051": return showPath ? gen_051 : _jsx("img", { src: gen_051, alt: '' });
+        case "gen_052": return showPath ? gen_052 : _jsx("img", { src: gen_052, alt: '' });
+        case "hand_001": return showPath ? hand_001 : _jsx("img", { src: hand_001, alt: '' });
+        case "hand_002": return showPath ? hand_002 : _jsx("img", { src: hand_002, alt: '' });
+        case "hand_003": return showPath ? hand_003 : _jsx("img", { src: hand_003, alt: '' });
+        case "hand_004": return showPath ? hand_004 : _jsx("img", { src: hand_004, alt: '' });
+        case "hand_005": return showPath ? hand_005 : _jsx("img", { src: hand_005, alt: '' });
+        case "hand_006": return showPath ? hand_006 : _jsx("img", { src: hand_006, alt: '' });
+        case "law_001": return showPath ? law_001 : _jsx("img", { src: law_001, alt: '' });
+        case "law_002": return showPath ? law_002 : _jsx("img", { src: law_002, alt: '' });
+        case "law_003": return showPath ? law_003 : _jsx("img", { src: law_003, alt: '' });
+        case "lock_001": return showPath ? lock_001 : _jsx("img", { src: lock_001, alt: '' });
+        case "lock_002": return showPath ? lock_002 : _jsx("img", { src: lock_002, alt: '' });
+        case "lock_003": return showPath ? lock_003 : _jsx("img", { src: lock_003, alt: '' });
+        case "mail_001": return showPath ? mail_001 : _jsx("img", { src: mail_001, alt: '' });
+        case "mail_002": return showPath ? mail_002 : _jsx("img", { src: mail_002, alt: '' });
+        case "mail_003": return showPath ? mail_003 : _jsx("img", { src: mail_003, alt: '' });
+        case "mail_004": return showPath ? mail_004 : _jsx("img", { src: mail_004, alt: '' });
+        case "mail_005": return showPath ? mail_005 : _jsx("img", { src: mail_005, alt: '' });
+        case "mail_006": return showPath ? mail_006 : _jsx("img", { src: mail_006, alt: '' });
+        case "mail_007": return showPath ? mail_007 : _jsx("img", { src: mail_007, alt: '' });
+        case "mail_008": return showPath ? mail_008 : _jsx("img", { src: mail_008, alt: '' });
+        case "mail_009": return showPath ? mail_009 : _jsx("img", { src: mail_009, alt: '' });
+        case "mail_010": return showPath ? mail_010 : _jsx("img", { src: mail_010, alt: '' });
+        case "mail_011": return showPath ? mail_011 : _jsx("img", { src: mail_011, alt: '' });
+        case "mail_012": return showPath ? mail_012 : _jsx("img", { src: mail_012, alt: '' });
+        case "mail_013": return showPath ? mail_013 : _jsx("img", { src: mail_013, alt: '' });
+        case "mail_014": return showPath ? mail_014 : _jsx("img", { src: mail_014, alt: '' });
+        case "mail_015": return showPath ? mail_015 : _jsx("img", { src: mail_015, alt: '' });
+        case "net_001": return showPath ? net_001 : _jsx("img", { src: net_001, alt: '' });
+        case "net_002": return showPath ? net_002 : _jsx("img", { src: net_002, alt: '' });
+        case "net_003": return showPath ? net_003 : _jsx("img", { src: net_003, alt: '' });
+        case "net_004": return showPath ? net_004 : _jsx("img", { src: net_004, alt: '' });
+        case "nmbr_001": return showPath ? nmbr_001 : _jsx("img", { src: nmbr_001, alt: '' });
+        case "nmbr_002": return showPath ? nmbr_002 : _jsx("img", { src: nmbr_002, alt: '' });
+        case "nmbr_003": return showPath ? nmbr_003 : _jsx("img", { src: nmbr_003, alt: '' });
+        case "nmbr_004": return showPath ? nmbr_004 : _jsx("img", { src: nmbr_004, alt: '' });
+        case "nmbr_005": return showPath ? nmbr_005 : _jsx("img", { src: nmbr_005, alt: '' });
+        case "nmbr_006": return showPath ? nmbr_006 : _jsx("img", { src: nmbr_006, alt: '' });
+        case "nmbr_007": return showPath ? nmbr_007 : _jsx("img", { src: nmbr_007, alt: '' });
+        case "nmbr_008": return showPath ? nmbr_008 : _jsx("img", { src: nmbr_008, alt: '' });
+        case "nmbr_009": return showPath ? nmbr_009 : _jsx("img", { src: nmbr_009, alt: '' });
+        case "note_001": return showPath ? note_001 : _jsx("img", { src: note_001, alt: '' });
+        case "note_002": return showPath ? note_002 : _jsx("img", { src: note_002, alt: '' });
+        case "note_003": return showPath ? note_003 : _jsx("img", { src: note_003, alt: '' });
+        case "note_004": return showPath ? note_004 : _jsx("img", { src: note_004, alt: '' });
+        case "note_005": return showPath ? note_005 : _jsx("img", { src: note_005, alt: '' });
+        case "note_006": return showPath ? note_006 : _jsx("img", { src: note_006, alt: '' });
+        case "note_007": return showPath ? note_007 : _jsx("img", { src: note_007, alt: '' });
+        case "note_008": return showPath ? note_008 : _jsx("img", { src: note_008, alt: '' });
+        case "note_009": return showPath ? note_009 : _jsx("img", { src: note_009, alt: '' });
+        case "note_010": return showPath ? note_010 : _jsx("img", { src: note_010, alt: '' });
+        case "note_011": return showPath ? note_011 : _jsx("img", { src: note_011, alt: '' });
+        case "note_012": return showPath ? note_012 : _jsx("img", { src: note_012, alt: '' });
+        case "note_013": return showPath ? note_013 : _jsx("img", { src: note_013, alt: '' });
+        case "note_014": return showPath ? note_014 : _jsx("img", { src: note_014, alt: '' });
+        case "note_015": return showPath ? note_015 : _jsx("img", { src: note_015, alt: '' });
+        case "note_016": return showPath ? note_016 : _jsx("img", { src: note_016, alt: '' });
+        case "run_001": return showPath ? run_001 : _jsx("img", { src: run_001, alt: '' });
+        case "run_002": return showPath ? run_002 : _jsx("img", { src: run_002, alt: '' });
+        case "run_003": return showPath ? run_003 : _jsx("img", { src: run_003, alt: '' });
+        case "sem_001": return showPath ? sem_001 : _jsx("img", { src: sem_001, alt: '' });
+        case "sem_002": return showPath ? sem_002 : _jsx("img", { src: sem_002, alt: '' });
+        case "sem_003": return showPath ? sem_003 : _jsx("img", { src: sem_003, alt: '' });
+        case "sem_004": return showPath ? sem_004 : _jsx("img", { src: sem_004, alt: '' });
+        case "sem_005": return showPath ? sem_005 : _jsx("img", { src: sem_005, alt: '' });
+        case "star_001": return showPath ? star_001 : _jsx("img", { src: star_001, alt: '' });
+        case "star_002": return showPath ? star_002 : _jsx("img", { src: star_002, alt: '' });
+        case "star_003": return showPath ? star_003 : _jsx("img", { src: star_003, alt: '' });
+        case "star_004": return showPath ? star_004 : _jsx("img", { src: star_004, alt: '' });
+        case "star_005": return showPath ? star_005 : _jsx("img", { src: star_005, alt: '' });
+        case "star_006": return showPath ? star_006 : _jsx("img", { src: star_006, alt: '' });
+        case "state_001": return showPath ? state_001 : _jsx("img", { src: state_001, alt: '' });
+        case "state_002": return showPath ? state_002 : _jsx("img", { src: state_002, alt: '' });
+        case "state_003": return showPath ? state_003 : _jsx("img", { src: state_003, alt: '' });
+        case "state_004": return showPath ? state_004 : _jsx("img", { src: state_004, alt: '' });
+        case "state_005": return showPath ? state_005 : _jsx("img", { src: state_005, alt: '' });
+        case "study_001": return showPath ? study_001 : _jsx("img", { src: study_001, alt: '' });
+        case "study_002": return showPath ? study_002 : _jsx("img", { src: study_002, alt: '' });
+        case "user_001": return showPath ? user_001 : _jsx("img", { src: user_001, alt: '' });
+        case "user_002": return showPath ? user_002 : _jsx("img", { src: user_002, alt: '' });
+        case "user_003": return showPath ? user_003 : _jsx("img", { src: user_003, alt: '' });
+        case "user_004": return showPath ? user_004 : _jsx("img", { src: user_004, alt: '' });
+        case "user_005": return showPath ? user_005 : _jsx("img", { src: user_005, alt: '' });
+        case "user_006": return showPath ? user_006 : _jsx("img", { src: user_006, alt: '' });
+        case "user_007": return showPath ? user_007 : _jsx("img", { src: user_007, alt: '' });
+        case "user_008": return showPath ? user_008 : _jsx("img", { src: user_008, alt: '' });
+        case "user_009": return showPath ? user_009 : _jsx("img", { src: user_009, alt: '' });
+        case "user_010": return showPath ? user_010 : _jsx("img", { src: user_010, alt: '' });
+        case "user_011": return showPath ? user_011 : _jsx("img", { src: user_011, alt: '' });
+        case "user_012": return showPath ? user_012 : _jsx("img", { src: user_012, alt: '' });
+        case "user_013": return showPath ? user_013 : _jsx("img", { src: user_013, alt: '' });
+        case "user_014": return showPath ? user_014 : _jsx("img", { src: user_014, alt: '' });
+        case "user_015": return showPath ? user_015 : _jsx("img", { src: user_015, alt: '' });
+        case "user_016": return showPath ? user_016 : _jsx("img", { src: user_016, alt: '' });
+        case "user_017": return showPath ? user_017 : _jsx("img", { src: user_017, alt: '' });
+        case "user_018": return showPath ? user_018 : _jsx("img", { src: user_018, alt: '' });
+        case "user_019": return showPath ? user_019 : _jsx("img", { src: user_019, alt: '' });
+        case "user_020": return showPath ? user_020 : _jsx("img", { src: user_020, alt: '' });
+        case "user_021": return showPath ? user_021 : _jsx("img", { src: user_021, alt: '' });
+        case "user_022": return showPath ? user_022 : _jsx("img", { src: user_022, alt: '' });
+        case "user_023": return showPath ? user_023 : _jsx("img", { src: user_023, alt: '' });
+        case "vehicle_001": return showPath ? vehicle_001 : _jsx("img", { src: vehicle_001, alt: '' });
+        case "vehicle_002": return showPath ? vehicle_002 : _jsx("img", { src: vehicle_002, alt: '' });
+        case "vehicle_003": return showPath ? vehicle_003 : _jsx("img", { src: vehicle_003, alt: '' });
+        case "vehicle_004": return showPath ? vehicle_004 : _jsx("img", { src: vehicle_004, alt: '' });
+        case "vehicle_005": return showPath ? vehicle_005 : _jsx("img", { src: vehicle_005, alt: '' });
+        case "vehicle_006": return showPath ? vehicle_006 : _jsx("img", { src: vehicle_006, alt: '' });
+        case "vehicle_007": return showPath ? vehicle_007 : _jsx("img", { src: vehicle_007, alt: '' });
+        case "vehicle_008": return showPath ? vehicle_008 : _jsx("img", { src: vehicle_008, alt: '' });
         default: return null;
     }
 };

package/lib/helper/TMToppyMessage.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface TMToppyMessageProps {
+    message: ReactNode;
+    titleTooltip?: string;
+}
+declare const TMToppyMessage: (props: TMToppyMessageProps) => import("react/jsx-runtime").JSX.Element;
+export default TMToppyMessage;

package/lib/helper/TMToppyMessage.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+import Toppy from '../assets/Toppy-generico.png';
+import TMLayoutContainer from '../components/base/TMLayout';
+const StyledToppyTextContainer = styled.div `
+    padding: 22px 8px;
+    width: 100%;
+    max-width: 300px;
+    border: 1px solid #2559A5;
+    border-radius: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    min-height: 100px;
+`;
+const StyledToppyText = styled.div `
+    text-align: center;
+    color: #2559A5;
+    font-size: 1rem;
+    user-select: none;
+    margin: 0;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: normal;
+    word-break: break-word;
+    line-height: 1.2;
+`;
+const StyledToppyImage = styled.img `
+    width: 100%;
+    max-width: 120px;
+    height: auto;
+    display: block;
+`;
+const TMToppyMessage = (props) => {
+    const { message, titleTooltip } = props;
+    return (_jsxs(TMLayoutContainer, { gap: 30, alignItems: "center", justifyContent: "center", onContextMenu: (e) => e.preventDefault(), children: [_jsx(StyledToppyTextContainer, { children: _jsx(StyledToppyText, { title: titleTooltip || undefined, children: message }) }), _jsx(StyledToppyImage, { src: Toppy, alt: "Toppy" })] }));
+};
+export default TMToppyMessage;

package/lib/helper/TMUtils.d.ts

@@ -1,4 +1,5 @@
-import { DataColumnDescriptor } from '@topconsultnpm/sdk-ts';
+import React from 'react';
+import { DataColumnDescriptor, PdGs } from '@topconsultnpm/sdk-ts';
 export declare const getFileIcon: (fileExtension: string | undefined, fileCount: number | undefined, tooltipContent?: JSX.Element | string) => import("react/jsx-runtime").JSX.Element;
 export declare function formatBytes(bytes: number | undefined, decimalPlaces?: number): string;
 export interface RowData {
@@ -18,3 +19,11 @@ export declare const isWidgetEnabled: (widgetId: string, widgetsString: string)
 export declare const isSign4TopEnabled: (widgetsString: string) => boolean;
 export declare const isCreateCertificateEnabled: (widgetsString: string) => boolean;
 export declare const isPdfEditorEnabled: (widgetsString: string) => boolean;
+interface TabItemProps {
+    $isSelected: boolean;
+}
+export declare const StyledTabItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabItemProps>> & string;
+export declare const StyledTabIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, TabItemProps>> & string;
+export declare const TMCountBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const getPdgsIconMap: (fontSize?: number) => Map<PdGs, JSX.Element>;
+export {};