@topconsultnpm/sdkui-react-beta 6.8.93 → 6.8.94

package/lib/components/editors/TMEditorStyled.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import { ValidationItem } from '@topconsultnpm/sdk-ts-beta';
 export declare const TMEditorsDefaultBorderRadius = "5px";
 export declare const TMEditorsDefaultLabelFontSize = "0.9rem";
 export declare const editorColorManager: (validationItems: ValidationItem[]) => string;
-export declare const StyledEditorContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledEditorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $width: string;
-}>>;
-export declare const StyledEditor: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+}>> & string;
+export declare const StyledEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
     $vil: ValidationItem[];
     $width: string;
     $type: string;
@@ -14,33 +13,33 @@ export declare const StyledEditor: import("styled-components").IStyledComponent<
     $maxValue: number;
     $fontSize: string;
     $disabled: boolean;
-    $isMobile?: boolean | undefined;
-    $borderRadius?: string | undefined;
-}>>;
-export declare const StyledEditorIcon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isMobile?: boolean;
+    $borderRadius?: string;
+}>> & string;
+export declare const StyledEditorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $vil: ValidationItem[];
     $disabled: boolean;
     $isModified: boolean;
-}>>;
-export declare const StyledEditorLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}>> & string;
+export declare const StyledEditorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isFocused: boolean;
-    $labelPosition: 'right' | 'left' | 'top';
+    $labelPosition: "right" | "left" | "top";
     $disabled: boolean;
-    $fontSize?: string | undefined;
-    $color?: string | undefined;
-}>>;
-export declare const StyledEditorButtonIcon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $fontSize?: string;
+    $color?: string;
+}>> & string;
+export declare const StyledEditorButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $index: number;
     $transform: string;
-}>>;
-export declare const StyledTextareaEditor: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {
+}>> & string;
+export declare const StyledTextareaEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {
     $vil: ValidationItem[];
     $width: string;
     $isModified: boolean;
     $fontSize: string;
     $disabled: boolean;
-    $isMobile?: boolean | undefined;
-    $maxHeight?: string | undefined;
-    $borderRadius?: string | undefined;
-    $resize?: boolean | undefined;
-}>>;
+    $isMobile?: boolean;
+    $maxHeight?: string;
+    $borderRadius?: string;
+    $resize?: boolean;
+}>> & string;

package/lib/components/editors/TMMetadataEditor.d.ts

@@ -1,5 +1,5 @@
 import { ValidationItem, LayoutModes, QueryOperators } from '@topconsultnpm/sdk-ts-beta';
