versacall-dashboards-library-react 2.0.46 → 2.0.47

package/dist/components/DashboardsCellGlobalConditions/DashboardsCellGlobalConditions.js

@@ -40,6 +40,9 @@ require("react-nestable-fork/dist/Nestable/Nestable.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // Constants
 const OPERATOR_OPTIONS = [{
   value: '===',
@@ -215,379 +218,379 @@ const determineIfAdvanced = condition => {
 class DashboardsCellGlobalConditions extends _react.Component {
   constructor(props) {
     super(props);
-    this.state = {
-      open: false,
-      tabIndex: 0,
-      conditionIndex: null,
-      menuIndex: null,
-      menuAnchorEl: null,
-      advanced: false
-    };
-  }
-  stylePreviewCustomCell = _ref2 => {
-    let {
-      row
-    } = _ref2;
-    const newCell = {
-      ...row
-    };
-    newCell.custom = {
-      viewWidth: 120,
-      viewHeight: 120,
-      style: {}
-    };
-    if (this.props.styles.length > 0 && row.styleIds && row.styleIds.length > 0) {
-      for (let i = 0; i < newCell.styleIds.length; i++) {
-        const findStyle = this.props.styles.find(searchStyle => searchStyle.id === newCell.styleIds[i]);
-        if (findStyle) {
-          newCell.custom.style = {
-            ...newCell.custom.style,
-            ...findStyle.options
-          };
+    _defineProperty(this, "stylePreviewCustomCell", _ref2 => {
+      let {
+        row
+      } = _ref2;
+      const newCell = {
+        ...row
+      };
+      newCell.custom = {
+        viewWidth: 120,
+        viewHeight: 120,
+        style: {}
+      };
+      if (this.props.styles.length > 0 && row.styleIds && row.styleIds.length > 0) {
+        for (let i = 0; i < newCell.styleIds.length; i++) {
+          const findStyle = this.props.styles.find(searchStyle => searchStyle.id === newCell.styleIds[i]);
+          if (findStyle) {
+            newCell.custom.style = {
+              ...newCell.custom.style,
+              ...findStyle.options
+            };
+          }
         }
       }
-    }
-    newCell.custom.style = {
-      ...newCell.custom.style,
-      ...newCell.style
-    };
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        width: 120
-      }
-    }, /*#__PURE__*/_react.default.createElement(_DashboardsPreview.default, {
-      width: "120px",
-      height: "100px",
-      padding: "10px"
-    }, /*#__PURE__*/_react.default.createElement(_DashboardsCell.default, {
-      cell: {
-        content: {
-          type: 'text',
-          text: 'Hello'
-        },
-        custom: newCell.custom
-      }
-    })));
-  };
-  contentTypeCustomCell = _ref3 => {
-    let {
-      row
-    } = _ref3;
-    return /*#__PURE__*/_react.default.createElement("span", null, this.props.intl.formatMessage({
-      id: `__${row.content.type}`
-    }));
-  };
-  actionsCustomCell = _ref4 => {
-    let {
-      row
-    } = _ref4;
-    const {
-      tabIndex
-    } = this.state;
-    const conditions = tabIndex === 0 ? this.props.value.styleConditions : this.props.value.contentConditions;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, row.index !== 0 && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      onClick: e => {
-        e.stopPropagation();
-        this.moveCondition(row.index, -1);
-      },
-      "aria-label": this.props.intl.formatMessage({
-        id: '__move_up'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_ArrowUpward.default, null)), row.index !== String(conditions.length - 1) && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      onClick: e => {
-        e.stopPropagation();
-        this.moveCondition(row.index, 1);
-      },
-      "aria-label": this.props.intl.formatMessage({
-        id: '__move_down'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_ArrowDownward.default, null)), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      onClick: e => {
-        e.stopPropagation();
-        this.copyCondition(row);
-      },
-      "aria-label": this.props.intl.formatMessage({
-        id: '__copy'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: this.props.intl.formatMessage({
-        id: '__copy'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_FileCopy.default, null))), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      onClick: e => {
-        e.stopPropagation();
-        this.deleteCondition(row.index);
-      },
-      "aria-label": this.props.intl.formatMessage({
-        id: '__delete'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: this.props.intl.formatMessage({
-        id: '__delete'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_Delete.default, null))));
-  };
-  updateCondition = change => {
-    const {
-      conditionIndex,
-      tabIndex
-    } = this.state;
-    const updatedValue = {
-      ...this.props.value
-    };
-    const conditions = tabIndex === 1 ? updatedValue.contentConditions : updatedValue.styleConditions;
-    if (this.state.advanced) {
-      conditions[conditionIndex].condition = change.value;
-    } else {
-      const split = conditions[conditionIndex].condition.split(/[ ,]+/);
-      const segment1 = split[0];
-      const segment2 = split.length > 1 ? split[1] : '===';
-      const segment3 = split.length > 2 ? split[2] : '0';
-      switch (change.stringIndex) {
-        case 0:
-          conditions[conditionIndex].condition = `${change.value} ${segment2} ${segment3}`;
-          break;
-        case 1:
-          conditions[conditionIndex].condition = `${segment1} ${change.value} ${segment3}`;
-          break;
-        case 2:
-          conditions[conditionIndex].condition = `${segment1} ${segment2} ${change.value}`;
-          break;
-        default:
-          conditions[conditionIndex].condition = `${segment1} ${segment2} ${segment3}`;
-          break;
-      }
-    }
-    this.props.updateValue({
-      styleConditions: updatedValue.styleConditions,
-      contentConditions: updatedValue.contentConditions
+      newCell.custom.style = {
+        ...newCell.custom.style,
+        ...newCell.style
+      };
+      return /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          width: 120
+        }
+      }, /*#__PURE__*/_react.default.createElement(_DashboardsPreview.default, {
+        width: "120px",
+        height: "100px",
+        padding: "10px"
+      }, /*#__PURE__*/_react.default.createElement(_DashboardsCell.default, {
+        cell: {
+          content: {
+            type: 'text',
+            text: 'Hello'
+          },
+          custom: newCell.custom
+        }
+      })));
+    });
+    _defineProperty(this, "contentTypeCustomCell", _ref3 => {
+      let {
+        row
+      } = _ref3;
+      return /*#__PURE__*/_react.default.createElement("span", null, this.props.intl.formatMessage({
+        id: `__${row.content.type}`
+      }));
     });
-  };
-  updateStyleIds = value => {
-    const styleConditions = [...this.props.value.styleConditions];
-    styleConditions[this.state.conditionIndex].styleIds = value.styleIds;
-    this.props.updateValue({
-      styleConditions
+    _defineProperty(this, "actionsCustomCell", _ref4 => {
+      let {
+        row
+      } = _ref4;
+      const {
+        tabIndex
+      } = this.state;
+      const conditions = tabIndex === 0 ? this.props.value.styleConditions : this.props.value.contentConditions;
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, row.index !== 0 && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        onClick: e => {
+          e.stopPropagation();
+          this.moveCondition(row.index, -1);
+        },
+        "aria-label": this.props.intl.formatMessage({
+          id: '__move_up'
+        })
+      }, /*#__PURE__*/_react.default.createElement(_ArrowUpward.default, null)), row.index !== String(conditions.length - 1) && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        onClick: e => {
+          e.stopPropagation();
+          this.moveCondition(row.index, 1);
+        },
+        "aria-label": this.props.intl.formatMessage({
+          id: '__move_down'
+        })
+      }, /*#__PURE__*/_react.default.createElement(_ArrowDownward.default, null)), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        onClick: e => {
+          e.stopPropagation();
+          this.copyCondition(row);
+        },
+        "aria-label": this.props.intl.formatMessage({
+          id: '__copy'
+        })
+      }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+        title: this.props.intl.formatMessage({
+          id: '__copy'
+        })
+      }, /*#__PURE__*/_react.default.createElement(_FileCopy.default, null))), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        onClick: e => {
+          e.stopPropagation();
+          this.deleteCondition(row.index);
+        },
+        "aria-label": this.props.intl.formatMessage({
+          id: '__delete'
+        })
+      }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+        title: this.props.intl.formatMessage({
+          id: '__delete'
+        })
+      }, /*#__PURE__*/_react.default.createElement(_Delete.default, null))));
     });
