@topconsultnpm/sdkui-react 6.19.0-dev1.55 → 6.19.0-dev1.56

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/dcmtsHelper.d.ts

@@ -1,5 +1,7 @@
+import { MetadataValueDescriptorEx } from "../ts";
 /** Check if dcmtType (mTID) has configured Detail or Many-to-Many relations */
 export declare const hasDetailRelations: (mTID: number | undefined) => Promise<boolean>;
 /** Check if dcmtType (mTID) has configured Master or Many-to-Many relations */
 export declare const hasMasterRelations: (mTID: number | undefined) => Promise<boolean>;
 export declare const isXMLFileExt: (fileExt: string | undefined) => boolean;
+export declare const processButtonAttributes: (args: string | undefined, formData: MetadataValueDescriptorEx[] | undefined) => Record<string, string | number> | undefined;

package/lib/helper/dcmtsHelper.js

@@ -23,3 +23,21 @@ export const isXMLFileExt = (fileExt) => {
         default: return false;
     }
 };
+/*utility functions for TMCustomButton*/
+export const processButtonAttributes = (args, formData) => args && formData ? splitArguments(replaceCustomButtonAttributes(args, formDataMap(formData))) : undefined;
+const replaceCustomButtonAttributes = (input, attributes) => {
+    const matches = Array.from(input.matchAll(/@\w+/g));
+    return matches
+        .map(([match]) => `${match}=${attributes[match.slice(1)] ?? ''}`)
+        .join(';') + ';';
+};
+const formDataMap = (data) => data.reduce((acc, md) => {
+    const key = md.md?.name;
+    if (key && md.value)
+        acc[key] = md.value;
+    return acc;
+}, {});
+const splitArguments = (input) => Object.fromEntries(Array.from(input.matchAll(/@?(\w+)=([^;]+)/g), ([, key, value]) => [
+    key,
+    isNaN(Number(value)) ? value : Number(value),
+]));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.19.0-dev1.55",
+    "version": "6.19.0-dev1.56",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",