@desynova-digital/components 8.19.3 → 8.19.5

package/atoms/label/label.js

@@ -42,7 +42,7 @@ var LABEL_STYLES = [{
     background: "#F9E900"
   }
 }, {
-  code: ["finished", "archived", "restored", "approved", "success", "complete", "upload_finished", "delivered", "ingested", "tagged"],
+  code: ["finished", "archived", "restored", "approved", "success", "complete", "upload_finished", "delivered", "ingested", "tagged", "created"],
   hex: {
     background: "#18B96E"
   }
@@ -57,7 +57,7 @@ var LABEL_STYLES = [{
     background: "#AFB2BA"
   }
 }, {
-  code: ["in_progress", "in_review"],
+  code: ["in_progress", "in_review", "dummy"],
   hex: {
     background: "#FF8D29"
   }

package/molecules/table/table.js

@@ -90,8 +90,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -454,6 +452,24 @@ var Table = function (_Component) {
             }
           }
 
+        case "rowChecked":
+          {
+            return _react2.default.createElement(
+              "div",
+              {
+                onClick: function onClick(e) {
+                  _this.rowCheckChange(e, !item.rowChecked, item, idx);
+                }
+              },
+              _react2.default.createElement("input", { checked: item.rowChecked ? true : false, type: "checkbox" }),
+              _react2.default.createElement(
+                "label",
+                null,
+                _react2.default.createElement("span", null)
+              )
+            );
+          }
+
         default:
           if (typeof item[column.field] === "string" || typeof item[column.field] === "number" || Array.isArray(item[column.field])) {
             var className = 'text-box';
@@ -600,13 +616,25 @@ var Table = function (_Component) {
       selectedRows: [],
       showColumnArr: spiltColumns.showColumnArr ? spiltColumns.showColumnArr : [],
       // isAllRowsSelected:false,
-      searchedText: props.searchValue || ''
+      searchedText: props.searchValue || '',
+      commonActionsSelected: [],
+      ingestedDbIdArray: []
     };
 
     return _this;
   }
 
   _createClass(Table, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (prevState.items !== this.state.items) {
+        this.setState({
+          commonActionsSelected: [],
+          selectedRows: []
+        });
+      }
+    }
+  }, {
     key: "toggleExtraDetails",
     value: function toggleExtraDetails(e, idx) {
       if (this.state.showExtraRow !== idx) {
@@ -692,87 +720,126 @@ var Table = function (_Component) {
       if (typeof sampleValue === "number") return Table.compare.numbers;
       return Table.compare.strings;
     }
+    /**
+    * 
+    * @param {array of selected asset items} array 
+    * @returns array of all actions common b/w selected items
+    */
+
+  }, {
+    key: "findCommon",
+    value: function findCommon(array) {
+      if (array.length === 0) {
+        return [];
+      }
+      var reference = array[0].actions;
+      var commonActionsArray = reference.filter(function (ele) {
+        return array.every(function (obj) {
+          return obj.actions.includes(ele);
+        });
+      });
+      return commonActionsArray;
+    }
+    /**
+       * 
+       * @param {array of items} arr 
+       * @param {index of selected item} indexesToRemove 
+       * @returns 
+       */
+
+  }, {
+    key: "removeObjects",
+    value: function removeObjects(arr, indexesToRemove) {
+      return arr.filter(function (obj, index) {
+        return indexesToRemove.includes(index);
+      });
+    }
   }, {
     key: "rowCheckChange",
     value: function rowCheckChange(e, value, item, idx) {
       var _this2 = this;
 
+      var _state = this.state,
+          items = _state.items,
+          selectedRows = _state.selectedRows;
+
       var table = e.target.closest("table");
       var checkboxNodes = table.querySelectorAll('thead tr th input[type="checkbox"]');
 
-      // e.target.setAttribute("checked",true);
       if (value) {
-        // .target.checked){
-
-        this.state.items.map(function (itemSelectedRows, i) {
+        items.map(function (itemSelectedRows, i) {
           if (idx === i) {
             itemSelectedRows.rowChecked = true;
-          } // else{
+          }
           return itemSelectedRows;
-          // }
         });
 
+        var selected_row_items = this.removeObjects(items, selectedRows);
+        selected_row_items = selected_row_items.concat(items[idx]);
+        var arrayIngestDbId = selected_row_items.map(function (ele) {
+          return ele.ingest_db_id;
+        });
+        /**
+         * finalAns is an array of all selected asset items common Actions
+         */
+        var finalAns = this.findCommon(selected_row_items);
+        if (finalAns.length != 0) {
+          var intersectionDashboardCommonActions = this.props.dashboard_common_actions.filter(function (item) {
+            return finalAns.includes(item);
+          });
+          this.setState({ commonActionsSelected: intersectionDashboardCommonActions, ingestedDbIdArray: arrayIngestDbId });
+        } else {
+          this.setState({ commonActionsSelected: finalAns, ingestedDbIdArray: arrayIngestDbId });
+        }
         this.setState(function (prevState) {
           return {
-            items: _this2.state.items,
-            selectedRows: _this2.state.selectedRows.concat(idx)
+            items: items,
+            selectedRows: selectedRows.concat(idx)
           };
-        }, function () {
-          _this2.props.rowSelectionChange(_this2.state.selectedRows);
-
-          if (_this2.state.selectedRows.length === _this2.state.items.length) {
-            // checkboxNodes[0].removeAttribute("checked");
-            checkboxNodes[0].checked = true;
-            _this2.setState({
-              isAllRowsSelected: true
-            });
-          }
-        });
+        }, function () {});
       } else {
-        /*
-         * e.target.removeAttribute("checked");
-         *   var table = e.target.parentNode.parentNode.parentNode.parentNode
-         * console.log(table );
-         * var checkboxNodes= table.querySelectorAll('thead tr th input[type="checkbox"]');
-         * console.log(checkboxNodes[0])
-         * checkboxNodes[0].removeAttribute("checked");
-         */
 
-        this.state.items.map(function (itemSelectedRows, i) {
+        items.map(function (itemSelectedRows, i) {
           if (idx === i) {
             itemSelectedRows.rowChecked = false;
-          } // else{
+          }
           return itemSelectedRows;
-          // }
         });
 
-        /*
-         * var filterItems = this.state.selectedRows.filter(function (selectedRowItem) {
-         *   return (JSON.stringify(item) !== JSON.stringify(selectedRowItem))
-         * });
-         */
-
-        var arrOfSelected = this.state.selectedRows;
+        var arrOfSelected = selectedRows;
         var idxOfSelected = arrOfSelected.indexOf(idx);
 
         if (idxOfSelected >= 0) {
           arrOfSelected.splice(idxOfSelected, 1);
         }
 
+        var _selected_row_items = this.removeObjects(items, arrOfSelected);
+        var _arrayIngestDbId = _selected_row_items.map(function (ele) {
+          return ele.ingest_db_id;
+        });
+
+        /**
+         * finalAns is an array of all selected asset items common Actions
+         */
+        var _finalAns = this.findCommon(_selected_row_items);
+
+        if (_finalAns.length != 0) {
+          var _intersectionDashboardCommonActions = this.props.dashboard_common_actions.filter(function (item) {
+            return _finalAns.includes(item);
+          });
+          this.setState({ commonActionsSelected: _intersectionDashboardCommonActions, ingestedDbIdArray: _arrayIngestDbId });
+        } else {
+          this.setState({ commonActionsSelected: _finalAns, ingestedDbIdArray: _arrayIngestDbId });
+        }
+
         this.setState({
           selectedRows: arrOfSelected
         }, function () {
-          _this2.props.rowSelectionChange(_this2.state.selectedRows);
-
-          if (_this2.state.selectedRows.length !== _this2.state.items.length) {
-            checkboxNodes[0].checked = false; // .removeAttribute("checked");
-            _this2.setState({
-              isAllRowsSelected: false
-            });
-          }
+          _this2.setState({
+            isAllRowsSelected: false
+          });
         });
       }
-      // console.log(e.target.checked,item);
     }
   }, {
     key: "allRowCheckChange",
@@ -874,9 +941,9 @@ var Table = function (_Component) {
           pageDropdown = _props.pageDropdown,
           getTableData = _props.getTableData,
           downloadAvailable = _props.downloadAvailable;
-      var _state = this.state,
-          nestedTable = _state.nestedTable,
-          searchedText = _state.searchedText;
+      var _state2 = this.state,
+          nestedTable = _state2.nestedTable,
+          searchedText = _state2.searchedText;
 
 
       var rows = this.state.items.map(function (item, index) {
@@ -914,12 +981,13 @@ var Table = function (_Component) {
             { theme: theme, key: "row-" + index + "extra" },
             _react2.default.createElement(
               Table.Cell,
-              _defineProperty({
+              {
                 className: "table-inner-cell",
                 theme: theme,
                 column: {},
                 colSpan: _this4.props.maxShowNoOfColumns + 1
-              }, "className", "tableHolder"),
+                // className="tableHolder"
+              },
               nestedTable.length > 0 && item[nestedTable[0].field].rows.length > 0 ? _react2.default.createElement(
                 Table.Card,
                 { width: "100%" },
@@ -1202,22 +1270,22 @@ var Table = function (_Component) {
             width: "100%",
             radius: 2
           }),
-          this.props.commonActions ? _react2.default.createElement(
+          this.state.commonActionsSelected.length > 0 ? _react2.default.createElement(
             Table.SelectedAction,
             {
               theme: this.props.theme,
-              className: this.state.selectedRows.length > 0 && this.props.commonActions.length > 0 ? "selectedAction show" : "selectedAction"
+              className: this.state.selectedRows.length > 0 && this.state.commonActionsSelected.length > 0 ? "selectedAction show" : "selectedAction"
             },
             _react2.default.createElement(
               "div",
               { className: "action-icons-common" },
-              this.props.commonActions.map(function (item, idx) {
+              this.state.commonActionsSelected.map(function (item, idx) {
                 return item !== "play" ? _react2.default.createElement(_button2.default, {
                   className: "action-button " + (item === "play" ? "play" : "default"),
                   key: idx,
                   onClick: function onClick(e) {
                     if (_this4.props.commonActionClickHandler) {
-                      _this4.props.commonActionClickHandler(item, e, _this4.state.selectedRows, "common-action");
+                      _this4.props.commonActionClickHandler(item, e, _this4.state.ingestedDbIdArray, "common-action");
                     } else {
                       console.log("pass func as props named 'commonActionClickHandler'... receive args as actionItem name and event obj. ");
                     }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@desynova-digital/components",
-  "version": "8.19.3",
+  "version": "8.19.5",
   "description": "Components for Desynova Digital",
   "main": "index.js",
   "author": "desynova-digital",
   "license": "MIT",
   "repository": "desynova-digital",
   "dependencies": {
-    "@desynova-digital/tokens": "8.19.3",
+    "@desynova-digital/tokens": "8.19.5",
     "prop-types": "^15.7.2",
     "styled-components": "^4.3.2"
   },