@riil-frontend/component-topology 11.0.27 → 11.0.29

package/lib/utils/topoData.js

@@ -13,7 +13,6 @@ exports.getCiTypesFromCiElements = getCiTypesFromCiElements;
 exports.getLinksBetweenTwoNodes = getLinksBetweenTwoNodes;
 exports.parseTopoData = parseTopoData;
 exports.transtormElementsToMap = transtormElementsToMap;
-exports.updateCiDoc = exports.updateAllCiDoc = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
@@ -357,156 +356,12 @@ function getLinksBetweenTwoNodes(links, id1, id2) {
   });
 }
 
-// 批量更新指标状态
-var updateAllCiDoc = function updateAllCiDoc(dataType, doc, ciDoc, allCiSet) {
-  _rlog["default"].debug("updateAllCiDoc", dataType, doc, ciDoc);
-  var cidoc = _lodash["default"].cloneDeep(ciDoc);
-  var allciset = _lodash["default"].cloneDeep(allCiSet);
-  var ciArr = Object.keys(cidoc);
-  ciArr.map(function (key) {
-    _rlog["default"].debug("Object.keys", allciset, cidoc, key);
-    var arr = [];
-    var list = cidoc[key].list.map(function (d) {
-      var ciType = cidoc[key].code;
-
-      // rlog.debug('Object.keys---list-item', cidoc[key], ciType, d);
-      var item = findItem(doc[ciType], "code", d.code);
-      // rlog.debug('Object.keys---list-findItem', doc[ciType], item);
-      var r = (0, _extends2["default"])({}, d);
-      var name = cidoc[key].name;
-      // rlog.debug('Object.keys---r', r);
-      if (item) {
-        r[dataType] = true;
-        var num = 0;
-        var nameArr = [];
-        ciArr.map(function (ci) {
-          var ciItem = cidoc[ci];
-          if (ciItem.code === ciType) {
-            num += 1;
-            nameArr.push(ciItem.name);
-          }
-          return "";
-        });
-        _rlog["default"].debug("Object.keys---nameArr", num, nameArr);
-        if (dataType === "tip") {
-          r.ciTipNum = num;
-          r.ciTipArr = nameArr;
-        } else if (dataType === "tag") {
-          r.ciTagNum = num;
-          r.ciTagArr = nameArr;
-        }
-        arr.push(item);
-      } else {
-        r[dataType] = false;
-        if (dataType === "tip") {
-          r.ciTipNum = 0;
-          r.ciTipArr = [];
-        } else if (dataType === "tag") {
-          r.ciTagNum = 0;
-          r.ciTagArr = [];
-        }
-      }
-      return r;
-    });
-    var uniqArr = _lodash["default"].uniqWith(arr, _lodash["default"].isEqual);
-    _rlog["default"].debug("Object.keys---list-result-arr,list", arr, uniqArr, list);
-    allciset[cidoc[key].code].list = list;
-    cidoc[key][dataType] = uniqArr;
-    cidoc[key].list = list;
-    return "";
-  });
-  _rlog["default"].debug("updateAllCiDoc-result", cidoc);
-  return {
-    cidoc: cidoc,
-    allciset: allciset
-  };
-};
-// 更新指标状态
-exports.updateAllCiDoc = updateAllCiDoc;
-var updateCiDoc = function updateCiDoc(dataType, doc, ciDoc, allCiSet) {
-  _rlog["default"].debug("updateCiDoc", dataType, doc, ciDoc, allCiSet);
-  var dt = {
-    attribute: "attributes",
-    metric: "metrics"
-  };
-  var cidoc = _lodash["default"].cloneDeep(ciDoc);
-  var allciset = _lodash["default"].cloneDeep(allCiSet);
-  Object.keys(doc).map(function (key) {
-    var arr = doc[key].map(function (item) {
-      return item;
-    });
-    var list = cidoc[key].list.map(function (d) {
-      var r = (0, _extends2["default"])({}, d);
-      var ciname = cidoc[key].name;
-      if (findItemIndex(arr, "code", d.code) < 0) {
-        r[dataType] = false;
-        if (dataType === "tip") {
-          r.ciTipNum = r.ciTipNum > 1 ? r.ciTipNum - 1 : 0;
-          r.ciTipArr = r.ciTipArr.length > 1 ? r.ciTipArr.splice(r.ciTipArr.indexOf(ciname), 1) : [];
-        } else if (dataType === "tag") {
-          r.ciTagNum = r.ciTagNum > 1 ? r.ciTagNum - 1 : 0;
-          r.ciTagArr = r.ciTagArr.length > 1 ? r.ciTagArr.splice(r.ciTagArr.indexOf(ciname), 1) : [];
-        }
-      } else {
-        r[dataType] = true;
-        if (dataType === "tip") {
-          if (r.ciTipArr.indexOf(ciname) < 0) {
-            r.ciTipNum += 1;
-            r.ciTipArr.push(ciname);
-          }
-        } else if (dataType === "tag") {
-          if (r.ciTagArr.indexOf(ciname) < 0) {
-            r.ciTagNum += 1;
-            r.ciTagArr.push(ciname);
-          }
-        }
-      }
-      return r;
-    });
-    var list2 = cidoc[key].list.map(function (d) {
-      var r = (0, _extends2["default"])({}, d);
-      var ciname = cidoc[key].name;
-      if (findItemIndex(arr, "code", d.code) < 0) {
-        if (dataType === "tip") {
-          r.ciTipNum = r.ciTipNum > 1 ? r.ciTipNum - 1 : 0;
-          r.ciTipArr = r.ciTipArr.length > 1 ? r.ciTipArr.splice(r.ciTipArr.indexOf(ciname), 1) : [];
-        } else if (dataType === "tag") {
-          r.ciTagNum = r.ciTagNum > 1 ? r.ciTagNum - 1 : 0;
-          r.ciTagArr = r.ciTagArr.length > 1 ? r.ciTagArr.splice(r.ciTagArr.indexOf(ciname), 1) : [];
-        }
-      } else if (dataType === "tip") {
-        if (r.ciTipArr.indexOf(ciname) < 0) {
-          r.ciTipNum += 1;
-          r.ciTipArr.push(ciname);
-        }
-      } else if (dataType === "tag") {
-        if (r.ciTagArr.indexOf(ciname) < 0) {
-          r.ciTagNum += 1;
-          r.ciTagArr.push(ciname);
-        }
-      }
-      return r;
-    });
-    _rlog["default"].debug("updateCiDoc-result-----list", list, list2);
-    allciset[cidoc[key].code].list = list2;
-    cidoc[key][dataType] = arr;
-    cidoc[key].list = list;
-    return "";
-  });
-  // rlog.debug('updateCiDoc-result', cidoc);
-  return {
-    cidoc: cidoc,
-    allciset: allciset
-  };
-};
-
 /**
  * 将从topo组件返回的数据（global）转化为后端接收的数据
  * 具体格式内容参考
  * https://shimo.im/docs/VKt3HCKHYgJ9kvGP#anchor-g6Hw
  * @param {} conditions
  */