-  };
-  updateStyle = value => {
-    const styleConditions = [...this.props.value.styleConditions];
-    if (Object.keys(value.style).length > 0) {
-      styleConditions[this.state.conditionIndex].style = {
-        ...styleConditions[this.state.conditionIndex].style,
-        ...value.style
+    _defineProperty(this, "updateCondition", change => {
+      const {
+        conditionIndex,
+        tabIndex
+      } = this.state;
+      const updatedValue = {
+        ...this.props.value
       };
-      Object.keys(styleConditions[this.state.conditionIndex].style).forEach(key => {
-        if (styleConditions[this.state.conditionIndex].style[key] === 'delete') {
-          delete styleConditions[this.state.conditionIndex].style[key];
+      const conditions = tabIndex === 1 ? updatedValue.contentConditions : updatedValue.styleConditions;
+      if (this.state.advanced) {
+        conditions[conditionIndex].condition = change.value;
+      } else {
+        const split = conditions[conditionIndex].condition.split(/[ ,]+/);
+        const segment1 = split[0];
+        const segment2 = split.length > 1 ? split[1] : '===';
+        const segment3 = split.length > 2 ? split[2] : '0';
+        switch (change.stringIndex) {
+          case 0:
+            conditions[conditionIndex].condition = `${change.value} ${segment2} ${segment3}`;
+            break;
+          case 1:
+            conditions[conditionIndex].condition = `${segment1} ${change.value} ${segment3}`;
+            break;
+          case 2:
+            conditions[conditionIndex].condition = `${segment1} ${segment2} ${change.value}`;
+            break;
+          default:
+            conditions[conditionIndex].condition = `${segment1} ${segment2} ${segment3}`;
+            break;
         }
+      }
+      this.props.updateValue({
+        styleConditions: updatedValue.styleConditions,
+        contentConditions: updatedValue.contentConditions
       });
-    } else {
-      styleConditions[this.state.conditionIndex].style = {};
-    }
-    this.props.updateValue({
-      styleConditions
     });
-  };
-  updateContent = value => {
-    const contentConditions = [...this.props.value.contentConditions];
-    contentConditions[this.state.conditionIndex].content = value.content;
-    this.props.updateValue({
-      contentConditions
-    });
-  };
-  addCondition = () => {
-    const conditions = {
-      ...this.props.value
-    };
-    let index = null;
-    if (this.state.tabIndex === 0) {
-      conditions.styleConditions.push({
-        condition: '1 > 0',
-        style: {},
-        styleIds: []
+    _defineProperty(this, "updateStyleIds", value => {
+      const styleConditions = [...this.props.value.styleConditions];
+      styleConditions[this.state.conditionIndex].styleIds = value.styleIds;
+      this.props.updateValue({
+        styleConditions
       });
-      index = conditions.styleConditions.length - 1;
-    } else {
-      conditions.contentConditions.push({
-        condition: '1 > 0',
-        content: {
-          type: 'text',
-          text: ''
-        }
+    });
+    _defineProperty(this, "updateStyle", value => {
+      const styleConditions = [...this.props.value.styleConditions];
+      if (Object.keys(value.style).length > 0) {
+        styleConditions[this.state.conditionIndex].style = {
+          ...styleConditions[this.state.conditionIndex].style,
+          ...value.style
+        };
+        Object.keys(styleConditions[this.state.conditionIndex].style).forEach(key => {
+          if (styleConditions[this.state.conditionIndex].style[key] === 'delete') {
+            delete styleConditions[this.state.conditionIndex].style[key];
+          }
+        });
+      } else {
+        styleConditions[this.state.conditionIndex].style = {};
+      }
+      this.props.updateValue({
+        styleConditions
       });
-      index = conditions.contentConditions.length - 1;
-    }
-    this.props.updateValue({
-      styleConditions: conditions.styleConditions,
-      contentConditions: conditions.contentConditions
     });
-    this.setState({
-      conditionIndex: index,
-      advanced: false
+    _defineProperty(this, "updateContent", value => {
+      const contentConditions = [...this.props.value.contentConditions];
+      contentConditions[this.state.conditionIndex].content = value.content;
+      this.props.updateValue({
+        contentConditions
+      });
     });
-  };
-  copyCondition = condition => {
-    const newValue = {
-      ...this.props.value
-    };
-    const newCondition = {
-      ...condition
-    };
-    delete newCondition.index;
-    const conditions = newValue[this.state.tabIndex === 0 ? 'styleConditions' : 'contentConditions'];
-    conditions.push(newCondition);
-    const advanced = determineIfAdvanced(newCondition.condition);
-    this.props.updateValue({
-      styleConditions: newValue.styleConditions,
-      contentConditions: newValue.contentConditions
+    _defineProperty(this, "addCondition", () => {
+      const conditions = {
+        ...this.props.value
+      };
+      let index = null;
+      if (this.state.tabIndex === 0) {
+        conditions.styleConditions.push({
+          condition: '1 > 0',
+          style: {},
+          styleIds: []
+        });
+        index = conditions.styleConditions.length - 1;
+      } else {
+        conditions.contentConditions.push({
+          condition: '1 > 0',
+          content: {
+            type: 'text',
+            text: ''
+          }
+        });
+        index = conditions.contentConditions.length - 1;
+      }
+      this.props.updateValue({
+        styleConditions: conditions.styleConditions,
+        contentConditions: conditions.contentConditions
+      });
+      this.setState({
+        conditionIndex: index,
+        advanced: false
+      });
     });
-    this.setState(prevState => ({
-      conditionIndex: conditions.length - 1,
-      advanced
-    }));
-  };
-  duplicateCondition = index => {
-    const {
-      value
-    } = this.props;
-    const {
-      tabIndex
-    } = this.state;
-    const condition = value[tabIndex === 0 ? 'styleConditions' : 'contentConditions'][index];
-    this.copyCondition(condition);
-  };
-  deleteCondition = index => {
-    const conditions = {
-      ...this.props.value
-    };
-    conditions[this.state.tabIndex === 0 ? 'styleConditions' : 'contentConditions'].splice(Number(index), 1);
-    this.props.updateValue({
-      styleConditions: conditions.styleConditions,
-      contentConditions: conditions.contentConditions
+    _defineProperty(this, "copyCondition", condition => {
+      const newValue = {
+        ...this.props.value
+      };
+      const newCondition = {
+        ...condition
+      };
+      delete newCondition.index;
+      const conditions = newValue[this.state.tabIndex === 0 ? 'styleConditions' : 'contentConditions'];
+      conditions.push(newCondition);
+      const advanced = determineIfAdvanced(newCondition.condition);
+      this.props.updateValue({
+        styleConditions: newValue.styleConditions,
+        contentConditions: newValue.contentConditions
+      });
+      this.setState(prevState => ({
+        conditionIndex: conditions.length - 1,
+        advanced
+      }));
     });
-    this.setState({
-      conditionIndex: null,
-      advanced: false
+    _defineProperty(this, "duplicateCondition", index => {
+      const {
+        value
+      } = this.props;
+      const {
+        tabIndex
+      } = this.state;
+      const condition = value[tabIndex === 0 ? 'styleConditions' : 'contentConditions'][index];
+      this.copyCondition(condition);
     });
-  };
-  moveCondition = (index, direction) => {
-    const conditions = {
-      ...this.props.value
-    };
-    const conditionArray = conditions[this.state.tabIndex === 0 ? 'styleConditions' : 'contentConditions'];
-    const [removed] = conditionArray.splice(Number(index), 1);
-    conditionArray.splice(Number(index) + direction, 0, removed);
-    this.props.updateValue({
-      styleConditions: conditions.styleConditions,
-      contentConditions: conditions.contentConditions
+    _defineProperty(this, "deleteCondition", index => {
+      const conditions = {
+        ...this.props.value
+      };
+      conditions[this.state.tabIndex === 0 ? 'styleConditions' : 'contentConditions'].splice(Number(index), 1);
+      this.props.updateValue({
+        styleConditions: conditions.styleConditions,
+        contentConditions: conditions.contentConditions
+      });
+      this.setState({
+        conditionIndex: null,
+        advanced: false
+      });
     });
-    this.setState({
-      conditionIndex: null,
-      advanced: false
+    _defineProperty(this, "moveCondition", (index, direction) => {
+      const conditions = {
+        ...this.props.value
+      };
+      const conditionArray = conditions[this.state.tabIndex === 0 ? 'styleConditions' : 'contentConditions'];
+      const [removed] = conditionArray.splice(Number(index), 1);
+      conditionArray.splice(Number(index) + direction, 0, removed);
+      this.props.updateValue({
+        styleConditions: conditions.styleConditions,
+        contentConditions: conditions.contentConditions
+      });
+      this.setState({
+        conditionIndex: null,
+        advanced: false
+      });
     });
-  };
-  onDragEnd = result => {
-    const {
-      value
-    } = this.props;
-    const {
-      tabIndex
-    } = this.state;
-    if (!result.destination) {
-      return;
-    }
-    const items = reorder(tabIndex === 0 ? value.styleConditions : value.contentConditions, result.source.index, result.destination.index);
-    const newConditions = {
-      ...value
-    };
-    if (tabIndex === 0) {
-      newConditions.styleConditions = items;
-    } else {
-      newConditions.contentConditions = items;
-    }
-    this.props.updateValue({
-      styleConditions: newConditions.styleConditions,
-      contentConditions: newConditions.contentConditions
+    _defineProperty(this, "onDragEnd", result => {
+      const {
+        value
+      } = this.props;
+      const {
+        tabIndex
+      } = this.state;
+      if (!result.destination) {
+        return;
+      }
+      const items = reorder(tabIndex === 0 ? value.styleConditions : value.contentConditions, result.source.index, result.destination.index);
+      const newConditions = {
+        ...value
+      };
+      if (tabIndex === 0) {
+        newConditions.styleConditions = items;
+      } else {
+        newConditions.contentConditions = items;
+      }
+      this.props.updateValue({
+        styleConditions: newConditions.styleConditions,
+        contentConditions: newConditions.contentConditions
+      });
+      this.setState({
+        conditionIndex: result.destination.index
+      });
     });
-    this.setState({
-      conditionIndex: result.destination.index
+    _defineProperty(this, "selectCondition", index => {
+      const {
+        value
+      } = this.props;
+      const {
+        tabIndex
+      } = this.state;
+      const conditions = tabIndex === 1 ? value.contentConditions : value.styleConditions;
+      const condition = conditions[index];
+      const advanced = determineIfAdvanced(condition.condition);
+      this.setState({
+        conditionIndex: index,
+        advanced
+      });
     });
-  };
-  selectCondition = index => {
-    const {
-      value
-    } = this.props;
-    const {
-      tabIndex
-    } = this.state;
-    const conditions = tabIndex === 1 ? value.contentConditions : value.styleConditions;
-    const condition = conditions[index];
-    const advanced = determineIfAdvanced(condition.condition);
-    this.setState({
-      conditionIndex: index,
-      advanced
+    _defineProperty(this, "renderConditionCard", obj => {
+      const {
+        item,
+        handler
+      } = obj;
+      const {
+        classes,
+        intl
+      } = this.props;
+      const {
+        tabIndex,
+        conditionIndex
+      } = this.state;
+      const divStyle = {
+        border: '1px solid black',
+        padding: 10,
+        margin: 2,
+        display: 'flex',
+        alignItems: 'center',
+        backgroundColor: item.index === conditionIndex ? '#55b7dc' : '#ffffff'
+      };
+      return /*#__PURE__*/_react.default.createElement("div", {
+        role: "treeitem",
+        "aria-selected": item.index === conditionIndex,
+        style: divStyle,
+        className: classes.selectable,
+        onClick: () => this.selectCondition(item.index)
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: {
+          marginRight: 20,
+          fontWeight: 'bold'
+        }
+      }, item.index === 0 ? 'IF' : 'ELSE IF'), /*#__PURE__*/_react.default.createElement("span", {
+        style: {
+          flexGrow: 1
+        }
+      }, determineIfAdvanced(item.condition) ? item.condition : formatCondition(item.condition)), tabIndex === 0 && this.stylePreviewCustomCell({
+        row: item
+      }), tabIndex === 1 && item.content && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+        style: {
+          marginRight: 10
+        }
+      }, intl.formatMessage({
+        id: `__${item.content.type}`
+      })), contentPreviewCustomCell({
+        row: item
+      })), handler, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        onClick: e => {
+          e.stopPropagation();
+          this.setState({
+            menuIndex: item.index,
+            menuAnchorEl: e.currentTarget
+          });
+        },
+        "aria-label": intl.formatMessage({
+          id: '__more_options'
+        })
+      }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)));
     });
-  };
-  renderConditionCard = obj => {
-    const {
-      item,
-      handler
-    } = obj;
-    const {
-      classes,
-      intl
-    } = this.props;
-    const {
-      tabIndex,
-      conditionIndex
-    } = this.state;
-    const divStyle = {
-      border: '1px solid black',
-      padding: 10,
-      margin: 2,
-      display: 'flex',
-      alignItems: 'center',
-      backgroundColor: item.index === conditionIndex ? '#55b7dc' : '#ffffff'
+    this.state = {
+      open: false,
+      tabIndex: 0,
+      conditionIndex: null,
+      menuIndex: null,
+      menuAnchorEl: null,
+      advanced: false
     };
-    return /*#__PURE__*/_react.default.createElement("div", {
-      role: "treeitem",
-      "aria-selected": item.index === conditionIndex,
-      style: divStyle,
-      className: classes.selectable,
-      onClick: () => this.selectCondition(item.index)
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        marginRight: 20,
-        fontWeight: 'bold'
-      }
-    }, item.index === 0 ? 'IF' : 'ELSE IF'), /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        flexGrow: 1
-      }
-    }, determineIfAdvanced(item.condition) ? item.condition : formatCondition(item.condition)), tabIndex === 0 && this.stylePreviewCustomCell({
-      row: item
-    }), tabIndex === 1 && item.content && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        marginRight: 10
-      }
-    }, intl.formatMessage({
-      id: `__${item.content.type}`
-    })), contentPreviewCustomCell({
-      row: item
-    })), handler, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      onClick: e => {
-        e.stopPropagation();
-        this.setState({
-          menuIndex: item.index,
-          menuAnchorEl: e.currentTarget
-        });
-      },
-      "aria-label": intl.formatMessage({
-        id: '__more_options'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)));
-  };
+  }
   render() {
     const {
       classes,

package/package.json

@@ -2,10 +2,10 @@
   "versacall": {
     "title": "Versacall Dashboards Library React",
     "applicationType": "react-library",
-    "build": 46
+    "build": 47
   },
   "name": "versacall-dashboards-library-react",
-  "version": "2.0.46",
+  "version": "2.0.47",
   "description": "Versacall Dashboards Library",
   "main": "dist/index.js",
   "module": "dist/index.js",