-import { DynDataListsToBeRefreshed } from '../choosers/TMDynDataListItemChooser';
+import { DynDataListsToBeRefreshed, MIDsToBeUpdated } from '../choosers/TMDynDataListItemChooser';
 interface ITMMetadataEditorProps {
     tid: number | undefined;
     mid?: number;
@@ -16,6 +16,7 @@ interface ITMMetadataEditorProps {
     onValueChanged?: (value: any) => void;
     onValueChange?: (value: any) => void;
     onCascadeRefreshDynDataLists?: (dynDataListsToBeRefreshed: DynDataListsToBeRefreshed[]) => void;
+    onCascadeUpdateMIDs?: (midsToBeUpdated: MIDsToBeUpdated[]) => void;
 }
-declare const TMMetadataEditor: ({ isLexProt, layoutMode, queryOperator, isModifiedWhen, tid, mid, value, queryParamsDynDataList, containerElement, autoFocus, validationItems, disabled, onValueChanged, onValueChange, onCascadeRefreshDynDataLists }: ITMMetadataEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMMetadataEditor: ({ isLexProt, layoutMode, queryOperator, isModifiedWhen, tid, mid, value, queryParamsDynDataList, containerElement, autoFocus, validationItems, disabled, onValueChanged, onValueChange, onCascadeRefreshDynDataLists, onCascadeUpdateMIDs }: ITMMetadataEditorProps) => import("react/jsx-runtime").JSX.Element;
 export default TMMetadataEditor;

package/lib/components/editors/TMMetadataEditor.js

@@ -11,7 +11,7 @@ import TMDateBox from './TMDateBox';
 import TMTextBox from './TMTextBox';
 import { TMMetadataIcon } from '../viewers/TMMidViewer';
 import TMTextArea from './TMTextArea';
-const TMMetadataEditor = ({ isLexProt, layoutMode, queryOperator, isModifiedWhen = false, tid, mid, value, queryParamsDynDataList, containerElement, autoFocus, validationItems = [], disabled = false, onValueChanged, onValueChange, onCascadeRefreshDynDataLists }) => {
+const TMMetadataEditor = ({ isLexProt, layoutMode, queryOperator, isModifiedWhen = false, tid, mid, value, queryParamsDynDataList, containerElement, autoFocus, validationItems = [], disabled = false, onValueChanged, onValueChange, onCascadeRefreshDynDataLists, onCascadeUpdateMIDs }) => {
     const [md, setMd] = useState();
     useEffect(() => {
         DcmtTypeListCacheService.GetAsync(tid).then((dtd) => {
@@ -19,7 +19,7 @@ const TMMetadataEditor = ({ isLexProt, layoutMode, queryOperator, isModifiedWhen
         });
     }, [mid]);
     const isReadOnlyInternal = () => {
-        if (md?.isSystem === 1)
+        if (md?.isSystem === 1 && layoutMode !== LayoutModes.None)
             return true;
         switch (layoutMode) {
             case LayoutModes.Update: return md?.dataDomain === MetadataDataDomains.Computed || md?.perm?.canUpdate !== AccessLevels.Yes || (isLexProt === 1 && (md?.isLexProt === 1 || md?.isLexProt === 3));
@@ -41,7 +41,7 @@ const TMMetadataEditor = ({ isLexProt, layoutMode, queryOperator, isModifiedWhen
     if (value?.startsWith("{@QueryParam") || value == "{@UserName}" || value == "{@UserID}" || queryOperator == QueryOperators.Custom)
         return _jsx(TMTextBox, { placeHolder: layoutMode === LayoutModes.Ark ? md?.defaultValue ?? '' : '', isModifiedWhen: isModifiedWhenInternal(), readOnly: isReadOnlyResult, label: showLabelTop ? md?.nameLoc : undefined, icon: showLabelTop ? _jsx(TMMetadataIcon, { layoutMode: layoutMode, md: md, tid: tid }) : undefined, validationItems: validationItems, disabled: disabled, elementStyle: { width: '100%' }, type: 'text', maxLength: maxLength, autoFocus: autoFocus, value: value ?? '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => onValueChanged?.(newValue) });
     if (md?.dataDomain == MetadataDataDomains.DynamicDataList)
-        return _jsx(TMDynDataListItemChooser, { readOnly: isReadOnlyResult, layoutMode: layoutMode, isModifiedWhen: isModifiedWhenInternal(), label: showLabelTop ? md?.nameLoc : undefined, icon: showLabelTop ? _jsx(TMMetadataIcon, { layoutMode: layoutMode, md: md, tid: tid }) : undefined, validationItems: validationItems, disabled: disabled, md: md, tid: tid, buttons: !isReadOnlyResult ? [btnDistincValues] : undefined, queryParamsDynDataList: queryParamsDynDataList, onCascadeRefreshDynDataLists: onCascadeRefreshDynDataLists, elementStyle: { width: '100%' }, backgroundColor: TMColors.default_background, allowMultipleSelection: multipleSelectionIsenabled, values: value ? [value] : [], showClearButton: !isReadOnlyResult, onValueChanged: (IDs) => {
+        return _jsx(TMDynDataListItemChooser, { readOnly: isReadOnlyResult, layoutMode: layoutMode, isModifiedWhen: isModifiedWhenInternal(), label: showLabelTop ? md?.nameLoc : undefined, icon: showLabelTop ? _jsx(TMMetadataIcon, { layoutMode: layoutMode, md: md, tid: tid }) : undefined, validationItems: validationItems, disabled: disabled, md: md, tid: tid, buttons: !isReadOnlyResult ? [btnDistincValues] : undefined, queryParamsDynDataList: queryParamsDynDataList, onCascadeRefreshDynDataLists: onCascadeRefreshDynDataLists, onCascadeUpdateMIDs: onCascadeUpdateMIDs, elementStyle: { width: '100%' }, backgroundColor: TMColors.default_background, allowMultipleSelection: multipleSelectionIsenabled, values: value ? [value] : [], showClearButton: !isReadOnlyResult, onValueChanged: (IDs) => {
                 if (!IDs || IDs.length <= 0)
                     onValueChanged?.(undefined);
                 else

package/lib/components/forms/TMLoginForm.d.ts

@@ -39,11 +39,11 @@ export declare const cultureIDsDataSource: {
 }[];
 declare const TMLoginForm: React.FunctionComponent<ITMLoginFormProps>;
 export declare const TMChangePassword: ({ deviceType, tmSession, username, onClose, enable, hasBack }: {
-    deviceType?: DeviceType | undefined;
-    hasBack?: boolean | undefined;
-    tmSession?: ITopMediaSession | undefined;
+    deviceType?: DeviceType;
+    hasBack?: boolean;
+    tmSession?: ITopMediaSession;
     username: string;
-    onClose?: (() => void) | undefined;
-    enable?: boolean | undefined;
+    onClose?: () => void;
+    enable?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TMLoginForm;