-exports.updateCiDoc = updateCiDoc;
 var combSaveTopoData = function combSaveTopoData(_ref4) {
   var global = _ref4.global;
   var topoDisplayConfig = global.topoDisplayConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "11.0.27",
+  "version": "11.0.29",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -118,6 +118,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@11.0.27/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@11.0.29/build/index.html",
   "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
 }

package/es/components/BatchAttrMetric2/SelectTable.js

@@ -1,21 +0,0 @@
-import React from 'react';
-export default function SelectTable(props) {
-  return /*#__PURE__*/React.createElement(Table, {
-    fixedHeader: true,
-    hasBorder: false,
-    dataSource: tableData,
-    emptyContent: /*#__PURE__*/React.createElement(NoDataPage, {
-      type: "table"
-    }),
-    rowSelection: {
-      selectedRowKeys: selectedRowKeys,
-      onChange: onTableSelect,
-      getProps: function getProps(_ref) {
-        var id = _ref.id;
-        return {
-          disabled: !selectedRowKeys.includes(id) && selectedRowKeys.length >= limit
-        };
-      }
-    }
-  }, columnNodes);
-}

package/es/components/BatchAttrMetric2/constant.js

@@ -1,30 +0,0 @@
-// 选择类型
-export var SELECT_TYPE = {
-  single: {
-    showTree: false,
-    showCiNum: false,
-    drawerWidth: "calc(" + 5 + "/24 * 100%)"
-  },
-  batch: {
-    showTree: true,
-    showCiNum: true,
-    drawerWidth: "calc(" + 10 + "/24 * 100%)"
-  }
-};
-// 数据类型
-export var DATA_TYPE = {
-  tag: {
-    drawerTitle: '选择图数据',
-    maxSelect: 4,
-    label: '图',
-    poslabel: '拓扑图上',
-    message: "\u56FE\u6570\u636E\uFF1A\u9009\u62E9\u7684\u6307\u6807\u548C\u5C5E\u6027\u5C06\u4F1A\u663E\u793A\u5728\u62D3\u6251\u56FE\u4E0A\uFF0C\u6700\u591A\u652F\u6301\u52FE\u9009 4 \u9879\u3002"
-  },
-  tip: {
-    drawerTitle: '选择Tooltips显示数据',
-    maxSelect: 10,
-    label: 'Tootip',
-    poslabel: 'Tooltip中',
-    message: "Tootip\u6570\u636E\uFF1A\u9009\u62E9\u7684\u6307\u6807\u548C\u5C5E\u6027\u5C06\u4F1A\u663E\u793A\u5728Tooltip\u4E2D\uFF0C\u6700\u591A\u652F\u6301\u52FE\u9009 10 \u9879\u3002"
-  }
-};

