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

package/lib/helper/TMCustomSearchBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface TMCustomSearchBarProps {
+    placeholder?: string;
+    initialValue?: string;
+    onSearchChange?: (value: string) => void;
+}
+declare const TMCustomSearchBar: React.FC<TMCustomSearchBarProps>;
+export default TMCustomSearchBar;

package/lib/helper/TMCustomSearchBar.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import TextBox from 'devextreme-react/cjs/text-box';
+import { useEffect, useState } from 'react';
+import { SDKUI_Localizator } from './SDKUI_Localizator';
+import { IconCloseOutline, IconSearch } from './TMIcons';
+const TMCustomSearchBar = ({ placeholder = SDKUI_Localizator.SearchAction + "...", initialValue = '', onSearchChange, }) => {
+    const [searchText, setSearchText] = useState("");
+    useEffect(() => {
+        setSearchText(initialValue);
+    });
+    const handleInput = (e) => {
+        if (e === undefined || e.event === undefined)
+            return;
+        const value = e.event?.target.value ?? '';
+        setSearchText(value);
+        if (onSearchChange) {
+            onSearchChange(value);
+        }
+    };
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            width: '160px',
+            position: 'relative',
+        }, children: [_jsx(IconSearch, { style: {
+                    position: 'absolute',
+                    left: '5px',
+                    zIndex: 1,
+                    fontSize: '14px',
+                    color: '#708090',
+                } }), _jsx(TextBox, { width: "160px", height: "24px", placeholder: placeholder, value: searchText, onInput: handleInput, style: {
+                    width: '100%',
+                    fontSize: '12px',
+                    color: '#708090',
+                    borderRadius: '4px',
+                    paddingLeft: '15px',
+                    boxSizing: 'border-box',
+                    paddingRight: '25px',
+                    border: '1px solid #e0e0e0',
+                } }), searchText.length > 0 && (_jsx(IconCloseOutline, { style: {
+                    position: 'absolute',
+                    right: '5px',
+                    cursor: 'pointer',
+                    zIndex: 2,
+                    fontSize: '19px',
+                    color: '#708090',
+                }, onClick: () => {
+                    setSearchText('');
+                    if (onSearchChange) {
+                        onSearchChange('');
+                    }
+                } }))] }));
+};
+export default TMCustomSearchBar;

package/lib/helper/TMImageLibrary.d.ts

@@ -1,3 +1,4 @@
-export declare const TMImageLibrary: ({ imageID }: {
+export declare const TMImageLibrary: ({ imageID, showPath }: {
     imageID: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element | null;
+    showPath?: boolean;
+}) => any;

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.js

@@ -37,6 +37,6 @@ const StyledToppyImage = styled.img `
 `;
 const TMToppyMessage = (props) => {
     const { message, titleTooltip } = props;
-    return _jsxs(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: [_jsx(StyledToppyTextContainer, { children: _jsx(StyledToppyText, { title: titleTooltip ? titleTooltip : undefined, children: message }) }), _jsx(StyledToppyImage, { src: Toppy, alt: 'Toppy' })] });
+    return _jsxs(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', onContextMenu: (e) => e.preventDefault(), children: [_jsx(StyledToppyTextContainer, { children: _jsx(StyledToppyText, { title: titleTooltip ? titleTooltip : undefined, children: message }) }), _jsx(StyledToppyImage, { src: Toppy, alt: 'Toppy' })] });
 };
 export default TMToppyMessage;