@next-libs/cmdb-instances 6.11.2 → 6.12.0

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

@@ -0,0 +1,72 @@
+import { Button, Modal } from "antd";
+import React, { useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { K, NS_LIBS_CMDB_INSTANCES } from "../i18n/constants";
+import { DisplaySettings } from "./DisplaySettings";
+export function DisplaySettingsModal(props) {
+  var {
+    visible,
+    objectId,
+    modelData,
+    currentFields,
+    defaultFields,
+    onOk,
+    onCancel
+  } = props;
+  var {
+    t
+  } = useTranslation(NS_LIBS_CMDB_INSTANCES);
+  var [nextFields, setNextFields] = useState(currentFields);
+  var count = useMemo(() => nextFields === null || nextFields === void 0 ? void 0 : nextFields.filter(v => v !== "_object_id").length, [nextFields]);
+
+  var handleReset = () => {
+    var fields = defaultFields.slice();
+    setNextFields(fields);
+    onOk === null || onOk === void 0 ? void 0 : onOk({
+      fields,
+      isReset: true
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: t(K.DISPLAY_SETTINGS),
+    visible: visible,
+    footer: /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: "flex"
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+      type: "default",
+      onClick: handleReset,
+      "data-testid": "reset-button"
+    }, t(K.RESTORE_DEFAULT))), /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginLeft: "auto"
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      type: "default",
+      onClick: onCancel,
+      style: {
+        marginRight: 10
+      },
+      "data-testid": "cancel-button"
+    }, t(K.CANCEL)), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: () => props === null || props === void 0 ? void 0 : props.onOk({
+        fields: nextFields
+      }),
+      disabled: count === 0,
+      "data-testid": "ok-button"
+    }, t(K.CONFIRM)))),
+    onCancel: onCancel,
+    destroyOnClose: true,
+    width: 780,
+    centered: true
+  }, /*#__PURE__*/React.createElement(DisplaySettings, {
+    objectId: objectId,
+    modelData: modelData,
+    currentFields: currentFields,
+    onChange: fields => setNextFields(fields)
+  }));
+}
+//# sourceMappingURL=DisplaySettingsModal.js.map