package/es/components/BatchAttrMetric2/index.js

@@ -1,68 +0,0 @@
-import _Drawer from "@alifd/next/es/drawer";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["saveCb", "showType"],
-  _excluded2 = ["drawerTitle", "drawerWidth"];
-import React, { forwardRef, useImperativeHandle, useState } from 'react';
-import { useBoolean } from 'ahooks';
-import PropTypes from 'prop-types';
-import styles from "./index.module.scss";
-import SettingPage from "./setting";
-import { SELECT_TYPE, DATA_TYPE } from "./constant";
-
-/**
- * 属性指标配置抽屉
- */
-var BatchAttrMetricDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _saveCb = props.saveCb,
-    showType = props.showType,
-    settingProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useBoolean = useBoolean(false),
-    visible = _useBoolean[0],
-    _useBoolean$ = _useBoolean[1],
-    setTrue = _useBoolean$.setTrue,
-    setFalse = _useBoolean$.setFalse;
-  var selectType = 'batch';
-  useImperativeHandle(ref, function () {
-    return {
-      /**
-       * 展开抽屉
-       */
-      show: function show(entryConfig) {
-        if (entryConfig === void 0) {
-          entryConfig = {};
-        }
-        setTrue();
-      }
-    };
-  });
-  var config = _extends({}, SELECT_TYPE[selectType], DATA_TYPE[showType]);
-  var drawerTitle = config.drawerTitle,
-    drawerWidth = config.drawerWidth,
-    pageConfig = _objectWithoutPropertiesLoose(config, _excluded2);
-  return /*#__PURE__*/React.createElement(_Drawer, {
-    closeMode: ['close', 'esc'],
-    visible: visible,
-    onClose: setFalse,
-    title: drawerTitle,
-    className: styles.drawer,
-    width: drawerWidth
-  }, visible && /*#__PURE__*/React.createElement(SettingPage, _extends({}, pageConfig, settingProps, {
-    cancelCb: setFalse,
-    saveCb: function saveCb(values) {
-      setFalse();
-      _saveCb(showType, values);
-    }
-  })));
-});
-BatchAttrMetricDrawer.displayName = 'BatchAttrMetricDrawer';
-BatchAttrMetricDrawer.propTypes = {
-  // 数据项
-  dataSource: PropTypes.array.isRequired,
-  // 保存回调
-  saveCb: PropTypes.func
-};
-BatchAttrMetricDrawer.defaultProps = {
-  saveCb: function saveCb() {}
-};
-export default BatchAttrMetricDrawer;

