@desynova-digital/components 8.19.6 → 8.19.8

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 (2) hide show
  1. package/molecules/table/table.js +158 -78
  2. package/package.json +2 -2
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,136 @@ 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.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 = _props.dashboard_common_actions,
801
+ common_actions = _props.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
+ var finalAns = this.findCommon(selected_row_items);
823
+ if (finalAns.length != 0) {
824
+ var intersectionDashboardCommonActions = common_actions.filter(function (item) {
825
+ return finalAns.includes(item);
826
+ });
827
+ var commonActions = intersectionDashboardCommonActions.filter(function (value) {
828
+ return dashboard_common_actions.includes(value);
829
+ });
830
+ this.setState({ commonActionsSelected: commonActions, ingestedDbIdArray: arrayIngestDbId });
831
+ } else {
832
+ this.setState({ commonActionsSelected: finalAns, ingestedDbIdArray: arrayIngestDbId });
833
+ }
834
+ this.setState(function (prevState) {
835
+ return {
836
+ items: items,
837
+ selectedRows: selectedRows.concat(idx)
838
+ };
839
+ }, function () {});
831
840
  } else {
832
- this.setState({ commonActionsSelected: _finalAns, ingestedDbIdArray: _arrayIngestDbId });
833
- }
834
841
 
835
- this.setState({
836
- selectedRows: arrOfSelected
837
- }, function () {
838
- _this2.setState({
839
- isAllRowsSelected: false
842
+ items.map(function (itemSelectedRows, i) {
843
+ if (idx === i) {
844
+ itemSelectedRows.rowChecked = false;
845
+ }
846
+ return itemSelectedRows;
840
847
  });
841
- });
848
+
849
+ var arrOfSelected = selectedRows;
850
+ var idxOfSelected = arrOfSelected.indexOf(idx);
851
+
852
+ if (idxOfSelected >= 0) {
853
+ arrOfSelected.splice(idxOfSelected, 1);
854
+ }
855
+
856
+ var _selected_row_items = this.removeObjects(items, arrOfSelected);
857
+ var _arrayIngestDbId = _selected_row_items.map(function (ele) {
858
+ return ele.ingest_db_id;
859
+ });
860
+
861
+ /**
862
+ * finalAns is an array of all selected asset items common Actions
863
+ */
864
+ var _finalAns = this.findCommon(_selected_row_items);
865
+
866
+ if (_finalAns.length != 0) {
867
+ var _intersectionDashboardCommonActions = common_actions.filter(function (item) {
868
+ return _finalAns.includes(item);
869
+ });
870
+ var _commonActions = _intersectionDashboardCommonActions.filter(function (value) {
871
+ return dashboard_common_actions.includes(value);
872
+ });
873
+ this.setState({ commonActionsSelected: _commonActions, ingestedDbIdArray: _arrayIngestDbId });
874
+ } else {
875
+ this.setState({ commonActionsSelected: _finalAns, ingestedDbIdArray: _arrayIngestDbId });
876
+ }
877
+
878
+ this.setState({
879
+ selectedRows: arrOfSelected,
880
+ isAllRowsSelected: false
881
+ }
882
+ // () => {
883
+ // this.setState({
884
+ // isAllRowsSelected: false,
885
+ // })
886
+ // }
887
+ );
888
+ }
842
889
  }
843
890
  }
844
891
  }, {
@@ -931,16 +978,16 @@ var Table = function (_Component) {
931
978
  value: function render() {
932
979
  var _this4 = this;
933
980
 
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;
981
+ var _props2 = this.props,
982
+ theme = _props2.theme,
983
+ refreshDashboard = _props2.refreshDashboard,
984
+ isRefreshActivated = _props2.isRefreshActivated,
985
+ isRefreshDotVisible = _props2.isRefreshDotVisible,
986
+ showSearchBox = _props2.showSearchBox,
987
+ showTableHeader = _props2.showTableHeader,
988
+ pageDropdown = _props2.pageDropdown,
989
+ getTableData = _props2.getTableData,
990
+ downloadAvailable = _props2.downloadAvailable;
944
991
  var _state2 = this.state,
945
992
  nestedTable = _state2.nestedTable,
946
993
  searchedText = _state2.searchedText;
@@ -1262,6 +1309,36 @@ var Table = function (_Component) {
1262
1309
  )
1263
1310
  )
1264
1311
  ),
1312
+ this.state.showColumnArr[0] === 'rowChecked' && this.props.selectAllRows && _react2.default.createElement(
1313
+ SelectAllButton,
1314
+ { isActive: !this.state.isAllRowsSelected, onClick: function onClick(e) {
1315
+ _this4.execute(!_this4.state.isAllRowsSelected);
1316
+ } },
1317
+ _react2.default.createElement(
1318
+ "div",
1319
+ null,
1320
+ _react2.default.createElement(
1321
+ "label",
1322
+ null,
1323
+ _react2.default.createElement(
1324
+ "span",
1325
+ null,
1326
+ this.state.isAllRowsSelected ? _react2.default.createElement("div", { style: { height: '19px', width: '19px', border: '1.2px solid #49dad0', borderRadius: '50%', background: '#49dad0' } }) : '',
1327
+ this.state.isAllRowsSelected ? _react2.default.createElement("span", { style: {
1328
+ content: "",
1329
+ position: 'absolute',
1330
+ top: '8px',
1331
+ left: '4px',
1332
+ borderRight: '2px solid transparent',
1333
+ borderBottom: '2px solid transparent',
1334
+ transform: 'rotate(45deg)',
1335
+ transformOrigin: '0% 100%',
1336
+ animation: 'checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards'
1337
+ } }) : ''
1338
+ )
1339
+ )
1340
+ )
1341
+ ),
1265
1342
  _react2.default.createElement(
1266
1343
  Table.Card,
1267
1344
  _extends({
@@ -1390,6 +1467,9 @@ Table.Cell = _styledComponents2.default.td(_templateObject10, function (props) {
1390
1467
  });
1391
1468
 
1392
1469
  var DubbingStatusStyles = _styledComponents2.default.div(_templateObject11);
1470
+ var SelectAllButton = _styledComponents2.default.div(_templateObject12, function (props) {
1471
+ return props.isActive ? '1px solid #9E9E9E' : 'none';
1472
+ });
1393
1473
 
1394
1474
  Table.propTypes = {
1395
1475
  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.6",
3
+ "version": "8.19.8",
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.6",
10
+ "@desynova-digital/tokens": "8.19.8",
11
11
  "prop-types": "^15.7.2",
12
12
  "styled-components": "^4.3.2"
13
13
  },