package/dist/esm/instance-list-table/DisplaySettingsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/instance-list-table/DisplaySettingsModal.tsx"],"names":["Button","Modal","React","useMemo","useState","useTranslation","K","NS_LIBS_CMDB_INSTANCES","DisplaySettings","DisplaySettingsModal","props","visible","objectId","modelData","currentFields","defaultFields","onOk","onCancel","t","nextFields","setNextFields","count","filter","v","length","handleReset","fields","slice","isReset","DISPLAY_SETTINGS","display","RESTORE_DEFAULT","marginLeft","marginRight","CANCEL","CONFIRM"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,KAAjB,QAA8B,MAA9B;AACA,OAAOC,KAAP,IAAgBC,OAAhB,EAAyBC,QAAzB,QAAyC,OAAzC;AACA,SAASC,cAAT,QAA+B,eAA/B;AACA,SAASC,CAAT,EAAYC,sBAAZ,QAA0C,mBAA1C;AACA,SAASC,eAAT,QAAsD,mBAAtD;AAcA,OAAO,SAASC,oBAAT,CACLC,KADK,EAEe;AACpB,MAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,SAHI;AAIJC,IAAAA,aAJI;AAKJC,IAAAA,aALI;AAMJC,IAAAA,IANI;AAOJC,IAAAA;AAPI,MAQFP,KARJ;AASA,MAAM;AAAEQ,IAAAA;AAAF,MAAQb,cAAc,CAACE,sBAAD,CAA5B;AACA,MAAM,CAACY,UAAD,EAAaC,aAAb,IAA8BhB,QAAQ,CAAWU,aAAX,CAA5C;AACA,MAAMO,KAAK,GAAGlB,OAAO,CACnB,MAAMgB,UAAN,aAAMA,UAAN,uBAAMA,UAAU,CAAEG,MAAZ,CAAoBC,CAAD,IAAOA,CAAC,KAAK,YAAhC,EAA8CC,MADjC,EAEnB,CAACL,UAAD,CAFmB,CAArB;;AAKA,MAAMM,WAAW,GAAG,MAAY;AAC9B,QAAMC,MAAM,GAAGX,aAAa,CAACY,KAAd,EAAf;AAEAP,IAAAA,aAAa,CAACM,MAAD,CAAb;AACAV,IAAAA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAG;AAAEU,MAAAA,MAAF;AAAUE,MAAAA,OAAO,EAAE;AAAnB,KAAH,CAAJ;AACD,GALD;;AAOA,sBACE,oBAAC,KAAD;AACE,IAAA,KAAK,EAAEV,CAAC,CAACZ,CAAC,CAACuB,gBAAH,CADV;AAEE,IAAA,OAAO,EAAElB,OAFX;AAGE,IAAA,MAAM,eACJ;AAAK,MAAA,KAAK,EAAE;AAAEmB,QAAAA,OAAO,EAAE;AAAX;AAAZ,oBACE,8CACE,oBAAC,MAAD;AACE,MAAA,IAAI,EAAC,SADP;AAEE,MAAA,OAAO,EAAEL,WAFX;AAGE,qBAAY;AAHd,OAKGP,CAAC,CAACZ,CAAC,CAACyB,eAAH,CALJ,CADF,CADF,eAUE;AAAK,MAAA,KAAK,EAAE;AAAEC,QAAAA,UAAU,EAAE;AAAd;AAAZ,oBACE,oBAAC,MAAD;AACE,MAAA,IAAI,EAAC,SADP;AAEE,MAAA,OAAO,EAAEf,QAFX;AAGE,MAAA,KAAK,EAAE;AAAEgB,QAAAA,WAAW,EAAE;AAAf,OAHT;AAIE,qBAAY;AAJd,OAMGf,CAAC,CAACZ,CAAC,CAAC4B,MAAH,CANJ,CADF,eASE,oBAAC,MAAD;AACE,MAAA,IAAI,EAAC,SADP;AAEE,MAAA,OAAO,EAAE,MAAMxB,KAAN,aAAMA,KAAN,uBAAMA,KAAK,CAAEM,IAAP,CAAY;AAAEU,QAAAA,MAAM,EAAEP;AAAV,OAAZ,CAFjB;AAGE,MAAA,QAAQ,EAAEE,KAAK,KAAK,CAHtB;AAIE,qBAAY;AAJd,OAMGH,CAAC,CAACZ,CAAC,CAAC6B,OAAH,CANJ,CATF,CAVF,CAJJ;AAkCE,IAAA,QAAQ,EAAElB,QAlCZ;AAmCE,IAAA,cAAc,EAAE,IAnClB;AAoCE,IAAA,KAAK,EAAE,GApCT;AAqCE,IAAA,QAAQ,EAAE;AArCZ,kBAuCE,oBAAC,eAAD;AACE,IAAA,QAAQ,EAAEL,QADZ;AAEE,IAAA,SAAS,EAAEC,SAFb;AAGE,IAAA,aAAa,EAAEC,aAHjB;AAIE,IAAA,QAAQ,EAAGY,MAAD,IAAYN,aAAa,CAACM,MAAD;AAJrC,IAvCF,CADF;AAgDD","sourcesContent":["import { Button, Modal } from \"antd\";\nimport React, { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { DisplaySettings, DisplaySettingsProps } from \"./DisplaySettings\";\n\nexport interface DisplaySettingsModalData {\n  fields: string[];\n  isReset?: boolean;\n}\n\nexport interface DisplaySettingsModalProps extends DisplaySettingsProps {\n  visible?: boolean;\n  defaultFields?: string[];\n  onOk?(data: DisplaySettingsModalData): void;\n  onCancel?(): void;\n}\n\nexport function DisplaySettingsModal(\n  props: DisplaySettingsModalProps\n): React.ReactElement {\n  const {\n    visible,\n    objectId,\n    modelData,\n    currentFields,\n    defaultFields,\n    onOk,\n    onCancel,\n  } = props;\n  const { t } = useTranslation(NS_LIBS_CMDB_INSTANCES);\n  const [nextFields, setNextFields] = useState<string[]>(currentFields);\n  const count = useMemo(\n    () => nextFields?.filter((v) => v !== \"_object_id\").length,\n    [nextFields]\n  );\n\n  const handleReset = (): void => {\n    const fields = defaultFields.slice();\n\n    setNextFields(fields);\n    onOk?.({ fields, isReset: true });\n  };\n\n  return (\n    <Modal\n      title={t(K.DISPLAY_SETTINGS)}\n      visible={visible}\n      footer={\n        <div style={{ display: \"flex\" }}>\n          <div>\n            <Button\n              type=\"default\"\n              onClick={handleReset}\n              data-testid=\"reset-button\"\n            >\n              {t(K.RESTORE_DEFAULT)}\n            </Button>\n          </div>\n          <div style={{ marginLeft: \"auto\" }}>\n            <Button\n              type=\"default\"\n              onClick={onCancel}\n              style={{ marginRight: 10 }}\n              data-testid=\"cancel-button\"\n            >\n              {t(K.CANCEL)}\n            </Button>\n            <Button\n              type=\"primary\"\n              onClick={() => props?.onOk({ fields: nextFields })}\n              disabled={count === 0}\n              data-testid=\"ok-button\"\n            >\n              {t(K.CONFIRM)}\n            </Button>\n          </div>\n        </div>\n      }\n      onCancel={onCancel}\n      destroyOnClose={true}\n      width={780}\n      centered={true}\n    >\n      <DisplaySettings\n        objectId={objectId}\n        modelData={modelData}\n        currentFields={currentFields}\n        onChange={(fields) => setNextFields(fields)}\n      />\n    </Modal>\n  );\n}\n"],"file":"DisplaySettingsModal.js"}

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

@@ -1,11 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from "react";
 import { EllipsisOutlined, SettingOutlined } from "@ant-design/icons";
-import { Dropdown, Menu, Modal, Button } from "antd";
+import { Dropdown, Menu, Button } from "antd";
 import i18n from "i18next";
 import { K, NS_LIBS_CMDB_INSTANCES } from "../i18n/constants";
-import { Settings } from "./SettingsContainer";
 import styles from "./InstanceListTable.module.css";
+import { DisplaySettingsModal } from "./DisplaySettingsModal";
 export class MoreButtonsContainer extends React.Component {
   constructor(props) {
     super(props);
@@ -16,6 +16,15 @@ export class MoreButtonsContainer extends React.Component {
       });
     });
 
+    _defineProperty(this, "handleOk", data => {
+      var _this$props;
+
+      this.setState({
+        visible: false
+      });
+      (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.onConfirm(data);
+    });
+
     _defineProperty(this, "handleCancel", () => {
       this.setState({
         visible: false
@@ -31,31 +40,23 @@ export class MoreButtonsContainer extends React.Component {
   render() {
     var menu = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Item, {
       onClick: this.handleSettingButtonClick
-    }, /*#__PURE__*/React.createElement(SettingOutlined, null), i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.COLUMNS_TO_DISPLAY))));
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, {
+    }, /*#__PURE__*/React.createElement(SettingOutlined, null), i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.DISPLAY_SETTINGS))));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
       overlay: menu,
       trigger: ["click"],
       className: styles.moreButtonsContainer
     }, /*#__PURE__*/React.createElement(Button, {
       shape: "circle",
       icon: /*#__PURE__*/React.createElement(EllipsisOutlined, null)
-    })), /*#__PURE__*/React.createElement(Modal, {
+    })), /*#__PURE__*/React.createElement(DisplaySettingsModal, {
       visible: this.state.visible,
-      footer: null,
-      onCancel: this.handleCancel,
-      destroyOnClose: true,
-      width: 780,
-      centered: true
-    }, /*#__PURE__*/React.createElement(Settings, {
       currentFields: this.props.fieldIds,
       modelData: this.props.modelData,
-      title: i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.COLUMNS_TO_DISPLAY)),
-      onHideSettings: this.handleCancel,
-      onHandleConfirm: this.props.onHandleConfirm,
-      onHandleReset: this.props.onHandleReset,
+      onCancel: this.handleCancel,
+      onOk: this.handleOk,
       defaultFields: this.props.defaultFields,
       extraDisabledField: this.props.extraDisabledField
-    })));
+    }));
   }
 
 }

