@next-libs/cmdb-instances 6.11.2 → 6.12.3

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.3",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/cmdb-instances",
   "license": "GPL-3.0",
@@ -38,7 +38,7 @@
     "@next-core/brick-types": "^2.16.0",
     "@next-libs/basic-components": "^3.2.5",
     "@next-libs/cmdb-utils": "^3.0.3",
-    "@next-libs/code-editor-components": "^4.0.11",
+    "@next-libs/code-editor-components": "^4.0.12",
     "@next-libs/forms": "^3.2.7",
     "@next-libs/storage": "^2.0.2",
     "@next-sdk/cmdb-sdk": "^2.1.13",
@@ -50,5 +50,5 @@
     "immutability-helper": "^3.1.1",
     "marked": "^2.1.3"
   },
-  "gitHead": "f7601d898981a6071bff1906e240a66af082fddc"
+  "gitHead": "df01b03f22bc845110c85f58dabbc315cfd7c1d8"
 }

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"}

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

@@ -1,190 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from "react";
-import { debounce, isEqual, remove, without, get, isEmpty } from "lodash";
-import { extraFieldAttrs } from "./constants";
-import { Button, Checkbox, Col, Divider, Input, Row, Typography } from "antd";
-import { getBatchEditableRelations, CMDB_RESOURCE_FIELDS_SETTINGS } from "@next-libs/cmdb-utils";
-import i18n from "i18next";
-import { K, NS_LIBS_CMDB_INSTANCES } from "../i18n/constants";
-export class Settings extends React.Component {
-  constructor(props) {
-    super(props);
-
-    _defineProperty(this, "debounceHandleSearch", void 0);
-
-    _defineProperty(this, "attrAndRelationList", []);
-
-    _defineProperty(this, "handleReset", () => {
-      if (!isEqual(this.props.defaultFields, this.state.nextFields)) {
-        this.setState({
-          nextFields: this.props.defaultFields.slice()
-        });
-      }
-
-      this.props.onHideSettings();
-      this.props.onHandleReset(this.props.defaultFields);
-    });
-
-    _defineProperty(this, "filterColTag", () => {
-      var filterList = this.attrAndRelationList;
-      var q = this.state.q.trim().toLowerCase();
-
-      if (q) {
-        filterList = filterList.filter(attr => {
-          return attr.name.toLowerCase().includes(q);
-        });
-      }
-
-      this.setState({
-        filterList
-      });
-    });
-
-    _defineProperty(this, "handleChange", event => {
-      var value = event.target.value;
-      this.setState({
-        q: value
-      });
-      this.debounceHandleSearch();
-    });
-
-    _defineProperty(this, "handleCancel", () => {
-      this.props.onHideSettings();
-    });
-
-    _defineProperty(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);
-    var relationList = getBatchEditableRelations(this.props.modelData);
-    var attrAndRelationList = [...this.props.modelData.attrList, ...relationList];
-    var hideColumns = this.props.modelData.view.hide_columns || [];
-    var ignoredFields = get(CMDB_RESOURCE_FIELDS_SETTINGS, "ignoredFields.".concat(this.props.modelData.objectId), []);
-    hideColumns = [...hideColumns, ...ignoredFields];
-
-    if (!isEmpty(hideColumns)) {
-      hideColumns.forEach(hideColumn => {
-        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 = debounce(this.filterColTag, 300);
-  }
-
-  handleChecked(event, attr) {
-    var 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]: without(this.state[fieldsKey], attr.id)
-      });
-    }
-  }
-
-  renderCheckbox(attr, field) {
-    var fieldsKey = "nextFields";
-    var checked = this.state[fieldsKey].includes(attr.id);
-    var disabled = attr.id === this.props.extraDisabledField;
-    return /*#__PURE__*/React.createElement(Col, {
-      key: attr.id,
-      span: 8,
-      style: {
-        padding: 5
-      },
-      onClick: event => event.stopPropagation()
-    }, /*#__PURE__*/React.createElement(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;
-
-    var {
-      title
-    } = this.props;
-    var filterList = this.state.filterList;
-    var count = (_this$state$nextField = this.state.nextFields) === null || _this$state$nextField === void 0 ? void 0 : _this$state$nextField.filter(v => v !== "_object_id").length;
-    var extraAttrIds = extraFieldAttrs.map(extraFieldAttr => extraFieldAttr.id);
-    var attrs = filterList.filter(attr => !extraAttrIds.includes(attr.id));
-    var extraAttrs = filterList.filter(attr => extraAttrIds.includes(attr.id));
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography.Title, {
-      level: 5
-    }, title), /*#__PURE__*/React.createElement(Divider, {
-      orientation: "left",
-      plain: true
-    }, i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.FIELD_SETTINGS))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input.Search, {
-      value: this.state.q,
-      placeholder: i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.SEARCH_BY_FIELD_NAME)),
-      onChange: this.handleChange,
-      style: {
-        width: 200
-      }
-    })), /*#__PURE__*/React.createElement(Row, {
-      style: {
-        marginTop: 15,
-        minHeight: 200,
-        maxHeight: 500,
-        overflow: "auto"
-      },
-      className: "nextFields"
-    }, attrs.map(attr => this.renderCheckbox(attr, "nextFields")), extraAttrs.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), extraAttrs.map(attr => this.renderCheckbox(attr, "nextFields"))) : null), /*#__PURE__*/React.createElement(Divider, {
-      style: {
-        marginBottom: 15
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex"
-      }
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-      type: "default",
-      onClick: this.handleReset
-    }, i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.RESTORE_DEFAULT)))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginLeft: "auto"
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      type: "default",
-      onClick: this.handleCancel,
-      style: {
-        marginRight: 10
-      }
-    }, i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.CANCEL))), /*#__PURE__*/React.createElement(Button, {
-      type: "primary",
-      onClick: this.handleConfirm,
-      disabled: count === 0
-    }, i18n.t("".concat(NS_LIBS_CMDB_INSTANCES, ":").concat(K.CONFIRM))))));
-  }
-
-}
-//# sourceMappingURL=SettingsContainer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/instance-list-table/SettingsContainer.tsx"],"names":["React","debounce","isEqual","remove","without","get","isEmpty","extraFieldAttrs","Button","Checkbox","Col","Divider","Input","Row","Typography","getBatchEditableRelations","CMDB_RESOURCE_FIELDS_SETTINGS","i18n","K","NS_LIBS_CMDB_INSTANCES","Settings","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","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","extraFieldAttr","attrs","extraAttrs","t","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"}

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

@@ -1 +0,0 @@
-import "@testing-library/jest-dom/extend-expect";