@topconsultnpm/sdkui-react-beta 6.10.63 → 6.10.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/choosers/TMUserChooser.d.ts +2 -1
- package/lib/components/choosers/TMUserChooser.js +10 -1
- package/lib/helper/SDKUI_Localizator.d.ts +1 -0
- package/lib/helper/SDKUI_Localizator.js +10 -0
- package/lib/helper/TMIcons.js +2 -2
- package/lib/services/platform_services.js +2 -1
- package/lib/stories/TMIcons.stories.d.ts +4 -0
- package/lib/stories/TMIcons.stories.js +13 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { UserDescriptor } from '@topconsultnpm/sdk-ts-beta';
|
|
2
|
+
import { UserDescriptor, UserLevels } from '@topconsultnpm/sdk-ts-beta';
|
|
3
3
|
import { ITMChooserFormProps, ITMChooserProps } from '../../ts';
|
|
4
4
|
interface ITMUserChooserProps extends ITMChooserProps {
|
|
5
5
|
/** Contiene i values selezionati */
|
|
@@ -21,6 +21,7 @@ export declare const TMUserIdViewer: ({ userId, showIcon, noneSelectionText }: {
|
|
|
21
21
|
showIcon?: boolean;
|
|
22
22
|
noneSelectionText?: string;
|
|
23
23
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare function LocalizeDcmtDeleter_UserLevel(value: UserLevels | undefined): string | undefined;
|
|
24
25
|
export declare const TMUserIcon: ({ ud }: {
|
|
25
26
|
ud?: UserDescriptor;
|
|
26
27
|
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -74,6 +74,14 @@ export const TMUserIdViewer = ({ userId, showIcon = false, noneSelectionText = `
|
|
|
74
74
|
};
|
|
75
75
|
return (_jsxs(StyledDivHorizontal, { children: [getIcon(), _jsx("p", { style: { textAlign: 'left', marginLeft: showIcon ? '5px' : '', opacity: ud ? 1 : 0.5 }, children: getDescription() })] }));
|
|
76
76
|
};
|
|
77
|
+
export function LocalizeDcmtDeleter_UserLevel(value) {
|
|
78
|
+
switch (value) {
|
|
79
|
+
case UserLevels.AutonomousAdministrator: return SDKUI_Localizator.UserLevelAdminAutonom;
|
|
80
|
+
case UserLevels.Administrator: return SDKUI_Localizator.UserLevelAdmin;
|
|
81
|
+
case UserLevels.Member: return SDKUI_Localizator.UserLevelMember;
|
|
82
|
+
default: return value?.toString();
|
|
83
|
+
}
|
|
84
|
+
}
|
|
77
85
|
export const TMUserIcon = ({ ud }) => {
|
|
78
86
|
if (!ud)
|
|
79
87
|
return null;
|
|
@@ -83,8 +91,9 @@ export const TMUserIcon = ({ ud }) => {
|
|
|
83
91
|
};
|
|
84
92
|
export const TMUserTooltip = ({ ud, children }) => {
|
|
85
93
|
const renderTooltipContent = (ud) => {
|
|
94
|
+
let isExpired = User_IsExpired(ud);
|
|
86
95
|
return (!ud ? null
|
|
87
|
-
: _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${getCompleteUserName(ud.domain, ud.name)} (
|
|
96
|
+
: _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${getCompleteUserName(ud.domain, ud.name)} (ID: ${ud.id})` }), ud.level && _jsx(StyledTooltipItem, { children: LocalizeDcmtDeleter_UserLevel(ud.level) }), _jsxs(StyledTooltipItem, { children: [SDKUI_Localizator.Valid, ": ", isExpired ? SDKUI_Localizator.No : SDKUI_Localizator.Yes] }), _jsxs(StyledTooltipItem, { children: [SDKUI_Localizator.Disabled, ": ", ud.disabled ? SDKUI_Localizator.Yes : SDKUI_Localizator.No] }), _jsx(StyledTooltipSeparatorItem, {}), ud.description && _jsx(StyledTooltipItem, { children: ud.description }), ud.type && _jsx(StyledTooltipItem, { children: ud.type })] }));
|
|
88
97
|
};
|
|
89
98
|
return (_jsx(TMTooltip, { content: renderTooltipContent(ud), children: children }));
|
|
90
99
|
};
|
|
@@ -304,6 +304,7 @@ export declare class SDKUI_Localizator {
|
|
|
304
304
|
static get UserLevelAdminAutonom(): "Autonomer Administrator" | "Autonomous administrator" | "Administrador autónomo" | "Administrateur autonome" | "Administrador independente" | "Amministratore autonomo";
|
|
305
305
|
static get UserLevelAdminSys(): "Systemadministrator" | "System administrator" | "Administrador de sistema" | "Administrateur de système" | "Administrador do sistema" | "Amministratore di sistema";
|
|
306
306
|
static get UserLevelMember(): "Mitglied" | "Member" | "Miembro" | "Membre" | "Membro";
|
|
307
|
+
static get Valid(): "Gültig" | "Valid" | "Válido" | "Valide" | "Valido";
|
|
307
308
|
static get Value(): "Wert" | "Value" | "Valor" | "Valeur" | "Valore";
|
|
308
309
|
static get ValueAscending(): "Aufsteigend Wert" | "Value ascending" | "Value ascendente" | "Valeur croissant" | "Valor crescente" | "Valore crescente";
|
|
309
310
|
static get ValueDescending(): "Absteigend Wert" | "Value descending" | "Value descendente" | "Valeur décroissant" | "Valor decrescente" | "Valore decrescente";
|
|
@@ -2998,6 +2998,16 @@ export class SDKUI_Localizator {
|
|
|
2998
2998
|
default: return "Membro";
|
|
2999
2999
|
}
|
|
3000
3000
|
}
|
|
3001
|
+
static get Valid() {
|
|
3002
|
+
switch (this._cultureID) {
|
|
3003
|
+
case CultureIDs.De_DE: return "Gültig";
|
|
3004
|
+
case CultureIDs.En_US: return "Valid";
|
|
3005
|
+
case CultureIDs.Es_ES: return "Válido";
|
|
3006
|
+
case CultureIDs.Fr_FR: return "Valide";
|
|
3007
|
+
case CultureIDs.Pt_PT: return "Válido";
|
|
3008
|
+
default: return "Valido";
|
|
3009
|
+
}
|
|
3010
|
+
}
|
|
3001
3011
|
static get Value() {
|
|
3002
3012
|
switch (this._cultureID) {
|
|
3003
3013
|
case CultureIDs.De_DE: return "Wert";
|
package/lib/helper/TMIcons.js
CHANGED
|
@@ -334,13 +334,13 @@ function IconUserLevelMember(props) {
|
|
|
334
334
|
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" }), " "] }));
|
|
335
335
|
}
|
|
336
336
|
function IconUserLevelAdministrator(props) {
|
|
337
|
-
return (
|
|
337
|
+
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" }) }));
|
|
338
338
|
}
|
|
339
339
|
function IconUserLevelSystemAdministrator(props) {
|
|
340
340
|
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" }), " "] }));
|
|
341
341
|
}
|
|
342
342
|
function IconUserLevelAutonomousAdministrator(props) {
|
|
343
|
-
return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0
|
|
343
|
+
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" }), " "] }));
|
|
344
344
|
}
|
|
345
345
|
function IconHistory(props) {
|
|
346
346
|
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" }), " "] }));
|
|
@@ -394,7 +394,8 @@ PlatformObjectService.getIcon = (objClass, d) => {
|
|
|
394
394
|
ownershipColor = "red";
|
|
395
395
|
break;
|
|
396
396
|
}
|
|
397
|
-
return (_jsx("div", { style: { flexDirection: "row", display: "flex", alignItems: "center", justifyContent: "center", overflow: 'visible' }, children:
|
|
397
|
+
return (_jsx("div", { style: { flexDirection: "row", display: "flex", alignItems: "center", justifyContent: "center", overflow: 'visible' }, children: objClass == ObjectClasses.User ? _jsx(TMUserIcon, { ud: d }) :
|
|
398
|
+
_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.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 })] }) }));
|
|
398
399
|
};
|
|
399
400
|
PlatformObjectService.getTooltip = (objClass, d) => {
|
|
400
401
|
let ownLevel = LocalizeOwnershipLevels(d.ownershipLevel);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
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";
|
|
3
|
+
export default {
|
|
4
|
+
title: "Icons/TMIcons",
|
|
5
|
+
component: IconAccessPoint,
|
|
6
|
+
argTypes: {
|
|
7
|
+
fontSize: { control: "text" },
|
|
8
|
+
color: { control: "color" },
|
|
9
|
+
},
|
|
10
|
+
};
|
|
11
|
+
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 })] })] }));
|
|
12
|
+
export const TMIcons = TMIconsTemplate.bind({});
|
|
13
|
+
TMIcons.args = { fontSize: "48px", color: "black" };
|