package/dist/esm/instance-list-table/MoreButtonsContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/instance-list-table/MoreButtonsContainer.tsx"],"names":["React","EllipsisOutlined","SettingOutlined","Dropdown","Menu","Modal","Button","i18n","K","NS_LIBS_CMDB_INSTANCES","Settings","styles","MoreButtonsContainer","Component","constructor","props","setState","visible","handleSettingButtonClick","bind","state","render","menu","t","COLUMNS_TO_DISPLAY","moreButtonsContainer","handleCancel","fieldIds","modelData","onHandleConfirm","onHandleReset","defaultFields","extraDisabledField"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,EAA2BC,eAA3B,QAAkD,mBAAlD;AACA,SAASC,QAAT,EAAmBC,IAAnB,EAAyBC,KAAzB,EAAgCC,MAAhC,QAA8C,MAA9C;AAEA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,CAAT,EAAYC,sBAAZ,QAA0C,mBAA1C;AACA,SAASC,QAAT,QAAyB,qBAAzB;AACA,OAAOC,MAAP,MAAmB,gCAAnB;AAgBA,OAAO,MAAMC,oBAAN,SAAmCZ,KAAK,CAACa,SAAzC,CAGL;AACAC,EAAAA,WAAW,CAACC,KAAD,EAAmC;AAC5C,UAAMA,KAAN;;AAD4C,sDAUnB,MAAM;AAC/B,WAAKC,QAAL,CAAc;AACZC,QAAAA,OAAO,EAAE;AADG,OAAd;AAGD,KAd6C;;AAAA,0CAgB/B,MAAM;AACnB,WAAKD,QAAL,CAAc;AACZC,QAAAA,OAAO,EAAE;AADG,OAAd;AAGD,KApB6C;;AAG5C,SAAKC,wBAAL,GAAgC,KAAKA,wBAAL,CAA8BC,IAA9B,CAAmC,IAAnC,CAAhC;AAEA,SAAKC,KAAL,GAAa;AACXH,MAAAA,OAAO,EAAE;AADE,KAAb;AAGD;;AAcDI,EAAAA,MAAM,GAAoB;AACxB,QAAMC,IAAI,gBACR,oBAAC,IAAD,qBACE,oBAAC,IAAD,CAAM,IAAN;AAAW,MAAA,OAAO,EAAE,KAAKJ;AAAzB,oBACE,oBAAC,eAAD,OADF,EAEGX,IAAI,CAACgB,CAAL,WAAUd,sBAAV,cAAoCD,CAAC,CAACgB,kBAAtC,EAFH,CADF,CADF;AASA,wBACE,8CACE,oBAAC,QAAD;AACE,MAAA,OAAO,EAAEF,IADX;AAEE,MAAA,OAAO,EAAE,CAAC,OAAD,CAFX;AAGE,MAAA,SAAS,EAAEX,MAAM,CAACc;AAHpB,oBAKE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,IAAI,eAAE,oBAAC,gBAAD;AAA7B,MALF,CADF,eAQE,oBAAC,KAAD;AACE,MAAA,OAAO,EAAE,KAAKL,KAAL,CAAWH,OADtB;AAEE,MAAA,MAAM,EAAE,IAFV;AAGE,MAAA,QAAQ,EAAE,KAAKS,YAHjB;AAIE,MAAA,cAAc,EAAE,IAJlB;AAKE,MAAA,KAAK,EAAE,GALT;AAME,MAAA,QAAQ,EAAE;AANZ,oBAQE,oBAAC,QAAD;AACE,MAAA,aAAa,EAAE,KAAKX,KAAL,CAAWY,QAD5B;AAEE,MAAA,SAAS,EAAE,KAAKZ,KAAL,CAAWa,SAFxB;AAGE,MAAA,KAAK,EAAErB,IAAI,CAACgB,CAAL,WAAUd,sBAAV,cAAoCD,CAAC,CAACgB,kBAAtC,EAHT;AAIE,MAAA,cAAc,EAAE,KAAKE,YAJvB;AAKE,MAAA,eAAe,EAAE,KAAKX,KAAL,CAAWc,eAL9B;AAME,MAAA,aAAa,EAAE,KAAKd,KAAL,CAAWe,aAN5B;AAOE,MAAA,aAAa,EAAE,KAAKf,KAAL,CAAWgB,aAP5B;AAQE,MAAA,kBAAkB,EAAE,KAAKhB,KAAL,CAAWiB;AARjC,MARF,CARF,CADF;AA8BD;;AA/DD","sourcesContent":["import React from \"react\";\nimport { EllipsisOutlined, SettingOutlined } from \"@ant-design/icons\";\nimport { Dropdown, Menu, Modal, Button } from \"antd\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport { Settings } from \"./SettingsContainer\";\nimport styles from \"./InstanceListTable.module.css\";\ninterface MoreButtonsContainerProps {\n  modelData: Partial<CmdbModels.ModelCmdbObject>;\n  currentFields?: string[];\n  defaultFields: string[];\n  onHandleConfirm: (attrIds: string[]) => void;\n  onHideSettings?: () => void;\n  onHandleReset: (fields: string[]) => void;\n  fieldIds?: string[];\n  extraDisabledField?: string;\n}\n\ninterface MoreButtonsContainerState {\n  visible?: boolean;\n}\n\nexport class MoreButtonsContainer extends React.Component<\n  MoreButtonsContainerProps,\n  MoreButtonsContainerState\n> {\n  constructor(props: MoreButtonsContainerProps) {\n    super(props);\n\n    this.handleSettingButtonClick = this.handleSettingButtonClick.bind(this);\n\n    this.state = {\n      visible: false,\n    };\n  }\n\n  handleSettingButtonClick = () => {\n    this.setState({\n      visible: true,\n    });\n  };\n\n  handleCancel = () => {\n    this.setState({\n      visible: false,\n    });\n  };\n\n  render(): React.ReactNode {\n    const menu = (\n      <Menu>\n        <Menu.Item onClick={this.handleSettingButtonClick}>\n          <SettingOutlined />\n          {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.COLUMNS_TO_DISPLAY}`)}\n        </Menu.Item>\n      </Menu>\n    );\n\n    return (\n      <div>\n        <Dropdown\n          overlay={menu}\n          trigger={[\"click\"]}\n          className={styles.moreButtonsContainer}\n        >\n          <Button shape=\"circle\" icon={<EllipsisOutlined />} />\n        </Dropdown>\n        <Modal\n          visible={this.state.visible}\n          footer={null}\n          onCancel={this.handleCancel}\n          destroyOnClose={true}\n          width={780}\n          centered={true}\n        >\n          <Settings\n            currentFields={this.props.fieldIds}\n            modelData={this.props.modelData}\n            title={i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.COLUMNS_TO_DISPLAY}`)}\n            onHideSettings={this.handleCancel}\n            onHandleConfirm={this.props.onHandleConfirm}\n            onHandleReset={this.props.onHandleReset}\n            defaultFields={this.props.defaultFields}\n            extraDisabledField={this.props.extraDisabledField}\n          />\n        </Modal>\n      </div>\n    );\n  }\n}\n"],"file":"MoreButtonsContainer.js"}
+{"version":3,"sources":["../../../src/instance-list-table/MoreButtonsContainer.tsx"],"names":["React","EllipsisOutlined","SettingOutlined","Dropdown","Menu","Button","i18n","K","NS_LIBS_CMDB_INSTANCES","styles","DisplaySettingsModal","MoreButtonsContainer","Component","constructor","props","setState","visible","data","onConfirm","handleSettingButtonClick","bind","state","render","menu","t","DISPLAY_SETTINGS","moreButtonsContainer","fieldIds","modelData","handleCancel","handleOk","defaultFields","extraDisabledField"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,EAA2BC,eAA3B,QAAkD,mBAAlD;AACA,SAASC,QAAT,EAAmBC,IAAnB,EAAyBC,MAAzB,QAAuC,MAAvC;AAEA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,CAAT,EAAYC,sBAAZ,QAA0C,mBAA1C;AACA,OAAOC,MAAP,MAAmB,gCAAnB;AACA,SACEC,oBADF,QAGO,wBAHP;AAkBA,OAAO,MAAMC,oBAAN,SAAmCX,KAAK,CAACY,SAAzC,CAGL;AACAC,EAAAA,WAAW,CAACC,KAAD,EAAmC;AAC5C,UAAMA,KAAN;;AAD4C,sDAUnB,MAAM;AAC/B,WAAKC,QAAL,CAAc;AACZC,QAAAA,OAAO,EAAE;AADG,OAAd;AAGD,KAd6C;;AAAA,sCAgBlCC,IAAD,IAA0C;AAAA;;AACnD,WAAKF,QAAL,CAAc;AACZC,QAAAA,OAAO,EAAE;AADG,OAAd;AAGA,0BAAKF,KAAL,4DAAYI,SAAZ,CAAsBD,IAAtB;AACD,KArB6C;;AAAA,0CAuB/B,MAAM;AACnB,WAAKF,QAAL,CAAc;AACZC,QAAAA,OAAO,EAAE;AADG,OAAd;AAGD,KA3B6C;;AAG5C,SAAKG,wBAAL,GAAgC,KAAKA,wBAAL,CAA8BC,IAA9B,CAAmC,IAAnC,CAAhC;AAEA,SAAKC,KAAL,GAAa;AACXL,MAAAA,OAAO,EAAE;AADE,KAAb;AAGD;;AAqBDM,EAAAA,MAAM,GAAoB;AACxB,QAAMC,IAAI,gBACR,oBAAC,IAAD,qBACE,oBAAC,IAAD,CAAM,IAAN;AAAW,MAAA,OAAO,EAAE,KAAKJ;AAAzB,oBACE,oBAAC,eAAD,OADF,EAEGb,IAAI,CAACkB,CAAL,WAAUhB,sBAAV,cAAoCD,CAAC,CAACkB,gBAAtC,EAFH,CADF,CADF;AASA,wBACE,uDACE,oBAAC,QAAD;AACE,MAAA,OAAO,EAAEF,IADX;AAEE,MAAA,OAAO,EAAE,CAAC,OAAD,CAFX;AAGE,MAAA,SAAS,EAAEd,MAAM,CAACiB;AAHpB,oBAKE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,IAAI,eAAE,oBAAC,gBAAD;AAA7B,MALF,CADF,eAQE,oBAAC,oBAAD;AACE,MAAA,OAAO,EAAE,KAAKL,KAAL,CAAWL,OADtB;AAEE,MAAA,aAAa,EAAE,KAAKF,KAAL,CAAWa,QAF5B;AAGE,MAAA,SAAS,EAAE,KAAKb,KAAL,CAAWc,SAHxB;AAIE,MAAA,QAAQ,EAAE,KAAKC,YAJjB;AAKE,MAAA,IAAI,EAAE,KAAKC,QALb;AAME,MAAA,aAAa,EAAE,KAAKhB,KAAL,CAAWiB,aAN5B;AAOE,MAAA,kBAAkB,EAAE,KAAKjB,KAAL,CAAWkB;AAPjC,MARF,CADF;AAoBD;;AA5DD","sourcesContent":["import React from \"react\";\nimport { EllipsisOutlined, SettingOutlined } from \"@ant-design/icons\";\nimport { Dropdown, Menu, Button } from \"antd\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\nimport styles from \"./InstanceListTable.module.css\";\nimport {\n  DisplaySettingsModal,\n  DisplaySettingsModalData,\n} from \"./DisplaySettingsModal\";\ninterface MoreButtonsContainerProps {\n  modelData: Partial<CmdbModels.ModelCmdbObject>;\n  currentFields?: string[];\n  defaultFields: string[];\n  onConfirm: (data: DisplaySettingsModalData) => void;\n  onHideSettings?: () => void;\n  fieldIds?: string[];\n  extraDisabledField?: string;\n}\n\ninterface MoreButtonsContainerState {\n  visible?: boolean;\n}\n\nexport class MoreButtonsContainer extends React.Component<\n  MoreButtonsContainerProps,\n  MoreButtonsContainerState\n> {\n  constructor(props: MoreButtonsContainerProps) {\n    super(props);\n\n    this.handleSettingButtonClick = this.handleSettingButtonClick.bind(this);\n\n    this.state = {\n      visible: false,\n    };\n  }\n\n  handleSettingButtonClick = () => {\n    this.setState({\n      visible: true,\n    });\n  };\n\n  handleOk = (data: DisplaySettingsModalData): void => {\n    this.setState({\n      visible: false,\n    });\n    this.props?.onConfirm(data);\n  };\n\n  handleCancel = () => {\n    this.setState({\n      visible: false,\n    });\n  };\n\n  render(): React.ReactNode {\n    const menu = (\n      <Menu>\n        <Menu.Item onClick={this.handleSettingButtonClick}>\n          <SettingOutlined />\n          {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.DISPLAY_SETTINGS}`)}\n        </Menu.Item>\n      </Menu>\n    );\n\n    return (\n      <>\n        <Dropdown\n          overlay={menu}\n          trigger={[\"click\"]}\n          className={styles.moreButtonsContainer}\n        >\n          <Button shape=\"circle\" icon={<EllipsisOutlined />} />\n        </Dropdown>\n        <DisplaySettingsModal\n          visible={this.state.visible}\n          currentFields={this.props.fieldIds}\n          modelData={this.props.modelData}\n          onCancel={this.handleCancel}\n          onOk={this.handleOk}\n          defaultFields={this.props.defaultFields}\n          extraDisabledField={this.props.extraDisabledField}\n        />\n      </>\n    );\n  }\n}\n"],"file":"MoreButtonsContainer.js"}

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