package/es/components/BatchAttrMetric2/index.module.scss

@@ -1,76 +0,0 @@
-@import "@alifd/next/variables";
-
-.drawer {
-  & > div {
-    overflow: hidden !important;
-  }
-  :global {
-    .#{$css-prefix}drawer-body {
-      padding: 0;
-      height: calc(100% - 45px);
-    }
-  }
-}
-.layout {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  & > div:last-child > button:first-child {
-    float: left;
-    line-height: 24px;
-  }
-  :global {
-    .riil-footer {
-      position: unset;
-    }
-  }
-}
-.message {
-  padding: 16px 24px 0;
-}
-.content {
-  padding: 16px 24px 0;
-  flex: auto;
-  overflow: hidden;
-  & > div:first-child:not(:last-child) {
-    box-shadow: 1px 0px 0px 0px #E4E9EE;
-    padding-right: $s-4;
-  }
-  & > div:last-child:not(:first-child) {
-    padding-left: $s-4;
-  }
-  :global {
-    .#{$css-prefix}table-header-node.#{$css-prefix}table-selection {
-      .#{$css-prefix}checkbox-wrapper {
-        display: none;
-      }
-    }
-    .#{$css-prefix}table-cell-wrapper {
-      white-space: unset !important;
-    }
-  }
-}
-.tree-wrap {
-  :global {
-    .#{$css-prefix}tree-node-label-wrapper {
-      width: 1px;
-      .tree-node-label > span {
-        display: inline-block;
-        width: calc(100% - 24px);
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-}
-.table-wrap {
-  height: calc(100% + 1.5px);
-}
-.tip-content {
-  max-height: 250px;
-  overflow: auto;
-  & > div {
-    line-height: 20px;
-  }
-}

package/es/components/BatchAttrMetric2/setting.js

@@ -1,181 +0,0 @@
-import _Button from "@alifd/next/es/button";
-import _Table from "@alifd/next/es/table";
-import _Search from "@alifd/next/es/search";
-import _Grid from "@alifd/next/es/grid";
-import _Message from "@alifd/next/es/message";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["value", "defaultSet", "dataSource"];
-import React, { useState, useMemo, useEffect } from 'react';
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
-import ActionTree from '@riil-frontend/component-action-tree';
-import NoDataPage from '@riil-frontend/component-topology-common/es/components/NoDataPage';
-import TableLayout from '@riil-frontend/component-table-layout';
-import RiilHooks from '@riil-frontend/hooks';
-import * as utils from "./utils";
-import styles from "./index.module.scss";
-import { loopTreeNode } from "../../utils/treeUtil";
-var Setting = function Setting(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? {} : _ref$value,
-    defaultSet = _ref.defaultSet,
-    dataSource = _ref.dataSource,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var limit = props.limit,
-    saveCb = props.saveCb;
-  var allCiSet = useMemo(function () {
-    var map = {};
-    loopTreeNode(dataSource, function (item) {
-      if (item.type !== 'folder') {
-        map[item.id] = item;
-      }
-    });
-    return map;
-  }, [dataSource]);
-  var _useState = useState(utils.getDefaultSelectedCiType(dataSource)),
-    ciType = _useState[0],
-    setCiType = _useState[1];
-  useEffect(function () {
-    setCiType(utils.getDefaultSelectedCiType(dataSource));
-  }, [dataSource]);
-  var _useState2 = useState(''),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  var _useState3 = useState(value),
-    selected = _useState3[0],
-    setSelected = _useState3[1];
-  var selectedRowKeys = selected[ciType] || [];
-  var _RiilHooks$useTableCo = RiilHooks.useTableColumn({
-      columns: [{
-        width: '100%',
-        dataIndex: 'name',
-        title: '数据',
-        cellOption: {
-          nowrap: true
-        }
-      }, {
-        width: '70px',
-        dataIndex: 'type',
-        title: '类型',
-        cellOption: {
-          nowrap: {
-            nowrapCell: utils.typeCell,
-            title: utils.typeCell
-          }
-        }
-      }]
-    }),
-    columnNodes = _RiilHooks$useTableCo.columnNodes;
-  var onTreeSelect = function onTreeSelect(_ref2) {
-    var selectedKey = _ref2[0];
-    if (selectedKey && allCiSet[selectedKey] && allCiSet[selectedKey].type !== 'folder') {
-      setCiType(selectedKey);
-    }
-  };
-  var onTableSelect = function onTableSelect(selectedKeys) {
-    var values = _extends({}, selected);
-    rlog.debug('Setting-allCiSet-onTableSelect', limit, selectedKeys, selected);
-    values[ciType] = selectedKeys;
-    setSelected(values);
-  };
-  var saveSelected = function saveSelected() {
-    saveCb(selected);
-  };
-  var onReset = function onReset() {
-    setSelected({});
-  };
-  var tableData = useMemo(function () {
-    var _allCiSet$ciType;
-    var list = ((_allCiSet$ciType = allCiSet[ciType]) === null || _allCiSet$ciType === void 0 ? void 0 : _allCiSet$ciType.list) || [];
-    if (search) {
-      list = list.filter(function (item) {
-        var _item$name;
-        return ((_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.toUpperCase().indexOf(search.toUpperCase())) !== -1;
-      });
-    }
-    return list;
-  }, [allCiSet, ciType, search]);
-  function onSearch(searchValue) {
-    setSearch(searchValue);
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.layout
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.message
-  }, /*#__PURE__*/React.createElement(_Message, {
-    type: "notice"
-  }, props.label + "\u6570\u636E\uFF1A\u9009\u62E9\u7684\u6307\u6807\u548C\u5C5E\u6027\u5C06\u4F1A\u663E\u793A\u5728" + props.poslabel + "\uFF0C\u6700\u591A\u652F\u6301\u52FE\u9009 " + limit + " \u9879\u3002")), /*#__PURE__*/React.createElement(_Grid.Row, {
-    className: styles.content
-  }, /*#__PURE__*/React.createElement(_Grid.Col, {
-    span: 8,
-    className: styles['tree-wrap']
-  }, dataSource.length && /*#__PURE__*/React.createElement(ActionTree, {
-    dataSource: dataSource,
-    onSelect: onTreeSelect,
-    draggable: false,
-    treeProps: {
-      selectedKeys: [ciType],
-      defaultExpandedKeys: dataSource.filter(function (item) {
-        return item.type === 'folder';
-      }).map(function (item) {
-        return item.id;
-      }),
-      expandedKeys: dataSource.filter(function (item) {
-        return item.type === 'folder';
-      }).map(function (item) {
-        return item.id;
-      }),
-      defaultExpandAll: true
-    }
-  })), /*#__PURE__*/React.createElement(_Grid.Col, {
-    className: styles['table-wrap']
-  }, /*#__PURE__*/React.createElement(TableLayout, {
-    filterItems: /*#__PURE__*/React.createElement("div", {
-      className: styles.filter
-    }, /*#__PURE__*/React.createElement(_Search, {
-      // className={styles.search}
-      style: {
-        width: 200
-      },
-      shape: "simple",
-      placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57",
-      onSearch: onSearch,
-      onChange: function onChange(val) {
-        return !val && onSearch('');
-      },
-      hasClear: true
-    })),
-    table: /*#__PURE__*/React.createElement(_Table, {
-      fixedHeader: true,
-      hasBorder: false,
-      dataSource: tableData,
-      emptyContent: /*#__PURE__*/React.createElement(NoDataPage, {
-        type: "table"
-      }),
-      rowSelection: {
-        selectedRowKeys: selectedRowKeys,
-        onChange: onTableSelect,
-        getProps: function getProps(_ref3) {
-          var id = _ref3.id;
-          return {
-            disabled: !selectedRowKeys.includes(id) && selectedRowKeys.length >= limit
-          };
-        }
-      }
-    }, columnNodes)
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "riil-footer right"
-  }, /*#__PURE__*/React.createElement(_Button, {
-    text: true,
-    type: "primary",
-    onClick: onReset
-  }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(_Button, {
-    type: "primary",
-    onClick: function onClick() {
-      saveSelected();
-    }
-  }, "\u786E\u5B9A"), /*#__PURE__*/React.createElement(_Button, {
-    onClick: props.cancelCb
-  }, "\u53D6\u6D88")));
-};
-export default Setting;

package/es/components/BatchAttrMetric2/utils.js

@@ -1,42 +0,0 @@
-import { loopTreeNode } from "../../utils/treeUtil";
-
-/**
- * 获取树结构数据源
- * @param {*} allCiSet 数据源
- * @returns
- */
-export var treeDs = function treeDs(allCiSet) {
-  return Object.keys(allCiSet).map(function (key) {
-    var _allCiSet$key, _allCiSet$key2;
-    return {
-      id: key,
-      label: (_allCiSet$key = allCiSet[key]) === null || _allCiSet$key === void 0 ? void 0 : _allCiSet$key.name,
-      icon: "/img/model/" + ((_allCiSet$key2 = allCiSet[key]) === null || _allCiSet$key2 === void 0 ? void 0 : _allCiSet$key2.icon) + ".svg"
-    };
-  });
-};
-export var typeCell = function typeCell(text) {
-  if (text === 'attribute') {
-    return '属性';
-  } else if (text === 'metric') {
-    return '指标';
-  }
-  return '-';
-};
-
-/**
- * 获得默认选中第一个模型
- * @param {*} tree 
- * @returns 
- */
-export function getDefaultSelectedCiType(tree) {
-  var ciType = null;
-  loopTreeNode(tree, function (item) {
-    if (item.type !== 'folder') {
-      if (!ciType) {
-        ciType = item.id;
-      }
-    }
-  });
-  return ciType;
-}

package/es/components/IndexSettingDrawer/CiList.js

@@ -1,26 +0,0 @@
-import _List from "@alifd/next/es/list";
-import React from 'react';
-import ListItem from "./CiListItem";
-import styles from "./index.module.scss";
-var CiList = function CiList(props) {
-  var data = props.data,
-    onSelect = props.onSelect,
-    selected = props.selected,
-    loading = props.loading;
-  var renderItem = function renderItem(item) {
-    return /*#__PURE__*/React.createElement(ListItem, {
-      key: item.value,
-      data: item,
-      onSelect: onSelect,
-      selected: item.value === selected
-    });
-  };
-  return /*#__PURE__*/React.createElement(_List, {
-    className: styles.cilist,
-    size: "small",
-    loading: loading,
-    dataSource: data,
-    renderItem: renderItem
-  });
-};
-export default CiList;

package/es/components/IndexSettingDrawer/CiListItem.js

@@ -1,37 +0,0 @@
-import _Icon from "@alifd/next/es/icon";
-import React from 'react';
-import styles from "./index.module.scss";
-var getIcon = function getIcon(icon) {
-  return "/img/model/" + icon + ".svg";
-};
-var onIconError = function onIconError(e) {
-  var image = e.target;
-  if (!image.isLoaded) {
-    image.isLoaded = true;
-    image.src = getIcon('backupOnError');
-  }
-};
-var CiListItem = function CiListItem(props) {
-  var data = props.data,
-    onSelect = props.onSelect,
-    selected = props.selected;
-  var onClick = function onClick() {
-    return onSelect(data);
-  };
-  var isCustom = data.icon === 'custom';
-  var className = selected ? styles.ciitem + " " + styles.selected : styles.ciitem;
-  return /*#__PURE__*/React.createElement("div", {
-    className: className,
-    onClick: onClick
-  }, isCustom ? /*#__PURE__*/React.createElement(_Icon, {
-    className: styles.icon,
-    size: "xs",
-    type: data.icon
-  }) : /*#__PURE__*/React.createElement("img", {
-    className: styles.icon,
-    src: getIcon(data.icon),
-    alt: data.icon,
-    onError: onIconError
-  }), /*#__PURE__*/React.createElement("span", null, data.label));
-};
-export default CiListItem;