@next-libs/cmdb-instances 7.30.7 → 7.30.9

package/dist/esm/instance-list-drawer/InstanceListDrawer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import React, { useReducer } from "react";
-import { Button, Drawer } from "antd";
+import { Button, Drawer, Alert } from "antd";
 import i18n from "i18next";
 import { K, NS_LIBS_CMDB_INSTANCES } from "../i18n/constants";
 import { LegacyInstanceListWrapper } from "../instance-list/InstanceList";
@@ -24,7 +24,8 @@ export function InstanceListDrawer(props) {
     query: null,
     searchTransHierRelationInstance: false,
     transHierRelation: null,
-    searchTransHierRelationSource: null
+    searchTransHierRelationSource: null,
+    relatedToMe: false
   });
 
   /* istanbul ignore next */
@@ -48,6 +49,7 @@ export function InstanceListDrawer(props) {
     var _Object$values;
     setState({
       transHierRelation: relation,
+      relatedToMe: false,
       searchTransHierRelationInstance: (relation === null || relation === void 0 ? void 0 : relation.type) === "transHierRelation",
       searchTransHierRelationSource: {
         objectId: sourceObjectId,
@@ -85,7 +87,13 @@ export function InstanceListDrawer(props) {
     footerStyle: {
       background: "var(--color-fill-bg-base-3)"
     }
-  }, /*#__PURE__*/React.createElement(InstanceListDrawer, {
+  }, state.searchTransHierRelationInstance && /*#__PURE__*/React.createElement(Alert, {
+    className: styles.alert,
+    message: i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.CROSS_LEVEL_RELATIONSHIPS_ALERT)),
+    type: "info",
+    showIcon: true,
+    closable: true
+  }), /*#__PURE__*/React.createElement(InstanceListDrawer, {
     searchTransHierRelationSource: state.searchTransHierRelationSource,
     transHierRelation: state.transHierRelation,
     searchTransHierRelationInstance: state.searchTransHierRelationInstance,
@@ -99,7 +107,7 @@ export function InstanceListDrawer(props) {
     selectDisabled: true,
     ipCopy: props.ipCopy,
     target: props.target,
-    relatedToMe: props.relatedToMe,
+    relatedToMe: state.relatedToMe,
     relatedToMeDisabled: props.relatedToMeDisabled,
     searchDisabled: props.searchDisabled,
     sortDisabled: props.sortDisabled,

package/dist/esm/instance-list-drawer/InstanceListDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstanceListDrawer.js","names":["React","useReducer","Button","Drawer","i18n","K","NS_LIBS_CMDB_INSTANCES","LegacyInstanceListWrapper","addResourceBundle","getRuntime","styles","reducer","prevState","updatedProperty","_objectSpread","DEFAULT_RELATION_LIMIT","InstanceListDrawer","props","_ref","_props$relationLimit","_getRuntime$getMiscSe","_props$drawerZIndex","state","setState","open","objectId","detailUrlTemplates","undefined","drawerTitle","query","searchTransHierRelationInstance","transHierRelation","searchTransHierRelationSource","handleClose","renderFooter","createElement","Fragment","onClick","type","t","concat","BACK","handleRelationMoreIconClick","record","relation","sourceObjectId","_Object$values","instanceId","left_name","Object","values","right_id","_relationLimit","relationLimit","getMiscSettings","defaultRelationLimit","_extends","onRelationMoreIconClick","title","className","drawerTitleWrapper","tag","CROSS_LEVEL_RELATIONSHIPS","visible","width","drawerWidth","onClose","destroyOnClose","footer","zIndex","drawerZIndex","footerStyle","background","presetConfigs","selectDisabled","ipCopy","target","relatedToMe","relatedToMeDisabled","searchDisabled","sortDisabled","advancedSearchDisabled","aliveHostsDisabled","moreButtonsDisabled","showFixedHeader","showTooltip","relationLinkDisabled","showSizeChanger","useExternalCmdbApi","externalSourceId","useAutoDiscoveryProvider","useInstanceArchiveProvider","saveFieldsBackend"],"sources":["../../../src/instance-list-drawer/InstanceListDrawer.tsx"],"sourcesContent":["import React, { useReducer } from \"react\";\nimport { Button, Drawer } from \"antd\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport {\n  LegacyInstanceListWrapper,\n  InstanceListProps,\n} from \"../instance-list/InstanceList\";\nimport { addResourceBundle } from \"../i18n\";\nimport { getRuntime } from \"@next-core/brick-kit\";\nimport { TransHierRelationType } from \"@next-libs/cmdb-utils\";\nimport styles from \"./InstanceListDrawer.module.css\";\naddResourceBundle();\n\nexport interface InstanceListDrawerProps extends InstanceListProps {\n  drawerZIndex?: number;\n  drawerWidth?: number;\n}\n/* istanbul ignore next */\nconst reducer = (\n  prevState: InstanceListDrawerState,\n  updatedProperty: Partial<InstanceListDrawerState>\n): InstanceListDrawerState => {\n  return {\n    ...prevState,\n    ...updatedProperty,\n  };\n};\n\nconst DEFAULT_RELATION_LIMIT = 5;\n\ninterface InstanceListDrawerState {\n  open: boolean;\n  objectId: string;\n  drawerTitle: string;\n  query: Record<string, any>;\n  detailUrlTemplates: Record<string, any>;\n  searchTransHierRelationInstance: boolean;\n  transHierRelation?: TransHierRelationType;\n  searchTransHierRelationSource?: { objectId: string; instanceId: string };\n}\n\nexport function InstanceListDrawer(\n  props: InstanceListDrawerProps\n): React.ReactElement {\n  const [state, setState] = useReducer(reducer, {\n    open: false,\n    objectId: null,\n    detailUrlTemplates: undefined,\n    drawerTitle: \"\",\n    query: null,\n    searchTransHierRelationInstance: false,\n    transHierRelation: null,\n    searchTransHierRelationSource: null,\n  });\n\n  /* istanbul ignore next */\n  const handleClose = (): void => {\n    setState({\n      open: false,\n      drawerTitle: \"\",\n      searchTransHierRelationInstance: false,\n      transHierRelation: null,\n      searchTransHierRelationSource: null,\n    });\n  };\n\n  const renderFooter = (): React.ReactElement => {\n    return (\n      <>\n        <Button\n          data-testid={\"back-button\"}\n          onClick={handleClose}\n          type=\"default\"\n        >\n          {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.BACK}`)}\n        </Button>\n      </>\n    );\n  };\n  const handleRelationMoreIconClick = (\n    record: Record<string, any>,\n    relation?: Record<string, any>,\n    sourceObjectId?: string\n  ): void => {\n    setState({\n      transHierRelation: relation as any,\n      searchTransHierRelationInstance: relation?.type === \"transHierRelation\",\n      searchTransHierRelationSource: {\n        objectId: sourceObjectId,\n        instanceId: record.instanceId,\n      },\n      open: true,\n      objectId: record.objectId,\n      drawerTitle: record.left_name,\n      detailUrlTemplates: {\n        [record.objectId]: Object.values(props.detailUrlTemplates || {})?.[0],\n      },\n      query:\n        relation?.type === \"transHierRelation\"\n          ? {}\n          : {\n              [`${record.right_id}.instanceId`]: record.instanceId,\n            },\n    });\n  };\n\n  const _relationLimit =\n    props.relationLimit ??\n    (getRuntime().getMiscSettings()?.defaultRelationLimit as number) ??\n    DEFAULT_RELATION_LIMIT;\n  return (\n    <>\n      <LegacyInstanceListWrapper\n        {...props}\n        onRelationMoreIconClick={handleRelationMoreIconClick}\n        relationLimit={_relationLimit}\n      />\n      <Drawer\n        title={(() => {\n          return (\n            <div className={styles.drawerTitleWrapper}>\n              {state.drawerTitle}\n              {state.searchTransHierRelationInstance && (\n                <div className={styles.tag}>\n                  {i18n.t(\n                    `${NS_LIBS_CMDB_INSTANCES}:${K.CROSS_LEVEL_RELATIONSHIPS}`\n                  )}\n                </div>\n              )}\n            </div>\n          );\n        })()}\n        visible={state.open}\n        width={props.drawerWidth || 900}\n        onClose={handleClose}\n        destroyOnClose={true}\n        footer={renderFooter()}\n        zIndex={props.drawerZIndex ?? 1000}\n        footerStyle={{ background: \"var(--color-fill-bg-base-3)\" }}\n      >\n        <InstanceListDrawer\n          searchTransHierRelationSource={state.searchTransHierRelationSource}\n          transHierRelation={state.transHierRelation}\n          searchTransHierRelationInstance={\n            state.searchTransHierRelationInstance\n          }\n          objectId={state.objectId}\n          onRelationMoreIconClick={handleRelationMoreIconClick}\n          relationLimit={_relationLimit}\n          detailUrlTemplates={state.detailUrlTemplates}\n          presetConfigs={{ query: state.query }}\n          selectDisabled={true}\n          ipCopy={props.ipCopy}\n          target={props.target}\n          relatedToMe={props.relatedToMe}\n          relatedToMeDisabled={props.relatedToMeDisabled}\n          searchDisabled={props.searchDisabled}\n          sortDisabled={props.sortDisabled}\n          advancedSearchDisabled={props.advancedSearchDisabled}\n          aliveHostsDisabled={props.aliveHostsDisabled}\n          moreButtonsDisabled={props.moreButtonsDisabled}\n          showFixedHeader={props.showFixedHeader}\n          showTooltip={props.showTooltip}\n          relationLinkDisabled={props.relationLinkDisabled}\n          showSizeChanger={props.showSizeChanger}\n          useExternalCmdbApi={props.useExternalCmdbApi}\n          externalSourceId={props.externalSourceId}\n          useAutoDiscoveryProvider={props.useAutoDiscoveryProvider}\n          useInstanceArchiveProvider={props.useInstanceArchiveProvider}\n          saveFieldsBackend={props.saveFieldsBackend}\n        />\n      </Drawer>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InstanceListDrawer.js","names":["React","useReducer","Button","Drawer","Alert","i18n","K","NS_LIBS_CMDB_INSTANCES","LegacyInstanceListWrapper","addResourceBundle","getRuntime","styles","reducer","prevState","updatedProperty","_objectSpread","DEFAULT_RELATION_LIMIT","InstanceListDrawer","props","_ref","_props$relationLimit","_getRuntime$getMiscSe","_props$drawerZIndex","state","setState","open","objectId","detailUrlTemplates","undefined","drawerTitle","query","searchTransHierRelationInstance","transHierRelation","searchTransHierRelationSource","relatedToMe","handleClose","renderFooter","createElement","Fragment","onClick","type","t","concat","BACK","handleRelationMoreIconClick","record","relation","sourceObjectId","_Object$values","instanceId","left_name","Object","values","right_id","_relationLimit","relationLimit","getMiscSettings","defaultRelationLimit","_extends","onRelationMoreIconClick","title","className","drawerTitleWrapper","tag","CROSS_LEVEL_RELATIONSHIPS","visible","width","drawerWidth","onClose","destroyOnClose","footer","zIndex","drawerZIndex","footerStyle","background","alert","message","CROSS_LEVEL_RELATIONSHIPS_ALERT","showIcon","closable","presetConfigs","selectDisabled","ipCopy","target","relatedToMeDisabled","searchDisabled","sortDisabled","advancedSearchDisabled","aliveHostsDisabled","moreButtonsDisabled","showFixedHeader","showTooltip","relationLinkDisabled","showSizeChanger","useExternalCmdbApi","externalSourceId","useAutoDiscoveryProvider","useInstanceArchiveProvider","saveFieldsBackend"],"sources":["../../../src/instance-list-drawer/InstanceListDrawer.tsx"],"sourcesContent":["import React, { useReducer } from \"react\";\nimport { Button, Drawer, Alert } from \"antd\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport {\n  LegacyInstanceListWrapper,\n  InstanceListProps,\n} from \"../instance-list/InstanceList\";\nimport { addResourceBundle } from \"../i18n\";\nimport { getRuntime } from \"@next-core/brick-kit\";\nimport { TransHierRelationType } from \"@next-libs/cmdb-utils\";\nimport styles from \"./InstanceListDrawer.module.css\";\naddResourceBundle();\n\nexport interface InstanceListDrawerProps extends InstanceListProps {\n  drawerZIndex?: number;\n  drawerWidth?: number;\n}\n/* istanbul ignore next */\nconst reducer = (\n  prevState: InstanceListDrawerState,\n  updatedProperty: Partial<InstanceListDrawerState>\n): InstanceListDrawerState => {\n  return {\n    ...prevState,\n    ...updatedProperty,\n  };\n};\n\nconst DEFAULT_RELATION_LIMIT = 5;\n\ninterface InstanceListDrawerState {\n  open: boolean;\n  objectId: string;\n  drawerTitle: string;\n  query: Record<string, any>;\n  detailUrlTemplates: Record<string, any>;\n  searchTransHierRelationInstance: boolean;\n  transHierRelation?: TransHierRelationType;\n  relatedToMe: boolean;\n  searchTransHierRelationSource?: { objectId: string; instanceId: string };\n}\n\nexport function InstanceListDrawer(\n  props: InstanceListDrawerProps\n): React.ReactElement {\n  const [state, setState] = useReducer(reducer, {\n    open: false,\n    objectId: null,\n    detailUrlTemplates: undefined,\n    drawerTitle: \"\",\n    query: null,\n    searchTransHierRelationInstance: false,\n    transHierRelation: null,\n    searchTransHierRelationSource: null,\n    relatedToMe: false,\n  });\n\n  /* istanbul ignore next */\n  const handleClose = (): void => {\n    setState({\n      open: false,\n      drawerTitle: \"\",\n      searchTransHierRelationInstance: false,\n      transHierRelation: null,\n      searchTransHierRelationSource: null,\n    });\n  };\n\n  const renderFooter = (): React.ReactElement => {\n    return (\n      <>\n        <Button\n          data-testid={\"back-button\"}\n          onClick={handleClose}\n          type=\"default\"\n        >\n          {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.BACK}`)}\n        </Button>\n      </>\n    );\n  };\n  const handleRelationMoreIconClick = (\n    record: Record<string, any>,\n    relation?: Record<string, any>,\n    sourceObjectId?: string\n  ): void => {\n    setState({\n      transHierRelation: relation as any,\n      relatedToMe: false,\n      searchTransHierRelationInstance: relation?.type === \"transHierRelation\",\n      searchTransHierRelationSource: {\n        objectId: sourceObjectId,\n        instanceId: record.instanceId,\n      },\n      open: true,\n      objectId: record.objectId,\n      drawerTitle: record.left_name,\n      detailUrlTemplates: {\n        [record.objectId]: Object.values(props.detailUrlTemplates || {})?.[0],\n      },\n      query:\n        relation?.type === \"transHierRelation\"\n          ? {}\n          : {\n              [`${record.right_id}.instanceId`]: record.instanceId,\n            },\n    });\n  };\n\n  const _relationLimit =\n    props.relationLimit ??\n    (getRuntime().getMiscSettings()?.defaultRelationLimit as number) ??\n    DEFAULT_RELATION_LIMIT;\n  return (\n    <>\n      <LegacyInstanceListWrapper\n        {...props}\n        onRelationMoreIconClick={handleRelationMoreIconClick}\n        relationLimit={_relationLimit}\n      />\n      <Drawer\n        title={(() => {\n          return (\n            <div className={styles.drawerTitleWrapper}>\n              {state.drawerTitle}\n              {state.searchTransHierRelationInstance && (\n                <div className={styles.tag}>\n                  {i18n.t(\n                    `${NS_LIBS_CMDB_INSTANCES}:${K.CROSS_LEVEL_RELATIONSHIPS}`\n                  )}\n                </div>\n              )}\n            </div>\n          );\n        })()}\n        visible={state.open}\n        width={props.drawerWidth || 900}\n        onClose={handleClose}\n        destroyOnClose={true}\n        footer={renderFooter()}\n        zIndex={props.drawerZIndex ?? 1000}\n        footerStyle={{ background: \"var(--color-fill-bg-base-3)\" }}\n      >\n        {state.searchTransHierRelationInstance && (\n          <Alert\n            className={styles.alert}\n            message={i18n.t(\n              `${NS_LIBS_CMDB_INSTANCES}:${K.CROSS_LEVEL_RELATIONSHIPS_ALERT}`\n            )}\n            type=\"info\"\n            showIcon\n            closable\n          />\n        )}\n        <InstanceListDrawer\n          searchTransHierRelationSource={state.searchTransHierRelationSource}\n          transHierRelation={state.transHierRelation}\n          searchTransHierRelationInstance={\n            state.searchTransHierRelationInstance\n          }\n          objectId={state.objectId}\n          onRelationMoreIconClick={handleRelationMoreIconClick}\n          relationLimit={_relationLimit}\n          detailUrlTemplates={state.detailUrlTemplates}\n          presetConfigs={{ query: state.query }}\n          selectDisabled={true}\n          ipCopy={props.ipCopy}\n          target={props.target}\n          relatedToMe={state.relatedToMe}\n          relatedToMeDisabled={props.relatedToMeDisabled}\n          searchDisabled={props.searchDisabled}\n          sortDisabled={props.sortDisabled}\n          advancedSearchDisabled={props.advancedSearchDisabled}\n          aliveHostsDisabled={props.aliveHostsDisabled}\n          moreButtonsDisabled={props.moreButtonsDisabled}\n          showFixedHeader={props.showFixedHeader}\n          showTooltip={props.showTooltip}\n          relationLinkDisabled={props.relationLinkDisabled}\n          showSizeChanger={props.showSizeChanger}\n          useExternalCmdbApi={props.useExternalCmdbApi}\n          externalSourceId={props.externalSourceId}\n          useAutoDiscoveryProvider={props.useAutoDiscoveryProvider}\n          useInstanceArchiveProvider={props.useInstanceArchiveProvider}\n          saveFieldsBackend={props.saveFieldsBackend}\n        />\n      </Drawer>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/instance-list-drawer/InstanceListDrawer.module.css

@@ -19,3 +19,6 @@
   transition: all 0.3s ease 0s;
   margin-left: 5px;
 }
+.alert {
+  margin-bottom: 20px;
+}

package/dist/esm/instance-list-table/InstanceListTable.js

@@ -726,7 +726,7 @@ export class LegacyInstanceListTable extends React.Component {
             if (nameKeys.length > 1) {
               subName = instance[nameKeys[1]];
             }
-            var instanceName = subName ? "".concat(instance[nameKeys[0]], " (").concat(subName, ")") : instance[nameKeys[0]];
+            var instanceName = subName ? "".concat(instance[nameKeys[0]], " (").concat(subName, ")") : "".concat(instance[nameKeys[0]]);
             if (detailUrlTemplate) {
               var _this$props$separator;
               var url = parseTemplate(detailUrlTemplate, _objectSpread(_objectSpread({}, instance), {}, {