@@ -1,5 +1,5 @@
 export * from "./AdvancedSearch";
 export * from "./MoreButtonsContainer";
-export * from "./SettingsContainer";
+export * from "./DisplaySettings";
 export * from "./InstanceListTable";
 //# sourceMappingURL=index.js.map

package/dist/esm/instance-list-table/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/instance-list-table/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAd;AACA,cAAc,wBAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from \"./AdvancedSearch\";\nexport * from \"./MoreButtonsContainer\";\nexport * from \"./SettingsContainer\";\nexport * from \"./InstanceListTable\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/instance-list-table/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAd;AACA,cAAc,wBAAd;AACA,cAAc,mBAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from \"./AdvancedSearch\";\nexport * from \"./MoreButtonsContainer\";\nexport * from \"./DisplaySettings\";\nexport * from \"./InstanceListTable\";\n"],"file":"index.js"}

package/dist/types/i18n/constants.d.ts

@@ -38,7 +38,7 @@ export declare enum K {
     DEFAULT_ATTRIBUTE = "DEFAULT_ATTRIBUTE",
     CANCEL = "CANCEL",
     CLOSE = "CLOSE",
-    COLUMNS_TO_DISPLAY = "COLUMNS_TO_DISPLAY",
+    DISPLAY_SETTINGS = "DISPLAY_SETTINGS",
     FIELD_SETTINGS = "FIELD_SETTINGS",
     SEARCH_BY_FIELD_NAME = "SEARCH_BY_FIELD_NAME",
     RESTORE_DEFAULT = "RESTORE_DEFAULT",

package/dist/types/instance-list-table/{SettingsContainer.d.ts → DisplaySettings.d.ts}

@@ -1,35 +1,29 @@
 import React from "react";
 import { CmdbModels } from "@next-sdk/cmdb-sdk";
-interface SettingsProps {
-    title?: string;
+export interface DisplaySettingsProps {
     currentFields: string[];
-    defaultFields?: string[];
     modelData: Partial<CmdbModels.ModelCmdbObject>;
-    onHideSettings: () => void;
     objectId?: string;
-    onHandleConfirm: (attrIds: string[]) => void;
-    onHandleReset: (fields: string[]) => void;
     extraDisabledField?: string;
+    onChange?(fields: string[]): void;
 }
-interface SettingsState {
+interface DisplaySettingsState {
     nextFields: string[];
     q: string;
-    filterList: any;
+    filteredList: any;
 }
-export declare class Settings extends React.Component<SettingsProps, SettingsState> {
+export declare class DisplaySettings extends React.Component<DisplaySettingsProps, DisplaySettingsState> {
     debounceHandleSearch: () => void;
     attrAndRelationList: {
         id: string;
         name: string;
     }[];
-    constructor(props: SettingsProps);
+    constructor(props: DisplaySettingsProps);
+    componentDidUpdate(prevProps: DisplaySettingsProps): void;
     handleChecked(event: any, attr: any): void;
     renderCheckbox(attr: any, field: "nextFields" | "otherFields"): JSX.Element;
-    handleReset: () => void;
     filterColTag: () => void;
-    handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    handleCancel: () => void;
-    handleConfirm: () => void;
+    handleSearchChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     render(): JSX.Element;
 }
 export {};

package/dist/types/instance-list-table/DisplaySettings.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/instance-list-table/DisplaySettingsModal.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { DisplaySettingsProps } from "./DisplaySettings";
+export interface DisplaySettingsModalData {
+    fields: string[];
+    isReset?: boolean;
+}
+export interface DisplaySettingsModalProps extends DisplaySettingsProps {
+    visible?: boolean;
+    defaultFields?: string[];
+    onOk?(data: DisplaySettingsModalData): void;
+    onCancel?(): void;
+}
+export declare function DisplaySettingsModal(props: DisplaySettingsModalProps): React.ReactElement;

package/dist/types/instance-list-table/DisplaySettingsModal.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/instance-list-table/MoreButtonsContainer.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 import { CmdbModels } from "@next-sdk/cmdb-sdk";
+import { DisplaySettingsModalData } from "./DisplaySettingsModal";
 interface MoreButtonsContainerProps {
     modelData: Partial<CmdbModels.ModelCmdbObject>;
     currentFields?: string[];
     defaultFields: string[];
-    onHandleConfirm: (attrIds: string[]) => void;
+    onConfirm: (data: DisplaySettingsModalData) => void;
     onHideSettings?: () => void;
-    onHandleReset: (fields: string[]) => void;
     fieldIds?: string[];
     extraDisabledField?: string;
 }
@@ -16,6 +16,7 @@ interface MoreButtonsContainerState {
 export declare class MoreButtonsContainer extends React.Component<MoreButtonsContainerProps, MoreButtonsContainerState> {
     constructor(props: MoreButtonsContainerProps);
     handleSettingButtonClick: () => void;
+    handleOk: (data: DisplaySettingsModalData) => void;
     handleCancel: () => void;
     render(): React.ReactNode;
 }

package/dist/types/instance-list-table/index.d.ts

@@ -1,4 +1,4 @@
 export * from "./AdvancedSearch";
 export * from "./MoreButtonsContainer";
-export * from "./SettingsContainer";
+export * from "./DisplaySettings";
 export * from "./InstanceListTable";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-libs/cmdb-instances",
-  "version": "6.11.2",
+  "version": "6.12.0",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/cmdb-instances",
   "license": "GPL-3.0",
@@ -50,5 +50,5 @@
     "immutability-helper": "^3.1.1",
     "marked": "^2.1.3"
   },
-  "gitHead": "f7601d898981a6071bff1906e240a66af082fddc"
+  "gitHead": "c4943b976d1d3f504b8a4e4043cd2be59d53c1d7"
 }

package/dist/cjs/instance-list-table/SettingsContainer.js

@@ -1,203 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Settings = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _lodash = require("lodash");
-
-var _constants = require("./constants");
-
-var _antd = require("antd");
-
-var _cmdbUtils = require("@next-libs/cmdb-utils");
-
-var _i18next = _interopRequireDefault(require("i18next"));
-
-var _constants2 = require("../i18n/constants");
-
-class Settings extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "debounceHandleSearch", void 0);
-    (0, _defineProperty2.default)(this, "attrAndRelationList", []);
-    (0, _defineProperty2.default)(this, "handleReset", () => {
-      if (!(0, _lodash.isEqual)(this.props.defaultFields, this.state.nextFields)) {
-        this.setState({
-          nextFields: this.props.defaultFields.slice()
-        });
-      }
-
-      this.props.onHideSettings();
-      this.props.onHandleReset(this.props.defaultFields);
-    });
-    (0, _defineProperty2.default)(this, "filterColTag", () => {
-      let filterList = this.attrAndRelationList;
-      const q = this.state.q.trim().toLowerCase();
-
-      if (q) {
-        filterList = filterList.filter(attr => {
-          return attr.name.toLowerCase().includes(q);
-        });
-      }
-
-      this.setState({
-        filterList
-      });
-    });
-    (0, _defineProperty2.default)(this, "handleChange", event => {
-      const value = event.target.value;
-      this.setState({
-        q: value
-      });
-      this.debounceHandleSearch();
-    });
-    (0, _defineProperty2.default)(this, "handleCancel", () => {
-      this.props.onHideSettings();
-    });
-    (0, _defineProperty2.default)(this, "handleConfirm", () => {
-      this.props.onHideSettings();
-      this.props.onHandleConfirm(this.state.nextFields);
-    });
-    this.handleChecked = this.handleChecked.bind(this);
-    this.handleReset = this.handleReset.bind(this);
-    this.handleChange = this.handleChange.bind(this);
-    this.handleCancel = this.handleCancel.bind(this);
-    this.handleConfirm = this.handleConfirm.bind(this);
-    const relationList = (0, _cmdbUtils.getBatchEditableRelations)(this.props.modelData);
-    const attrAndRelationList = [...this.props.modelData.attrList, ...relationList];
-    let hideColumns = this.props.modelData.view.hide_columns || [];
-    const ignoredFields = (0, _lodash.get)(_cmdbUtils.CMDB_RESOURCE_FIELDS_SETTINGS, `ignoredFields.${this.props.modelData.objectId}`, []);
-    hideColumns = [...hideColumns, ...ignoredFields];
-
-    if (!(0, _lodash.isEmpty)(hideColumns)) {
-      hideColumns.forEach(hideColumn => {
-        (0, _lodash.remove)(attrAndRelationList, attr => attr.id === hideColumn);
-      });
-    }
-
-    this.attrAndRelationList = attrAndRelationList.map(attribute => ({
-      id: attribute.id,
-      name: attribute.name
-    }));
-    this.state = {
-      nextFields: props.currentFields.slice(),
-      q: "",
-      filterList: this.attrAndRelationList
-    };
-    this.debounceHandleSearch = (0, _lodash.debounce)(this.filterColTag, 300);
-  }
-
-  handleChecked(event, attr) {
-    const fieldsKey = "nextFields";
-
-    if (event.target.checked) {
-      // eslint-disable-next-line
-      // @ts-ignore
-      this.setState({
-        [fieldsKey]: this.state[fieldsKey].concat(attr.id)
-      });
-    } else {
-      // eslint-disable-next-line
-      // @ts-ignore
-      this.setState({
-        [fieldsKey]: (0, _lodash.without)(this.state[fieldsKey], attr.id)
-      });
-    }
-  }
-
-  renderCheckbox(attr, field) {
-    const fieldsKey = "nextFields";
-    const checked = this.state[fieldsKey].includes(attr.id);
-    const disabled = attr.id === this.props.extraDisabledField;
-    return /*#__PURE__*/_react.default.createElement(_antd.Col, {
-      key: attr.id,
-      span: 8,
-      style: {
-        padding: 5
-      },
-      onClick: event => event.stopPropagation()
-    }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
-      name: field,
-      style: {
-        width: "100%",
-        wordBreak: "break-all"
-      },
-      checked: checked,
-      disabled: disabled,
-      onChange: event => this.handleChecked(event, attr)
-    }, attr.name));
-  }
-
-  render() {
-    var _this$state$nextField;
-
-    const {
-      title
-    } = this.props;
-    const filterList = this.state.filterList;
-    const count = (_this$state$nextField = this.state.nextFields) === null || _this$state$nextField === void 0 ? void 0 : _this$state$nextField.filter(v => v !== "_object_id").length;
-
-    const extraAttrIds = _constants.extraFieldAttrs.map(extraFieldAttr => extraFieldAttr.id);
-
-    const attrs = filterList.filter(attr => !extraAttrIds.includes(attr.id));
-    const extraAttrs = filterList.filter(attr => extraAttrIds.includes(attr.id));
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Typography.Title, {
-      level: 5
-    }, title), /*#__PURE__*/_react.default.createElement(_antd.Divider, {
-      orientation: "left",
-      plain: true
-    }, _i18next.default.t(`${_constants2.NS_LIBS_CMDB_INSTANCES}:${_constants2.K.FIELD_SETTINGS}`)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Input.Search, {
-      value: this.state.q,
-      placeholder: _i18next.default.t(`${_constants2.NS_LIBS_CMDB_INSTANCES}:${_constants2.K.SEARCH_BY_FIELD_NAME}`),
-      onChange: this.handleChange,
-      style: {
-        width: 200
-      }
-    })), /*#__PURE__*/_react.default.createElement(_antd.Row, {
-      style: {
-        marginTop: 15,
-        minHeight: 200,
-        maxHeight: 500,
-        overflow: "auto"
-      },
-      className: "nextFields"
-    }, attrs.map(attr => this.renderCheckbox(attr, "nextFields")), extraAttrs.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Divider, null), extraAttrs.map(attr => this.renderCheckbox(attr, "nextFields"))) : null), /*#__PURE__*/_react.default.createElement(_antd.Divider, {
-      style: {
-        marginBottom: 15
-      }
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: "flex"
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-      type: "default",
-      onClick: this.handleReset
-    }, _i18next.default.t(`${_constants2.NS_LIBS_CMDB_INSTANCES}:${_constants2.K.RESTORE_DEFAULT}`))), /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        marginLeft: "auto"
-      }
-    }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-      type: "default",
-      onClick: this.handleCancel,
-      style: {
-        marginRight: 10
-      }
-    }, _i18next.default.t(`${_constants2.NS_LIBS_CMDB_INSTANCES}:${_constants2.K.CANCEL}`)), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-      type: "primary",
-      onClick: this.handleConfirm,
-      disabled: count === 0
-    }, _i18next.default.t(`${_constants2.NS_LIBS_CMDB_INSTANCES}:${_constants2.K.CONFIRM}`)))));
-  }
-
-}
-
-exports.Settings = Settings;
-//# sourceMappingURL=SettingsContainer.js.map

