@desynova-digital/components 8.19.5 → 8.19.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/atoms/icon/icons.json +7 -0
  2. package/molecules/table/table.js +160 -79
  3. package/package.json +2 -2
package/atoms/icon/icons.json CHANGED
@@ -1468,6 +1468,13 @@
1468
1468
  "height": 16,
1469
1469
  "fillRule": "evenodd",
1470
1470
  "clipRule": "evenodd"
1471
+ },
1472
+ "edit": {
1473
+ "paths": [
1474
+ "M7.87001 1.16984C8.04333 1.34355 8.04333 1.62298 7.87001 1.79669L7.05681 2.60981L5.39035 0.94356L6.20361 0.129855C6.37693 -0.0432849 6.65687 -0.0432849 6.83018 0.129855L7.87001 1.16984ZM0 8V6.33375L4.91487 1.41898L6.58133 3.08523L1.66646 8H0Z"
1475
+ ],
1476
+ "width": 8,
1477
+ "height": 8
1471
1478
  }
1472
1479
  }
1473
1480
  }
package/molecules/table/table.js CHANGED
@@ -20,7 +20,8 @@ var _templateObject = _taggedTemplateLiteral(["\n border-bottom: 1px solid #303
20
20
  _templateObject8 = _taggedTemplateLiteral([""], [""]),
21
21
  _templateObject9 = _taggedTemplateLiteral(["\n .show-row {\n transform: rotate(-180deg);\n -webkit-transform: rotate(-180deg);\n -moz-transform: rotate(-180deg);\n -ms-transform: rotate(-180deg);\n -o-transform: rotate(-180deg);\n }\n .hide-row {\n transform: rotate(0deg);\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n }\n .show-row,\n .hide-row {\n transition: transform 0.5s ease-in-out;\n -webkit-transition: transform 0.5s ease-in-out;\n -moz-transition: transform 0.5s ease-in-out;\n -ms-transition: transform 0.5s ease-in-out;\n -o-transition: transform 0.5s ease-in-out;\n text-align: right;\n cursor: pointer;\n }\n\n &.selected-row > td,\n &.selected-row:nth-child(even) > td {\n background: ", ";\n }\n\n &:nth-child(even) > td {\n background: ", ";\n }\n\n &:hover {\n .asset-play {\n color: #00cec6;\n }\n }\n\n ", " {\n margin: 0px;\n box-shadow: 0px 0px 0px transparent;\n ", ";\n }\n"], ["\n .show-row {\n transform: rotate(-180deg);\n -webkit-transform: rotate(-180deg);\n -moz-transform: rotate(-180deg);\n -ms-transform: rotate(-180deg);\n -o-transform: rotate(-180deg);\n }\n .hide-row {\n transform: rotate(0deg);\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n }\n .show-row,\n .hide-row {\n transition: transform 0.5s ease-in-out;\n -webkit-transition: transform 0.5s ease-in-out;\n -moz-transition: transform 0.5s ease-in-out;\n -ms-transition: transform 0.5s ease-in-out;\n -o-transition: transform 0.5s ease-in-out;\n text-align: right;\n cursor: pointer;\n }\n\n &.selected-row > td,\n &.selected-row:nth-child(even) > td {\n background: ", ";\n }\n\n &:nth-child(even) > td {\n background: ", ";\n }\n\n &:hover {\n .asset-play {\n color: #00cec6;\n }\n }\n\n ", " {\n margin: 0px;\n box-shadow: 0px 0px 0px transparent;\n ", ";\n }\n"]),
22
22
  _templateObject10 = _taggedTemplateLiteral(["\n font-family: 'SFUIText-Regular';\n font-size: 12px;\n letter-spacing: 0.4px;\n color: ", "; \n padding: 7px 14px;\n // border-top: 1px solid ", "; \n text-align: left;\n vertical-align: middle;\n line-height: 2;\n width: ", ";\n max-width: 200px;\n\n &.tableHolder{\n padding:0px;\n }\n\n .asset-play {\n cursor: pointer;\n background-color: transparent;\n border: none;\n color: #dddddd;\n &:hover, &:focus {\n outline: none;\n color: #00cec6;\n text-decoration: underline;\n }\n }\n\n .icon-circle {\n border-radius: 50%;\n width: 24px;\n height: 24px;\n display: flex;\n text-align: center;\n justify-content: center;\n align-items: center;\n i {\n line-height: 0;\n }\n }\n\n // max-width: 0;\n // overflow: hidden;\n // text-overflow: ellipsis;\n // white-space: nowrap;\n\n & > div.text-box {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n &.text-linkexpired {\n color: #FF6C56;\n }\n }\n & > div.action-icons-cell{\n white-space: nowrap;\n\n .tooltip-block {\n top: -50px;\n }\n \n .action-item-btn {\n padding: 0 15px;\n cursor: pointer;\n background-color: transparent;\n\n &.nested {\n border-bottom: 1px solid #303f51;\n display: flex;\n padding: 10px;\n align-items: center;\n &>div:first-child{\n margin-right:10px;\n }\n &:last-child{\n border-bottom: 0px none;\n }\n }\n\n &:hover {\n transition: color 0.4s ease-out;\n color: #00cec6;\n path{\n fill: #00cec6;\n transition: fill 0.4s ease-out;\n }\n }\n }\n\n\n &>button{\n margin-right: 15px;\n display: inline-flex;\n }\n &>button:last-child{\n margin-right: 0px;\n }\n\n .more-action-holder {\n position: relative;\n\n &:hover {\n .more-action-list-box{\n display:block;\n }\n .more-action-icon{\n transition: all 0.4s ease-out;\n background: #00cec6;\n }\n }\n\n .more-action-icon{\n height: 24px;\n width: 24px;\n background: #303f51;\n border-radius: 50%;\n padding: 0px 10px;\n transform: translate(0px, -1px);\n }\n .more-action-list-box{\n position: absolute;\n z-index:100;\n display:none;\n //display:block;\n padding-top: 11px;\n transform: translate(-136px,-2px);\n \n .more-action-list {\n box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);\n background: ", ";\n min-width: 200px;\n }\n\n &:before{\n content: '';\n position: absolute;\n /* left: 42%; */\n /* top: 100%; */\n width: 0;\n height: 0;\n \n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 6px solid #00cec6;\n transform: translate(144px,-6px);\n }\n\n }\n\n }\n }\n\n .nested-table {\n background: #182738;\n border-left: 2px solid #00CEC6;\n }\n\n\n"], ["\n font-family: 'SFUIText-Regular';\n font-size: 12px;\n letter-spacing: 0.4px;\n color: ", "; \n padding: 7px 14px;\n // border-top: 1px solid ", "; \n text-align: left;\n vertical-align: middle;\n line-height: 2;\n width: ", ";\n max-width: 200px;\n\n &.tableHolder{\n padding:0px;\n }\n\n .asset-play {\n cursor: pointer;\n background-color: transparent;\n border: none;\n color: #dddddd;\n &:hover, &:focus {\n outline: none;\n color: #00cec6;\n text-decoration: underline;\n }\n }\n\n .icon-circle {\n border-radius: 50%;\n width: 24px;\n height: 24px;\n display: flex;\n text-align: center;\n justify-content: center;\n align-items: center;\n i {\n line-height: 0;\n }\n }\n\n // max-width: 0;\n // overflow: hidden;\n // text-overflow: ellipsis;\n // white-space: nowrap;\n\n & > div.text-box {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n &.text-linkexpired {\n color: #FF6C56;\n }\n }\n & > div.action-icons-cell{\n white-space: nowrap;\n\n .tooltip-block {\n top: -50px;\n }\n \n .action-item-btn {\n padding: 0 15px;\n cursor: pointer;\n background-color: transparent;\n\n &.nested {\n border-bottom: 1px solid #303f51;\n display: flex;\n padding: 10px;\n align-items: center;\n &>div:first-child{\n margin-right:10px;\n }\n &:last-child{\n border-bottom: 0px none;\n }\n }\n\n &:hover {\n transition: color 0.4s ease-out;\n color: #00cec6;\n path{\n fill: #00cec6;\n transition: fill 0.4s ease-out;\n }\n }\n }\n\n\n &>button{\n margin-right: 15px;\n display: inline-flex;\n }\n &>button:last-child{\n margin-right: 0px;\n }\n\n .more-action-holder {\n position: relative;\n\n &:hover {\n .more-action-list-box{\n display:block;\n }\n .more-action-icon{\n transition: all 0.4s ease-out;\n background: #00cec6;\n }\n }\n\n .more-action-icon{\n height: 24px;\n width: 24px;\n background: #303f51;\n border-radius: 50%;\n padding: 0px 10px;\n transform: translate(0px, -1px);\n }\n .more-action-list-box{\n position: absolute;\n z-index:100;\n display:none;\n //display:block;\n padding-top: 11px;\n transform: translate(-136px,-2px);\n \n .more-action-list {\n box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);\n background: ", ";\n min-width: 200px;\n }\n\n &:before{\n content: '';\n position: absolute;\n /* left: 42%; */\n /* top: 100%; */\n width: 0;\n height: 0;\n \n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 6px solid #00cec6;\n transform: translate(144px,-6px);\n }\n\n }\n\n }\n }\n\n .nested-table {\n background: #182738;\n border-left: 2px solid #00CEC6;\n }\n\n\n"]),
23
- _templateObject11 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n .detail-block {\n display: flex;\n justify-content: center;\n align-items: center;\n\n &:not(:last-child) {\n margin-right: 7px;\n }\n\n .status-color {\n width: 7px;\n height: 7px;\n margin-right: 6px;\n border-radius: 100%;\n background: rgba(255, 255, 255, 0.3);\n &.approved {\n background: #00cec6;\n }\n &.rejected {\n background: #ef5350;\n }\n }\n .language-name {\n text-transform: capitalize;\n font-size: 12px;\n font-family: SFUIText-Regular;\n color: #fff;\n }\n }\n"], ["\n display: flex;\n align-items: center;\n .detail-block {\n display: flex;\n justify-content: center;\n align-items: center;\n\n &:not(:last-child) {\n margin-right: 7px;\n }\n\n .status-color {\n width: 7px;\n height: 7px;\n margin-right: 6px;\n border-radius: 100%;\n background: rgba(255, 255, 255, 0.3);\n &.approved {\n background: #00cec6;\n }\n &.rejected {\n background: #ef5350;\n }\n }\n .language-name {\n text-transform: capitalize;\n font-size: 12px;\n font-family: SFUIText-Regular;\n color: #fff;\n }\n }\n"]);
23
+ _templateObject11 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n .detail-block {\n display: flex;\n justify-content: center;\n align-items: center;\n\n &:not(:last-child) {\n margin-right: 7px;\n }\n\n .status-color {\n width: 7px;\n height: 7px;\n margin-right: 6px;\n border-radius: 100%;\n background: rgba(255, 255, 255, 0.3);\n &.approved {\n background: #00cec6;\n }\n &.rejected {\n background: #ef5350;\n }\n }\n .language-name {\n text-transform: capitalize;\n font-size: 12px;\n font-family: SFUIText-Regular;\n color: #fff;\n }\n }\n"], ["\n display: flex;\n align-items: center;\n .detail-block {\n display: flex;\n justify-content: center;\n align-items: center;\n\n &:not(:last-child) {\n margin-right: 7px;\n }\n\n .status-color {\n width: 7px;\n height: 7px;\n margin-right: 6px;\n border-radius: 100%;\n background: rgba(255, 255, 255, 0.3);\n &.approved {\n background: #00cec6;\n }\n &.rejected {\n background: #ef5350;\n }\n }\n .language-name {\n text-transform: capitalize;\n font-size: 12px;\n font-family: SFUIText-Regular;\n color: #fff;\n }\n }\n"]),
24
+ _templateObject12 = _taggedTemplateLiteral(["\nwidth: 20px;\n height: 20px;\n background: transparent;\n border: ", ";\n border-radius: 50%;\n cursor: pointer;\n position: absolute;\n left: 14px;\n z-index: 2;\n top: 75px;"], ["\nwidth: 20px;\n height: 20px;\n background: transparent;\n border: ", ";\n border-radius: 50%;\n cursor: pointer;\n position: absolute;\n left: 14px;\n z-index: 2;\n top: 75px;"]);
24
25
 
25
26
  var _react = require("react");
26
27
 
@@ -615,7 +616,7 @@ var Table = function (_Component) {
615
616
  nestedTable: spiltColumns.nestedTable, // especially for dubbing
616
617
  selectedRows: [],
617
618
  showColumnArr: spiltColumns.showColumnArr ? spiltColumns.showColumnArr : [],
618
- // isAllRowsSelected:false,
619
+ isAllRowsSelected: false,
619
620
  searchedText: props.searchValue || '',
620
621
  commonActionsSelected: [],
621
622
  ingestedDbIdArray: []
@@ -755,90 +756,137 @@ var Table = function (_Component) {
755
756
  });
756
757
  }
757
758
  }, {
758
- key: "rowCheckChange",
759
- value: function rowCheckChange(e, value, item, idx) {
759
+ key: "execute",
760
+ value: function execute(allChecked) {
760
761
  var _this2 = this;
761
762
 
762
- var _state = this.state,
763
- items = _state.items,
764
- selectedRows = _state.selectedRows;
765
-
766
- var table = e.target.closest("table");
767
- var checkboxNodes = table.querySelectorAll('thead tr th input[type="checkbox"]');
768
-
769
- if (value) {
770
- items.map(function (itemSelectedRows, i) {
771
- if (idx === i) {
772
- itemSelectedRows.rowChecked = true;
773
- }
763
+ if (allChecked) {
764
+ this.state.items.map(function (itemSelectedRows, i) {
765
+ itemSelectedRows.rowChecked = true;
774
766
  return itemSelectedRows;
775
767
  });
776
-
777
- var selected_row_items = this.removeObjects(items, selectedRows);
778
- selected_row_items = selected_row_items.concat(items[idx]);
779
- var arrayIngestDbId = selected_row_items.map(function (ele) {
768
+ var ingestedDbIdArray = this.state.items.map(function (ele) {
780
769
  return ele.ingest_db_id;
781
770
  });
782
- /**
783
- * finalAns is an array of all selected asset items common Actions
784
- */
785
- var finalAns = this.findCommon(selected_row_items);
786
- if (finalAns.length != 0) {
787
- var intersectionDashboardCommonActions = this.props.dashboard_common_actions.filter(function (item) {
788
- return finalAns.includes(item);
789
- });
790
- this.setState({ commonActionsSelected: intersectionDashboardCommonActions, ingestedDbIdArray: arrayIngestDbId });
791
- } else {
792
- this.setState({ commonActionsSelected: finalAns, ingestedDbIdArray: arrayIngestDbId });
771
+ var commonActions = this.findCommon(this.state.items);
772
+ var commonDisplayActions = commonActions.filter(function (value) {
773
+ return _this2.props.dashboard_common_actions_2.includes(value);
774
+ });
775
+ var n = this.state.items.length;
776
+ var numberArray = [];
777
+ for (var i = 0; i < n; i++) {
778
+ numberArray.push(i);
793
779
  }
794
- this.setState(function (prevState) {
795
- return {
796
- items: items,
797
- selectedRows: selectedRows.concat(idx)
798
- };
799
- }, function () {});
780
+ this.setState({ isAllRowsSelected: true, ingestedDbIdArray: ingestedDbIdArray, selectedRows: numberArray, commonActionsSelected: commonDisplayActions });
800
781
  } else {
801
-
802
- items.map(function (itemSelectedRows, i) {
803
- if (idx === i) {
804
- itemSelectedRows.rowChecked = false;
805
- }
782
+ this.state.items.map(function (itemSelectedRows, i) {
783
+ itemSelectedRows.rowChecked = false;
806
784
  return itemSelectedRows;
807
785
  });
786
+ this.setState({ isAllRowsSelected: false, ingestedDbIdArray: [], selectedRows: [], commonActionsSelected: [] });
787
+ }
788
+ }
789
+ }, {
790
+ key: "rowCheckChange",
791
+ value: function rowCheckChange(e, value, item, idx) {
792
+ var _state = this.state,
793
+ items = _state.items,
794
+ selectedRows = _state.selectedRows;
808
795
 
809
- var arrOfSelected = selectedRows;
810
- var idxOfSelected = arrOfSelected.indexOf(idx);
811
-
812
- if (idxOfSelected >= 0) {
813
- arrOfSelected.splice(idxOfSelected, 1);
814
- }
796
+ if (selectedRows.length == items.length - 1 && value === true) {
797
+ this.execute(true);
798
+ } else {
799
+ var _props = this.props,
800
+ dashboard_common_actions_2 = _props.dashboard_common_actions_2,
801
+ dashboard_common_actions = _props.dashboard_common_actions;
815
802
 
816
- var _selected_row_items = this.removeObjects(items, arrOfSelected);
817
- var _arrayIngestDbId = _selected_row_items.map(function (ele) {
818
- return ele.ingest_db_id;
819
- });
803
+ var table = e.target.closest("table");
804
+ var checkboxNodes = table.querySelectorAll('thead tr th input[type="checkbox"]');
820
805
 
821
- /**
822
- * finalAns is an array of all selected asset items common Actions
823
- */
824
- var _finalAns = this.findCommon(_selected_row_items);
806
+ if (value) {
807
+ items.map(function (itemSelectedRows, i) {
808
+ if (idx === i) {
809
+ itemSelectedRows.rowChecked = true;
810
+ }
811
+ return itemSelectedRows;
812
+ });
825
813
 
826
- if (_finalAns.length != 0) {
827
- var _intersectionDashboardCommonActions = this.props.dashboard_common_actions.filter(function (item) {
828
- return _finalAns.includes(item);
814
+ var selected_row_items = this.removeObjects(items, selectedRows);
815
+ selected_row_items = selected_row_items.concat(items[idx]);
816
+ var arrayIngestDbId = selected_row_items.map(function (ele) {
817
+ return ele.ingest_db_id;
829
818
  });
830
- this.setState({ commonActionsSelected: _intersectionDashboardCommonActions, ingestedDbIdArray: _arrayIngestDbId });
819
+ /**
820
+ * finalAns is an array of all selected asset items common Actions
821
+ */
822
+ console.log(dashboard_common_actions_2);
823
+ var finalAns = this.findCommon(selected_row_items);
824
+ if (finalAns.length != 0) {
825
+ var intersectionDashboardCommonActions = dashboard_common_actions.filter(function (item) {
826
+ return finalAns.includes(item);
827
+ });
828
+ var commonActions = intersectionDashboardCommonActions.filter(function (value) {
829
+ return dashboard_common_actions_2.includes(value);
830
+ });
831
+ this.setState({ commonActionsSelected: commonActions, ingestedDbIdArray: arrayIngestDbId });
832
+ } else {
833
+ this.setState({ commonActionsSelected: finalAns, ingestedDbIdArray: arrayIngestDbId });
834
+ }
835
+ this.setState(function (prevState) {
836
+ return {
837
+ items: items,
838
+ selectedRows: selectedRows.concat(idx)
839
+ };
840
+ }, function () {});
831
841
  } else {
832
- this.setState({ commonActionsSelected: _finalAns, ingestedDbIdArray: _arrayIngestDbId });
833
- }
834
842
 
835
- this.setState({
836
- selectedRows: arrOfSelected
837
- }, function () {
838
- _this2.setState({
839
- isAllRowsSelected: false
843
+ items.map(function (itemSelectedRows, i) {
844
+ if (idx === i) {
845
+ itemSelectedRows.rowChecked = false;
846
+ }
847
+ return itemSelectedRows;
840
848
  });
841
- });
849
+
850
+ var arrOfSelected = selectedRows;
851
+ var idxOfSelected = arrOfSelected.indexOf(idx);
852
+
853
+ if (idxOfSelected >= 0) {
854
+ arrOfSelected.splice(idxOfSelected, 1);
855
+ }
856
+
857
+ var _selected_row_items = this.removeObjects(items, arrOfSelected);
858
+ var _arrayIngestDbId = _selected_row_items.map(function (ele) {
859
+ return ele.ingest_db_id;
860
+ });
861
+
862
+ /**
863
+ * finalAns is an array of all selected asset items common Actions
864
+ */
865
+ var _finalAns = this.findCommon(_selected_row_items);
866
+
867
+ if (_finalAns.length != 0) {
868
+ var _intersectionDashboardCommonActions = dashboard_common_actions.filter(function (item) {
869
+ return _finalAns.includes(item);
870
+ });
871
+ var _commonActions = _intersectionDashboardCommonActions.filter(function (value) {
872
+ return dashboard_common_actions_2.includes(value);
873
+ });
874
+ this.setState({ commonActionsSelected: _commonActions, ingestedDbIdArray: _arrayIngestDbId });
875
+ } else {
876
+ this.setState({ commonActionsSelected: _finalAns, ingestedDbIdArray: _arrayIngestDbId });
877
+ }
878
+
879
+ this.setState({
880
+ selectedRows: arrOfSelected,
881
+ isAllRowsSelected: false
882
+ }
883
+ // () => {
884
+ // this.setState({
885
+ // isAllRowsSelected: false,
886
+ // })
887
+ // }
888
+ );
889
+ }
842
890
  }
843
891
  }
844
892
  }, {
@@ -931,16 +979,16 @@ var Table = function (_Component) {
931
979
  value: function render() {
932
980
  var _this4 = this;
933
981
 
934
- var _props = this.props,
935
- theme = _props.theme,
936
- refreshDashboard = _props.refreshDashboard,
937
- isRefreshActivated = _props.isRefreshActivated,
938
- isRefreshDotVisible = _props.isRefreshDotVisible,
939
- showSearchBox = _props.showSearchBox,
940
- showTableHeader = _props.showTableHeader,
941
- pageDropdown = _props.pageDropdown,
942
- getTableData = _props.getTableData,
943
- downloadAvailable = _props.downloadAvailable;
982
+ var _props2 = this.props,
983
+ theme = _props2.theme,
984
+ refreshDashboard = _props2.refreshDashboard,
985
+ isRefreshActivated = _props2.isRefreshActivated,
986
+ isRefreshDotVisible = _props2.isRefreshDotVisible,
987
+ showSearchBox = _props2.showSearchBox,
988
+ showTableHeader = _props2.showTableHeader,
989
+ pageDropdown = _props2.pageDropdown,
990
+ getTableData = _props2.getTableData,
991
+ downloadAvailable = _props2.downloadAvailable;
944
992
  var _state2 = this.state,
945
993
  nestedTable = _state2.nestedTable,
946
994
  searchedText = _state2.searchedText;
@@ -965,7 +1013,7 @@ var Table = function (_Component) {
965
1013
  {
966
1014
  className: "table-cell",
967
1015
  theme: theme,
968
- key: index + column.title,
1016
+ key: index + column.title + Math.random(),
969
1017
  column: {
970
1018
  column: column,
971
1019
  width: column.field === "extra_columns" ? "40px" : "auto"
@@ -1262,6 +1310,36 @@ var Table = function (_Component) {
1262
1310
  )
1263
1311
  )
1264
1312
  ),
1313
+ this.state.showColumnArr[0] === 'rowChecked' && this.props.selectAllRows && _react2.default.createElement(
1314
+ SelectAllButton,
1315
+ { isActive: !this.state.isAllRowsSelected, onClick: function onClick(e) {
1316
+ _this4.execute(!_this4.state.isAllRowsSelected);
1317
+ } },
1318
+ _react2.default.createElement(
1319
+ "div",
1320
+ null,
1321
+ _react2.default.createElement(
1322
+ "label",
1323
+ null,
1324
+ _react2.default.createElement(
1325
+ "span",
1326
+ null,
1327
+ this.state.isAllRowsSelected ? _react2.default.createElement("div", { style: { height: '19px', width: '19px', border: '1.2px solid #49dad0', borderRadius: '50%', background: '#49dad0' } }) : '',
1328
+ this.state.isAllRowsSelected ? _react2.default.createElement("span", { style: {
1329
+ content: "",
1330
+ position: 'absolute',
1331
+ top: '8px',
1332
+ left: '4px',
1333
+ borderRight: '2px solid transparent',
1334
+ borderBottom: '2px solid transparent',
1335
+ transform: 'rotate(45deg)',
1336
+ transformOrigin: '0% 100%',
1337
+ animation: 'checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards'
1338
+ } }) : ''
1339
+ )
1340
+ )
1341
+ )
1342
+ ),
1265
1343
  _react2.default.createElement(
1266
1344
  Table.Card,
1267
1345
  _extends({
@@ -1390,6 +1468,9 @@ Table.Cell = _styledComponents2.default.td(_templateObject10, function (props) {
1390
1468
  });
1391
1469
 
1392
1470
  var DubbingStatusStyles = _styledComponents2.default.div(_templateObject11);
1471
+ var SelectAllButton = _styledComponents2.default.div(_templateObject12, function (props) {
1472
+ return props.isActive ? '1px solid #9E9E9E' : 'none';
1473
+ });
1393
1474
 
1394
1475
  Table.propTypes = {
1395
1476
  theme: _propTypes2.default.oneOf(["light", "dark"]),
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@desynova-digital/components",
3
- "version": "8.19.5",
3
+ "version": "8.19.7",
4
4
  "description": "Components for Desynova Digital",
5
5
  "main": "index.js",
6
6
  "author": "desynova-digital",
7
7
  "license": "MIT",
8
8
  "repository": "desynova-digital",
9
9
  "dependencies": {
10
- "@desynova-digital/tokens": "8.19.5",
10
+ "@desynova-digital/tokens": "8.19.7",
11
11
  "prop-types": "^15.7.2",
12
12
  "styled-components": "^4.3.2"
13
13
  },