@reaqtive/components/dist/current-selections/current-selections-field.js

A react library to speed up the development of Qlik mash ups and data visualization apps

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireWildcard(require("react"));

var _q = require("@reaqtive/q");

var _layout = require("@reaqtive/layout");

var _index = require("../index");

var _jsxFileName = "/Users/paolo_d/Projects/React/reaqtive/packages/components/src/lib/current-selections/current-selections-field.js";

const CurrentSelectionsField = props => {
  const isMounted = (0, _layout.useIsMounted)();
  const appContext = (0, _react.useContext)(_index.RqtvAppContext); //console.log(1, appContext)

  const editFieldSelections = () => {
    //console.log(props.item.qField)
    const neverToggle = appContext.enhancedFieldList.filter(qField => qField.qName === props.item.qField)[0].neverToggle;
    if (isMounted === true) props.setActiveField({
      qFieldExpr: props.item.qField,
      toggle: !neverToggle
    });
  }; //console.log(props.qState)


  const qFieldHandler = (0, _q.useQFieldHandler)(props.item.qField, props.qState);
  const qField = qFieldHandler.qField;

  const clearFieldSlections = () => {
    qField && qField.clear();
  };

  return _react.default.createElement("li", {
    className: "list-group-item",
    __source: {
      fileName: _jsxFileName,
      lineNumber: 26
    },
    __self: void 0
  }, _react.default.createElement("div", {
    className: "row no-gutters",
    __source: {
      fileName: _jsxFileName,
      lineNumber: 27
    },
    __self: void 0
  }, _react.default.createElement("div", {
    className: "col-8 selection-item-info",
    __source: {
      fileName: _jsxFileName,
      lineNumber: 28
    },
    __self: void 0
  }, _react.default.createElement("div", {
    className: "badge S",
    __source: {
      fileName: _jsxFileName,
      lineNumber: 29
    },
    __self: void 0
  }, props.item.qField), _react.default.createElement("div", {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 30
    },
    __self: void 0
  }, props.item.qSelectedFieldSelectionInfo.map((value, index) => _react.default.createElement("span", {
    key: index,
    className: "value",
    __source: {
      fileName: _jsxFileName,
      lineNumber: 32
    },
    __self: void 0
  }, "".concat(value.qName).concat(props.item.qSelectedFieldSelectionInfo.length - 1 !== index ? ', ' : ' '))))), _react.default.createElement("div", {
    className: "col-4 selection-item-toolbar",
    __source: {
      fileName: _jsxFileName,
      lineNumber: 38
    },
    __self: void 0
  }, _react.default.createElement("button", {
    className: "btn",
    onClick: editFieldSelections,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 39
    },
    __self: void 0
  }, _react.default.createElement(_layout.Icon, {
    type: _layout.pencil,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 40
    },
    __self: void 0
  })), qField && props.item.qOneAndOnlyOne !== true && _react.default.createElement("button", {
    className: "btn",
    onClick: clearFieldSlections,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 43
    },
    __self: void 0
  }, _react.default.createElement(_layout.Icon, {
    type: _layout.deleteForever,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 44
    },
    __self: void 0
  })))));
};

var _default = CurrentSelectionsField;
exports.default = _default;