package/dist/cjs/instance-list-table/SettingsContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/instance-list-table/SettingsContainer.tsx"],"names":["Settings","React","Component","constructor","props","defaultFields","state","nextFields","setState","slice","onHideSettings","onHandleReset","filterList","attrAndRelationList","q","trim","toLowerCase","filter","attr","name","includes","event","value","target","debounceHandleSearch","onHandleConfirm","handleChecked","bind","handleReset","handleChange","handleCancel","handleConfirm","relationList","modelData","attrList","hideColumns","view","hide_columns","ignoredFields","CMDB_RESOURCE_FIELDS_SETTINGS","objectId","forEach","hideColumn","id","map","attribute","currentFields","filterColTag","fieldsKey","checked","concat","renderCheckbox","field","disabled","extraDisabledField","padding","stopPropagation","width","wordBreak","render","title","count","v","length","extraAttrIds","extraFieldAttrs","extraFieldAttr","attrs","extraAttrs","i18n","t","NS_LIBS_CMDB_INSTANCES","K","FIELD_SETTINGS","SEARCH_BY_FIELD_NAME","marginTop","minHeight","maxHeight","overflow","marginBottom","display","RESTORE_DEFAULT","marginLeft","marginRight","CANCEL","CONFIRM"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { debounce, isEqual, remove, without, get, isEmpty } from \"lodash\";\nimport { extraFieldAttrs, otherFieldIds } from \"./constants\";\nimport { Button, Checkbox, Col, Divider, Input, Row, Typography } from \"antd\";\nimport {\n  getBatchEditableRelations,\n  CMDB_RESOURCE_FIELDS_SETTINGS,\n} from \"@next-libs/cmdb-utils\";\nimport { CmdbModels } from \"@next-sdk/cmdb-sdk\";\nimport i18n from \"i18next\";\nimport { K, NS_LIBS_CMDB_INSTANCES } from \"../i18n/constants\";\ninterface SettingsProps {\n  title?: string;\n  currentFields: string[];\n  defaultFields?: string[];\n  modelData: Partial<CmdbModels.ModelCmdbObject>;\n  onHideSettings: () => void;\n  objectId?: string;\n  onHandleConfirm: (attrIds: string[]) => void;\n  onHandleReset: (fields: string[]) => void;\n  extraDisabledField?: string;\n}\n\ninterface SettingsState {\n  nextFields: string[];\n  q: string;\n  filterList: any;\n}\n\nexport class Settings extends React.Component<SettingsProps, SettingsState> {\n  debounceHandleSearch: () => void;\n  attrAndRelationList: { id: string; name: string }[] = [];\n\n  constructor(props: SettingsProps) {\n    super(props);\n    this.handleChecked = this.handleChecked.bind(this);\n    this.handleReset = this.handleReset.bind(this);\n    this.handleChange = this.handleChange.bind(this);\n    this.handleCancel = this.handleCancel.bind(this);\n    this.handleConfirm = this.handleConfirm.bind(this);\n\n    const relationList = getBatchEditableRelations(this.props.modelData);\n    const attrAndRelationList = [\n      ...this.props.modelData.attrList,\n      ...relationList,\n    ];\n\n    let hideColumns = this.props.modelData.view.hide_columns || [];\n    const ignoredFields = get(\n      CMDB_RESOURCE_FIELDS_SETTINGS,\n      `ignoredFields.${this.props.modelData.objectId}`,\n      []\n    );\n    hideColumns = [...hideColumns, ...ignoredFields];\n\n    if (!isEmpty(hideColumns)) {\n      hideColumns.forEach((hideColumn: string) => {\n        remove(attrAndRelationList, (attr) => attr.id === hideColumn);\n      });\n    }\n\n    this.attrAndRelationList = attrAndRelationList.map((attribute: any) => ({\n      id: attribute.id,\n      name: attribute.name,\n    }));\n\n    this.state = {\n      nextFields: props.currentFields.slice(),\n      q: \"\",\n      filterList: this.attrAndRelationList,\n    };\n    this.debounceHandleSearch = debounce(this.filterColTag, 300);\n  }\n\n  handleChecked(event: any, attr: any) {\n    const fieldsKey = \"nextFields\";\n    if (event.target.checked) {\n      // eslint-disable-next-line\n      // @ts-ignore\n      this.setState({ [fieldsKey]: this.state[fieldsKey].concat(attr.id) });\n    } else {\n      // eslint-disable-next-line\n      // @ts-ignore\n      this.setState({ [fieldsKey]: without(this.state[fieldsKey], attr.id) });\n    }\n  }\n\n  renderCheckbox(attr: any, field: \"nextFields\" | \"otherFields\") {\n    const fieldsKey = \"nextFields\";\n    const checked = this.state[fieldsKey].includes(attr.id);\n    const disabled = attr.id === this.props.extraDisabledField;\n    return (\n      <Col\n        key={attr.id}\n        span={8}\n        style={{ padding: 5 }}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <Checkbox\n          name={field}\n          style={{\n            width: \"100%\",\n            wordBreak: \"break-all\",\n          }}\n          checked={checked}\n          disabled={disabled}\n          onChange={(event) => this.handleChecked(event, attr)}\n        >\n          {attr.name}\n        </Checkbox>\n      </Col>\n    );\n  }\n\n  handleReset = () => {\n    if (!isEqual(this.props.defaultFields, this.state.nextFields)) {\n      this.setState({ nextFields: this.props.defaultFields.slice() });\n    }\n    this.props.onHideSettings();\n    this.props.onHandleReset(this.props.defaultFields);\n  };\n\n  filterColTag = () => {\n    let filterList = this.attrAndRelationList;\n    const q = this.state.q.trim().toLowerCase();\n    if (q) {\n      filterList = filterList.filter((attr) => {\n        return attr.name.toLowerCase().includes(q);\n      });\n    }\n    this.setState({\n      filterList,\n    });\n  };\n\n  handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const value = event.target.value;\n    this.setState({\n      q: value,\n    });\n    this.debounceHandleSearch();\n  };\n\n  handleCancel = () => {\n    this.props.onHideSettings();\n  };\n\n  handleConfirm = () => {\n    this.props.onHideSettings();\n    this.props.onHandleConfirm(this.state.nextFields);\n  };\n\n  render() {\n    const { title } = this.props;\n    const filterList = this.state.filterList;\n    const count = this.state.nextFields?.filter(\n      (v) => v !== \"_object_id\"\n    ).length;\n    const extraAttrIds = extraFieldAttrs.map(\n      (extraFieldAttr) => extraFieldAttr.id\n    );\n    const attrs = filterList.filter(\n      (attr: any) => !extraAttrIds.includes(attr.id)\n    );\n    const extraAttrs = filterList.filter((attr: any) =>\n      extraAttrIds.includes(attr.id)\n    );\n\n    return (\n      <>\n        <Typography.Title level={5}>{title}</Typography.Title>\n        <Divider orientation=\"left\" plain>\n          {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.FIELD_SETTINGS}`)}\n        </Divider>\n        <div>\n          <Input.Search\n            value={this.state.q}\n            placeholder={i18n.t(\n              `${NS_LIBS_CMDB_INSTANCES}:${K.SEARCH_BY_FIELD_NAME}`\n            )}\n            onChange={this.handleChange}\n            style={{ width: 200 }}\n          />\n        </div>\n        <Row\n          style={{\n            marginTop: 15,\n            minHeight: 200,\n            maxHeight: 500,\n            overflow: \"auto\",\n          }}\n          className=\"nextFields\"\n        >\n          {attrs.map((attr: any) => this.renderCheckbox(attr, \"nextFields\"))}\n          {extraAttrs.length > 0 ? (\n            <>\n              <Divider />\n              {extraAttrs.map((attr: any) =>\n                this.renderCheckbox(attr, \"nextFields\")\n              )}\n            </>\n          ) : null}\n        </Row>\n        <Divider style={{ marginBottom: 15 }} />\n        <div style={{ display: \"flex\" }}>\n          <div>\n            <Button type=\"default\" onClick={this.handleReset}>\n              {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.RESTORE_DEFAULT}`)}\n            </Button>\n          </div>\n          <div style={{ marginLeft: \"auto\" }}>\n            <Button\n              type=\"default\"\n              onClick={this.handleCancel}\n              style={{ marginRight: 10 }}\n            >\n              {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CANCEL}`)}\n            </Button>\n            <Button\n              type=\"primary\"\n              onClick={this.handleConfirm}\n              disabled={count === 0}\n            >\n              {i18n.t(`${NS_LIBS_CMDB_INSTANCES}:${K.CONFIRM}`)}\n            </Button>\n          </div>\n        </div>\n      </>\n    );\n  }\n}\n"],"file":"SettingsContainer.js"}