@topconsultnpm/sdkui-react-beta 6.10.62 → 6.10.64

package/lib/components/choosers/TMUserChooser.js

@@ -77,7 +77,8 @@ export const TMUserIdViewer = ({ userId, showIcon = false, noneSelectionText = `
 export const TMUserIcon = ({ ud }) => {
     if (!ud)
         return null;
-    let icon = getUserIcon(ud.level, ud.ownershipLevel);
+    let isExpired = User_IsExpired(ud);
+    let icon = getUserIcon(ud.level, ud.ownershipLevel, isExpired);
     return (_jsx(TMUserTooltip, { ud: ud, children: icon }));
 };
 export const TMUserTooltip = ({ ud, children }) => {
@@ -94,19 +95,30 @@ const getCompleteUserName = (domain, name) => {
         return name;
     return domain + "\\" + name;
 };
-const getUserIcon = (userLevel, level) => {
+function User_IsExpired(d) {
+    if (d == undefined)
+        return false;
+    let ud = d;
+    const today = new Date();
+    return (ud.validFrom && today < ud.validFrom) || (ud.validTo && today > ud.validTo);
+}
+const getUserIcon = (userLevel, level, isExpired) => {
     let ownershipColor = "";
-    if (level) {
-        switch (level) {
-            case OwnershipLevels.DirectOwner:
-                ownershipColor = "green";
-                break;
-            case OwnershipLevels.IndirectOwner:
-                ownershipColor = "gold";
-                break;
-            case OwnershipLevels.NotOwner:
-                ownershipColor = "red";
-                break;
+    if (isExpired)
+        ownershipColor = "grey";
+    else {
+        if (level) {
+            switch (level) {
+                case OwnershipLevels.DirectOwner:
+                    ownershipColor = "green";
+                    break;
+                case OwnershipLevels.IndirectOwner:
+                    ownershipColor = "gold";
+                    break;
+                case OwnershipLevels.NotOwner:
+                    ownershipColor = "red";
+                    break;
+            }
         }
     }
     switch (userLevel) {

package/lib/helper/TMIcons.js

@@ -334,13 +334,13 @@ function IconUserLevelMember(props) {
     return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 448 512", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M224 0c70.7 0 128 57.3 128 128s-57.3 128-128 128S96 198.7 96 128 153.3 0 224 0zm-14.9 359.2l-18.6-31c-6.4-10.7 1.3-24.2 13.7-24.2h39.5c12.4 0 20.1 13.6 13.7 24.2l-18.6 31 33.4 123.9 39.5-161.2c77.2 12 136.3 78.8 136.3 159.4 0 17-13.8 30.7-30.7 30.7H30.7C13.8 512 0 498.2 0 481.3c0-80.6 59.1-147.4 136.3-159.4l39.5 161.2 33.4-123.9z" }), " "] }));
 }
 function IconUserLevelAdministrator(props) {
-    return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 448 512", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M224 16c-6.7 0-10.8-2.8-15.5-6.1C201.9 5.4 194 0 176 0c-30.5 0-52 43.7-66 89.4-47.3 8.7-78 22.8-78 38.6 0 14.3 25 27.1 64.6 35.9-.4 4-.6 8-.6 12.1 0 17 3.3 33.2 9.3 48H45.4C38 224 32 230 32 237.4c0 1.7.3 3.4 1 5l38.8 96.9C28.2 371.8 0 423.8 0 482.3 0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7 0-58.5-28.2-110.4-71.7-143l38.7-96.9c.6-1.6 1-3.3 1-5 0-7.4-6-13.4-13.4-13.4h-59.9c6-14.8 9.3-31 9.3-48 0-4.1-.2-8.1-.6-12.1C391 155.1 416 142.3 416 128c0-15.8-30.7-29.9-78-38.6C324 43.7 302.5 0 272 0c-18 0-25.9 5.4-32.5 9.9-4.7 3.3-8.8 6.1-15.5 6.1zm56 208h-12.4c-16.5 0-31.1-10.6-36.3-26.2-2.3-7-12.2-7-14.5 0-5.2 15.6-19.9 26.2-36.3 26.2H168c-22.1 0-40-17.9-40-40v-14.4c28.2 4.1 61 6.4 96 6.4s67.8-2.3 96-6.4V184c0 22.1-17.9 40-40 40zm-88 96l16 32-32 128-48-192 64 32zm128-32l-48 192-32-128 16-32 64-32z" }), " "] }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 448", width: "1em", height: "1em", ...props, children: _jsx("path", { fill: "currentColor", d: "M319.4 320.6L224 416l-95.4-95.4C57.1 323.7 0 382.2 0 454.4v9.6c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-9.6c0-72.2-57.1-130.7-128.6-133.8M13.6 79.8l6.4 1.5v58.4c-7 4.2-12 11.5-12 20.3c0 8.4 4.6 15.4 11.1 19.7L3.5 242c-1.7 6.9 2.1 14 7.6 14h41.8c5.5 0 9.3-7.1 7.6-14l-15.6-62.3C51.4 175.4 56 168.4 56 160c0-8.8-5-16.1-12-20.3V87.1l66 15.9c-8.6 17.2-14 36.4-14 57c0 70.7 57.3 128 128 128s128-57.3 128-128c0-20.6-5.3-39.8-14-57l96.3-23.2c18.2-4.4 18.2-27.1 0-31.5l-190.4-46c-13-3.1-26.7-3.1-39.7 0L13.6 48.2c-18.1 4.4-18.1 27.2 0 31.6" }) }));
 }
 function IconUserLevelSystemAdministrator(props) {
     return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), " ", _jsx("path", { d: "M3.783 2.826L12 1l8.217 1.826a1 1 0 01.783.976v9.987a6 6 0 01-2.672 4.992L12 23l-6.328-4.219A6 6 0 013 13.79V3.802a1 1 0 01.783-.976zM12 11a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-4.473 5h8.946a4.5 4.5 0 00-8.946 0z" }), " "] }));
 }
 function IconUserLevelAutonomousAdministrator(props) {
-    return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), " ", _jsx("path", { d: "M12 14v8H4a8 8 0 018-8zm6 7.5l-2.939 1.545.561-3.272-2.377-2.318 3.286-.478L18 14l1.47 2.977 3.285.478-2.377 2.318.56 3.272L18 21.5zM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6z" }), " "] }));
+    return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 448 512", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M224 16c-6.7 0-10.8-2.8-15.5-6.1C201.9 5.4 194 0 176 0c-30.5 0-52 43.7-66 89.4-47.3 8.7-78 22.8-78 38.6 0 14.3 25 27.1 64.6 35.9-.4 4-.6 8-.6 12.1 0 17 3.3 33.2 9.3 48H45.4C38 224 32 230 32 237.4c0 1.7.3 3.4 1 5l38.8 96.9C28.2 371.8 0 423.8 0 482.3 0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7 0-58.5-28.2-110.4-71.7-143l38.7-96.9c.6-1.6 1-3.3 1-5 0-7.4-6-13.4-13.4-13.4h-59.9c6-14.8 9.3-31 9.3-48 0-4.1-.2-8.1-.6-12.1C391 155.1 416 142.3 416 128c0-15.8-30.7-29.9-78-38.6C324 43.7 302.5 0 272 0c-18 0-25.9 5.4-32.5 9.9-4.7 3.3-8.8 6.1-15.5 6.1zm56 208h-12.4c-16.5 0-31.1-10.6-36.3-26.2-2.3-7-12.2-7-14.5 0-5.2 15.6-19.9 26.2-36.3 26.2H168c-22.1 0-40-17.9-40-40v-14.4c28.2 4.1 61 6.4 96 6.4s67.8-2.3 96-6.4V184c0 22.1-17.9 40-40 40zm-88 96l16 32-32 128-48-192 64 32zm128-32l-48 192-32-128 16-32 64-32z" }), " "] }));
 }
 function IconHistory(props) {
     return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), " ", _jsx("path", { d: "M16 2l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992C3 2.444 3.447 2 3.999 2H16zm-1 2H5v16h14V8h-4V4zm-2 5v4h3v2h-5V9h2z" }), " "] }));

package/lib/services/platform_services.d.ts

@@ -12,7 +12,6 @@ export declare class PlatformObjectService {
     static readonly deleteAsync: (objClass: ObjectClasses, id: number) => Promise<number | undefined>;
     private static readonly getJobName;
     static readonly getName: (objClass: ObjectClasses, jobType?: JobTypes, isPlural?: boolean) => string;
-    static User_IsExpired(d: any): boolean | undefined;
     static readonly getIcon: (objClass: ObjectClasses, d: any) => import("react/jsx-runtime").JSX.Element;
     static readonly getTooltip: (objClass: ObjectClasses, d: any) => import("react/jsx-runtime").JSX.Element | null;
 }

package/lib/services/platform_services.js

@@ -2,17 +2,10 @@ var _a;
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SDK_Globals, SDK_Localizator, JobTypes, ObjectClasses, OwnershipLevels, ProcessStates, DcmtTypeListCacheService } from "@topconsultnpm/sdk-ts-beta";
 import { TMTooltip, TMUserIcon } from "../components";
-import { Icon123, IconAccessPoint, IconAddressBook, IconBasket, IconCloud, IconDataList, IconDisk, IconProcess, IconServerService, IconSettings, IconSignCert, IconSuitcase, IconTree, IconUserExpired, IconUserGroup, SDKUI_Localizator } from "../helper";
+import { Icon123, IconAccessPoint, IconAddressBook, IconBasket, IconCloud, IconDataList, IconDisk, IconProcess, IconServerService, IconSettings, IconSignCert, IconSuitcase, IconTree, IconUserGroup, SDKUI_Localizator } from "../helper";
 import { TMColors } from "../utils/theme";
 import { LocalizeOwnershipLevels } from "../helper/Enum_Localizator";
 export class PlatformObjectService {
-    static User_IsExpired(d) {
-        if (d == undefined)
-            return false;
-        let ud = d;
-        const today = new Date();
-        return (ud.validFrom && today < ud.validFrom) || (ud.validTo && today > ud.validTo);
-    }
 }
 _a = PlatformObjectService;
 PlatformObjectService.retrieveAllJobsAsync = async (jobType) => {
@@ -401,7 +394,7 @@ PlatformObjectService.getIcon = (objClass, d) => {
             ownershipColor = "red";
             break;
     }
-    return (_jsx("div", { style: { flexDirection: "row", display: "flex", alignItems: "center", justifyContent: "center", overflow: 'visible' }, children: _jsxs(TMTooltip, { content: _a.getTooltip(objClass, d), children: [objClass == ObjectClasses.Area && _jsx(IconCloud, { color: ownershipColor }), objClass == ObjectClasses.BasketType && _jsx(IconBasket, { color: ownershipColor }), objClass == ObjectClasses.Disk && _jsx(IconDisk, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.DataList && d.id && d.id > 26 && _jsx(IconDataList, { color: ownershipColor }), objClass == ObjectClasses.DataList && d.id && d.id <= 26 && _jsx(IconSettings, { color: ownershipColor }), objClass == ObjectClasses.Group && _jsx(IconUserGroup, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.Numerator && _jsx(Icon123, { color: ownershipColor }), objClass == ObjectClasses.SignCert && _jsx(IconSignCert, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.SignServer && _jsx(IconServerService, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.LDAP && _jsx(IconAddressBook, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.Tree && _jsx(IconTree, { color: ownershipColor }), objClass == ObjectClasses.TSA && _jsx(IconAccessPoint, { color: ownershipColor }), objClass == ObjectClasses.User && _a.User_IsExpired(d) && _jsx(IconUserExpired, { fontSize: 20, color: 'grey' }), objClass == ObjectClasses.User && !_a.User_IsExpired(d) && _jsx(TMUserIcon, { ud: d }), objClass == ObjectClasses.Job && _jsx(IconSuitcase, { color: ownershipColor }), objClass == ObjectClasses.Process && _jsx(IconProcess, { color: d.state === ProcessStates.Running ? TMColors.primary : d.state === ProcessStates.Ready || d.state === ProcessStates.Started ? TMColors.secondary : d.state === ProcessStates.Freezed ? 'rgb(180,180,180)' : d.state === ProcessStates.Completed ? TMColors.success : TMColors.error })] }) }));
+    return (_jsx("div", { style: { flexDirection: "row", display: "flex", alignItems: "center", justifyContent: "center", overflow: 'visible' }, children: _jsxs(TMTooltip, { content: _a.getTooltip(objClass, d), children: [objClass == ObjectClasses.Area && _jsx(IconCloud, { color: ownershipColor }), objClass == ObjectClasses.BasketType && _jsx(IconBasket, { color: ownershipColor }), objClass == ObjectClasses.Disk && _jsx(IconDisk, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.DataList && d.id && d.id > 26 && _jsx(IconDataList, { color: ownershipColor }), objClass == ObjectClasses.DataList && d.id && d.id <= 26 && _jsx(IconSettings, { color: ownershipColor }), objClass == ObjectClasses.Group && _jsx(IconUserGroup, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.Numerator && _jsx(Icon123, { color: ownershipColor }), objClass == ObjectClasses.SignCert && _jsx(IconSignCert, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.SignServer && _jsx(IconServerService, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.LDAP && _jsx(IconAddressBook, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.Tree && _jsx(IconTree, { color: ownershipColor }), objClass == ObjectClasses.TSA && _jsx(IconAccessPoint, { color: ownershipColor }), objClass == ObjectClasses.User && _jsx(TMUserIcon, { ud: d }), objClass == ObjectClasses.Job && _jsx(IconSuitcase, { color: ownershipColor }), objClass == ObjectClasses.Process && _jsx(IconProcess, { color: d.state === ProcessStates.Running ? TMColors.primary : d.state === ProcessStates.Ready || d.state === ProcessStates.Started ? TMColors.secondary : d.state === ProcessStates.Freezed ? 'rgb(180,180,180)' : d.state === ProcessStates.Completed ? TMColors.success : TMColors.error })] }) }));
 };
 PlatformObjectService.getTooltip = (objClass, d) => {
     let ownLevel = LocalizeOwnershipLevels(d.ownershipLevel);

package/lib/stories/TMIcons.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const TMIcons: any;

package/lib/stories/TMIcons.stories.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon123, IconABC, IconAccessPoint, IconActivity, IconActivityLog, IconAdd, IconAddCircleOutline, IconAddressBook, IconAdvanced, IconAlarmPlus, IconAll, IconApply, IconApplyAndClose, IconArchive, IconArchiveDoc, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowSortedDown, IconArrowSortedUp, IconArrowUnsorted, IconArrowUp, IconAtSign, IconAttachment, IconAutoConfig, IconBackward, IconBasket, IconBatchUpdate, IconBell, IconBellCheck, IconBellCheckOutline, IconBellOutline, IconBoard, IconBoxArchiveIn, IconBxInfo, IconBxLock, IconCalendar, IconChangeUser, IconCheck, IconCheckIn, IconCircleInfo, IconClear, IconClearButton, IconCloseCircle, IconCloseOutline, IconCloud, IconColumns, IconCommand, IconConvertFilePdf, IconCopy, IconCount, IconCrown, IconDashboard, IconDataList, IconDcmtType, IconDcmtTypeOnlyMetadata, IconDcmtTypeSys, IconDelete, IconDetails, IconDisk, IconDotsVerticalCircleOutline, IconDown, IconDownload, IconDraggabledots, IconDuplicate, IconEasy, IconEdit, IconEnvelopeOpenText, IconEqual, IconEqualNot, IconEraser, IconExpandRight, IconExport, IconExportTo, IconFactory, IconFastBackward, IconFastForward, IconFastSearch, IconFileDots, IconFileSearch, IconFilter, IconFoldeAdd, IconFolder, IconFolderOpen, IconFolderSearch, IconFolderZip, IconForceStop, IconForward, IconFreeSearch, IconFreeze, IconGreaterThan, IconGreaterThanOrEqual, IconGrid, IconHeart, IconHide, IconHistory, IconHourglass, IconImport, IconInfo, IconInsertAbove, IconInsertBelow, IconLanguage, IconLeft, IconLessThan, IconLessThanOrEqual, IconLightningFill, IconLink, IconList, IconLock, IconLockClosed, IconLogin, IconLogout, IconMail, IconMapping, IconMaximize, IconMenuHorizontal, IconMenuKebab, IconMenuVertical, IconMetadata, IconMetadata_Computed, IconMetadata_DataList, IconMetadata_Date, IconMetadata_DynamicDataList, IconMetadata_Numerator, IconMetadata_Numeric, IconMetadata_Special, IconMetadata_Text, IconMetadata_User, IconMic, IconMinimize, IconMonitor, IconNone, IconNotification, IconNotStarted, IconOpenInNew, IconPalette, IconPassword, IconPaste, IconPencil, IconPlatform, IconPlay, IconPreview, IconPrinter, IconProcess, IconProgress, IconProgressAbortRequested, IconProgressCompleted, IconProgressNotCompleted, IconProgressReady, IconProgressRunning, IconProgressStarted, IconRecursiveOps, IconRefresh, IconRelation, IconRelationManyToMany, IconRelationOneToMany, IconReset, IconRight, IconSave, IconSavedQuery, IconSearch, IconSearchCheck, IconSelected, IconServerService, IconSettings, IconShare, IconSharedDcmt, IconShow, IconSignature, IconSignCert, IconSort, IconSortAsc, IconSortAscClock, IconSortAscLetters, IconSortAscNumbers, IconSortDesc, IconSortDescClock, IconSortDescLetters, IconSortDescNumbers, IconStar, IconStarRemove, IconStatistics, IconStop, IconStopwatch, IconSubstFile, IconSuccess, IconSuccessCirlce, IconSuitcase, IconSum, IconSupport, IconSync, IconTag, IconTest, IconTree, IconUndo, IconUnFreeze, IconUp, IconUpdate, IconUpload, IconUser, IconUserExpired, IconUserGroup, IconUserLevelAdministrator, IconUserLevelAutonomousAdministrator, IconUserLevelMember, IconUserLevelSystemAdministrator, IconUserProfile, IconVisible, IconWarning, IconWeb, IconWifi, IconWindowMaximize, IconWindowMinimize, IconWorkflow, IconWorkspace } from "../helper";
+export default {
+    title: "Icons/TMIcons",
+    component: IconAccessPoint,
+    argTypes: {
+        fontSize: { control: "text" },
+        color: { control: "color" },
+    },
+};
+const TMIconsTemplate = (args) => (_jsxs(_Fragment, { children: [_jsxs("div", { style: { display: "flex", gap: "20px" }, children: [_jsx(IconAccessPoint, { ...args }), _jsx(IconCloseOutline, { ...args }), _jsx(IconArchive, { ...args }), _jsx(IconLogin, { ...args }), _jsx(IconUser, { ...args }), _jsx(IconPassword, { ...args }), _jsx(IconLanguage, { ...args }), _jsx(IconSuitcase, { ...args }), _jsx(IconProcess, { ...args }), _jsx(IconSupport, { ...args }), _jsx(IconMonitor, { ...args }), _jsx(IconDashboard, { ...args }), _jsx(IconAdd, { ...args }), _jsx(IconDelete, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconDuplicate, { ...args }), _jsx(IconRefresh, { ...args }), _jsx(IconExpandRight, { ...args }), _jsx(IconColumns, { ...args }), _jsx(IconSave, { ...args }), _jsx(IconArrowDown, { ...args }), _jsx(IconArrowUp, { ...args }), _jsx(IconUndo, { ...args }), _jsx(IconShow, { ...args }), _jsx(IconHide, { ...args }), _jsx(IconPreview, { ...args }), _jsx(IconCount, { ...args }), _jsx(IconPencil, { ...args }), _jsx(IconEraser, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconAll, { ...args }), _jsx(IconSelected, { ...args }), _jsx(IconVisible, { ...args }), _jsx(IconCloseCircle, { ...args }), _jsx(IconApplyAndClose, { ...args }), _jsx(IconApply, { ...args }), _jsx(IconSettings, { ...args }), _jsx(IconMaximize, { ...args }), _jsx(IconMinimize, { ...args }), _jsx(IconNotification, { ...args }), _jsx(IconHeart, { ...args }), _jsx(IconUserProfile, { ...args }), _jsx(IconWorkflow, { ...args }), _jsx(IconBackward, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconForward, { ...args }), _jsx(IconFastBackward, { ...args }), _jsx(IconFastForward, { ...args }), _jsx(IconLogout, { ...args }), _jsx(IconWifi, { ...args }), _jsx(IconMenuHorizontal, { ...args }), _jsx(IconMenuVertical, { ...args }), _jsx(IconOpenInNew, { ...args }), _jsx(IconMail, { ...args }), _jsx(IconCopy, { ...args }), _jsx(IconSearch, { ...args }), _jsx(IconMenuKebab, { ...args }), _jsx(IconDown, { ...args }), _jsx(IconUp, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconLeft, { ...args }), _jsx(IconRight, { ...args }), _jsx(IconArrowLeft, { ...args }), _jsx(IconArrowRight, { ...args }), _jsx(IconFileDots, { ...args }), _jsx(IconDownload, { ...args }), _jsx(IconUpload, { ...args }), _jsx(IconFolderSearch, { ...args }), _jsx(IconFoldeAdd, { ...args }), _jsx(IconEqual, { ...args }), _jsx(IconEqualNot, { ...args }), _jsx(IconGreaterThan, { ...args }), _jsx(IconLessThan, { ...args }), _jsx(IconLessThanOrEqual, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconGreaterThanOrEqual, { ...args }), _jsx(IconSort, { ...args }), _jsx(IconPlatform, { ...args }), _jsx(Icon123, { ...args }), _jsx(IconABC, { ...args }), _jsx(IconCalendar, { ...args }), _jsx(IconAtSign, { ...args }), _jsx(IconEdit, { ...args }), _jsx(IconWarning, { ...args }), _jsx(IconInfo, { ...args }), _jsx(IconSuccess, { ...args }), _jsx(IconAlarmPlus, { ...args }), _jsx(IconHourglass, { ...args }), _jsx(IconNone, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconNotStarted, { ...args }), _jsx(IconProgress, { ...args }), _jsx(IconInsertAbove, { ...args }), _jsx(IconInsertBelow, { ...args }), _jsx(IconFilter, { ...args }), _jsx(IconDcmtType, { ...args }), _jsx(IconDcmtTypeOnlyMetadata, { ...args }), _jsx(IconDcmtTypeSys, { ...args }), _jsx(IconCloud, { ...args }), _jsx(IconWeb, { ...args }), _jsx(IconBxInfo, { ...args }), _jsx(IconStop, { ...args }), _jsx(IconPlay, { ...args }), _jsx(IconStopwatch, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconUpdate, { ...args }), _jsx(IconSuccessCirlce, { ...args }), _jsx(IconCircleInfo, { ...args }), _jsx(IconDetails, { ...args }), _jsx(IconFreeze, { ...args }), _jsx(IconUnFreeze, { ...args }), _jsx(IconProgressCompleted, { ...args }), _jsx(IconProgressNotCompleted, { ...args }), _jsx(IconProgressAbortRequested, { ...args }), _jsx(IconProgressReady, { ...args }), _jsx(IconProgressStarted, { ...args }), _jsx(IconProgressRunning, { ...args }), _jsx(IconUserLevelMember, { ...args }), _jsx(IconUserLevelAdministrator, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconUserLevelSystemAdministrator, { ...args }), _jsx(IconUserLevelAutonomousAdministrator, { ...args }), _jsx(IconHistory, { ...args }), _jsx(IconForceStop, { ...args }), _jsx(IconDraggabledots, { ...args }), _jsx(IconClear, { ...args }), _jsx(IconClearButton, { ...args }), _jsx(IconAddCircleOutline, { ...args }), _jsx(IconDotsVerticalCircleOutline, { ...args }), _jsx(IconMapping, { ...args }), _jsx(IconAutoConfig, { ...args }), _jsx(IconArchiveDoc, { ...args }), _jsx(IconCommand, { ...args }), _jsx(IconSum, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconDisk, { ...args }), _jsx(IconDataList, { ...args }), _jsx(IconWindowMaximize, { ...args }), _jsx(IconWindowMinimize, { ...args }), _jsx(IconReset, { ...args }), _jsx(IconExport, { ...args }), _jsx(IconImport, { ...args }), _jsx(IconPalette, { ...args }), _jsx(IconFastSearch, { ...args }), _jsx(IconUserGroup, { ...args }), _jsx(IconBoard, { ...args }), _jsx(IconActivity, { ...args }), _jsx(IconWorkspace, { ...args }), _jsx(IconAttachment, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconActivityLog, { ...args }), _jsx(IconCrown, { ...args }), _jsx(IconChangeUser, { ...args }), _jsx(IconPaste, { ...args }), _jsx(IconFileSearch, { ...args }), _jsx(IconStar, { ...args }), _jsx(IconStarRemove, { ...args }), _jsx(IconLightningFill, { ...args }), _jsx(IconLink, { ...args }), _jsx(IconEasy, { ...args }), _jsx(IconConvertFilePdf, { ...args }), _jsx(IconRelation, { ...args }), _jsx(IconCheckIn, { ...args }), _jsx(IconRecursiveOps, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconSearchCheck, { ...args }), _jsx(IconSignature, { ...args }), _jsx(IconSavedQuery, { ...args }), _jsx(IconSync, { ...args }), _jsx(IconAdvanced, { ...args }), _jsx(IconSubstFile, { ...args }), _jsx(IconBatchUpdate, { ...args }), _jsx(IconShare, { ...args }), _jsx(IconSharedDcmt, { ...args }), _jsx(IconExportTo, { ...args }), _jsx(IconArrowSortedDown, { ...args }), _jsx(IconArrowSortedUp, { ...args }), _jsx(IconStatistics, { ...args }), _jsx(IconArrowUnsorted, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconPrinter, { ...args }), _jsx(IconFactory, { ...args }), _jsx(IconTest, { ...args }), _jsx(IconCheck, { ...args }), _jsx(IconSortAsc, { ...args }), _jsx(IconSortDesc, { ...args }), _jsx(IconSortAscLetters, { ...args }), _jsx(IconSortDescLetters, { ...args }), _jsx(IconSortAscNumbers, { ...args }), _jsx(IconSortDescNumbers, { ...args }), _jsx(IconSortAscClock, { ...args }), _jsx(IconSortDescClock, { ...args }), _jsx(IconTree, { ...args }), _jsx(IconGrid, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconList, { ...args }), _jsx(IconLock, { ...args }), _jsx(IconLockClosed, { ...args }), _jsx(IconBxLock, { ...args }), _jsx(IconFolder, { ...args }), _jsx(IconFolderOpen, { ...args }), _jsx(IconTag, { ...args }), _jsx(IconFolderZip, { ...args }), _jsx(IconBell, { ...args }), _jsx(IconBellCheck, { ...args }), _jsx(IconBellOutline, { ...args }), _jsx(IconBellCheckOutline, { ...args }), _jsx(IconEnvelopeOpenText, { ...args }), _jsx(IconMetadata_Computed, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconMetadata_Text, { ...args }), _jsx(IconMetadata_User, { ...args }), _jsx(IconMetadata_Date, { ...args }), _jsx(IconMetadata_DataList, { ...args }), _jsx(IconMetadata_DynamicDataList, { ...args }), _jsx(IconMetadata_Numerator, { ...args }), _jsx(IconMetadata_Special, { ...args }), _jsx(IconMetadata_Numeric, { ...args }), _jsx(IconMetadata, { ...args }), _jsx(IconRelationManyToMany, { ...args }), _jsx(IconRelationOneToMany, { ...args }), _jsx(IconBoxArchiveIn, { ...args }), _jsx(IconBasket, { ...args }), _jsx(IconSignCert, { ...args })] }), _jsxs("div", { style: { display: "flex", gap: "20px", marginTop: 20 }, children: [_jsx(IconServerService, { ...args }), _jsx(IconUserExpired, { ...args }), _jsx(IconAddressBook, { ...args }), _jsx(IconFreeSearch, { ...args }), _jsx(IconMic, { ...args })] })] }));
+export const TMIcons = TMIconsTemplate.bind({});
+TMIcons.args = { fontSize: "48px", color: "black" };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react-beta",
-  "version": "6.10.62",
+  "version": "6.10.64",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",