@desynova-digital/components 8.17.3 → 8.17.5

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 (6) hide show
  1. package/atoms/cardV2/cardV2.js +4 -3
  2. package/atoms/cardV2/cardV2.story.js +1 -1
  3. package/atoms/cardV2/thumbnail.js +6 -5
  4. package/atoms/icon/icons.json +7 -0
  5. package/molecules/table/table.js +5 -2
  6. package/package.json +2 -2
package/atoms/cardV2/cardV2.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.BaseButtonStyles = exports.BaseParaStyles = exports.DivStyles = exports.CommonStyles = undefined;
7
7
 
8
8
  var _templateObject = _taggedTemplateLiteral(["\n ", "\n"], ["\n ", "\n"]),
9
- _templateObject2 = _taggedTemplateLiteral(["\n background-color: ", ";\n margin: ", ";\n padding: ", ";\n display: ", ";\n justify-content: ", ";\n align-items: ", ";\n font-size: ", ";\n color: ", ";\n position: ", ";\n border: ", ";\n z-index: ", ";\n cursor: ", ";\n border-radius: ", ";\n height: ", ";\n width: ", ";\n "], ["\n background-color: ", ";\n margin: ", ";\n padding: ", ";\n display: ", ";\n justify-content: ", ";\n align-items: ", ";\n font-size: ", ";\n color: ", ";\n position: ", ";\n border: ", ";\n z-index: ", ";\n cursor: ", ";\n border-radius: ", ";\n height: ", ";\n width: ", ";\n "]),
9
+ _templateObject2 = _taggedTemplateLiteral(["\n background-color: ", ";\n margin: ", ";\n padding: ", ";\n display: ", ";\n justify-content: ", ";\n align-items: ", ";\n font-size: ", ";\n color: ", ";\n position: ", ";\n border: ", ";\n z-index: ", ";\n cursor: ", ";\n border-radius: ", ";\n height: ", ";\n width: ", ";\n margin-left: ", "\n "], ["\n background-color: ", ";\n margin: ", ";\n padding: ", ";\n display: ", ";\n justify-content: ", ";\n align-items: ", ";\n font-size: ", ";\n color: ", ";\n position: ", ";\n border: ", ";\n z-index: ", ";\n cursor: ", ";\n border-radius: ", ";\n height: ", ";\n width: ", ";\n margin-left: ", "\n "]),
10
10
  _templateObject3 = _taggedTemplateLiteral(["\n ", ";\n"], ["\n ", ";\n"]),
11
11
  _templateObject4 = _taggedTemplateLiteral(["\n font-family: SFUIText-Regular;\n ", ";\n"], ["\n font-family: SFUIText-Regular;\n ", ";\n"]),
12
12
  _templateObject5 = _taggedTemplateLiteral(["\n position: relative;\n border-radius: 2px;\n"], ["\n position: relative;\n border-radius: 2px;\n"]);
@@ -57,8 +57,9 @@ var CommonStyles = exports.CommonStyles = (0, _styledComponents.css)(_templateOb
57
57
  borderRadius = _ref.borderRadius,
58
58
  height = _ref.height,
59
59
  width = _ref.width,
60
- bgColor = _ref.bgColor;
61
- return (0, _styledComponents.css)(_templateObject2, bgColor, margin, padding, display, justify, align, fontSize, color, position, border, zIndex, cursor, borderRadius, height, width);
60
+ bgColor = _ref.bgColor,
61
+ marginLeft = _ref.marginLeft;
62
+ return (0, _styledComponents.css)(_templateObject2, bgColor, margin, padding, display, justify, align, fontSize, color, position, border, zIndex, cursor, borderRadius, height, width, marginLeft);
62
63
  });
63
64
 
64
65
  var DivStyles = exports.DivStyles = _styledComponents2.default.div(_templateObject3, CommonStyles);
package/atoms/cardV2/cardV2.story.js CHANGED
@@ -67,7 +67,7 @@ var overllapingShows = [{ episode_name: "Wicked Tuna: North vs South, East vs We
67
67
  h3: "24/05/2021",
68
68
  h4: "HINDI",
69
69
  h5: "V1",
70
- upload_type: "FC",
70
+ upload_type: "rc",
71
71
  isSegment: true,
72
72
  upload_status: "Uploading" // if upload_status is present then card_status will be ignored
73
73
  , card_status: "Revision",
package/atoms/cardV2/thumbnail.js CHANGED
@@ -8,7 +8,7 @@ var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = [
8
8
 
9
9
  var _templateObject = _taggedTemplateLiteral(["\n background: rgba(0, 0, 0, 0.5);\n"], ["\n background: rgba(0, 0, 0, 0.5);\n"]),
10
10
  _templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n background: ", ";\n background-size: cover;\n width: ", ";\n height: ", ";\n\n .iframe-image-block {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n cursor: ", ";\n overflow: hidden;\n background: #000;\n opacity: 0;\n &:hover {\n opacity: 1;\n }\n .hover-pointer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0;\n background: #fff;\n pointer-events: none;\n z-index: 1;\n }\n img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: auto;\n }\n }\n"], ["\n position: relative;\n background: ", ";\n background-size: cover;\n width: ", ";\n height: ", ";\n\n .iframe-image-block {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n cursor: ", ";\n overflow: hidden;\n background: #000;\n opacity: 0;\n &:hover {\n opacity: 1;\n }\n .hover-pointer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0;\n background: #fff;\n pointer-events: none;\n z-index: 1;\n }\n img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: auto;\n }\n }\n"]),
11
- _templateObject3 = _taggedTemplateLiteral(["\n z-index:2;\n .uploadWrapper{\n border-radius: 50%;\n background: ", ";\n color: ", ";\n width: 25px;\n height: 25px;\n display:flex;\n justify-content: center;\n align-items:center;\n .wrapper{\n font-size: 10px;\n font-family: 'SFUIText-Regular';\n }\n }\n"], ["\n z-index:2;\n .uploadWrapper{\n border-radius: 50%;\n background: ", ";\n color: ", ";\n width: 25px;\n height: 25px;\n display:flex;\n justify-content: center;\n align-items:center;\n .wrapper{\n font-size: 10px;\n font-family: 'SFUIText-Regular';\n }\n }\n"]),
11
+ _templateObject3 = _taggedTemplateLiteral(["\n z-index:2;\n .uploadWrapper{\n border-radius: 50%;\n background: ", ";\n color: ", ";\n width: 25px;\n height: 25px;\n display:flex;\n justify-content: center;\n align-items:center;\n .wrapper{\n font-size: 10px;\n font-family: 'SFUIText-Regular';\n line-height:1.1;\n text-transform:uppercase;\n }\n }\n"], ["\n z-index:2;\n .uploadWrapper{\n border-radius: 50%;\n background: ", ";\n color: ", ";\n width: 25px;\n height: 25px;\n display:flex;\n justify-content: center;\n align-items:center;\n .wrapper{\n font-size: 10px;\n font-family: 'SFUIText-Regular';\n line-height:1.1;\n text-transform:uppercase;\n }\n }\n"]),
12
12
  _templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n padding: 5px 8px;\n width: fit-content;\n border-radius: 15px;\n margin-right: 5px;\n display: flex;\n align-items: center;\n ", ";\n\n .status-color {\n height: 6px;\n width: 6px;\n border-radius: 100%;\n background-color: ", ";\n margin-right: 5px;\n }\n\n .status-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n height: 10px;\n }\n"], ["\n position: relative;\n padding: 5px 8px;\n width: fit-content;\n border-radius: 15px;\n margin-right: 5px;\n display: flex;\n align-items: center;\n ", ";\n\n .status-color {\n height: 6px;\n width: 6px;\n border-radius: 100%;\n background-color: ", ";\n margin-right: 5px;\n }\n\n .status-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n height: 10px;\n }\n"]),
13
13
  _templateObject5 = _taggedTemplateLiteral(["\n ", ";\n &:hover {\n background-color: #00cec6;\n }\n &:active,\n &:focus {\n outline: none;\n }\n"], ["\n ", ";\n &:hover {\n background-color: #00cec6;\n }\n &:active,\n &:focus {\n outline: none;\n }\n"]),
14
14
  _templateObject6 = _taggedTemplateLiteral(["\n display:flex;\n justify-content:space-between;\n padding:10px;\n"], ["\n display:flex;\n justify-content:space-between;\n padding:10px;\n"]);
@@ -63,9 +63,9 @@ var ThumbnailStyles = _styledComponents2.default.div(_templateObject2, function
63
63
  });
64
64
 
65
65
  var UploadTypeContainer = _styledComponents2.default.div(_templateObject3, function (props) {
66
- return props.upload_type === 'RC' ? '#FF6327' : '#00CEC6';
66
+ return props.upload_type === 'rc' ? '#FF6327' : '#00CEC6';
67
67
  }, function (props) {
68
- return props.upload_type === 'RC' ? '#FFFFFF' : '#0C141D';
68
+ return props.upload_type === 'rc' ? '#FFFFFF' : '#0C141D';
69
69
  });
70
70
 
71
71
  var StatusBoxStyles = _styledComponents2.default.div(_templateObject4, OverlayBackgroundStyles, function (_ref5) {
@@ -174,7 +174,7 @@ var Thumbnail = function Thumbnail(props) {
174
174
  null,
175
175
  upload_type && _react2.default.createElement(
176
176
  UploadTypeContainer,
177
- { upload_type: upload_type },
177
+ { upload_type: upload_type && upload_type.toLowerCase() },
178
178
  _react2.default.createElement(
179
179
  "div",
180
180
  { className: "uploadWrapper" },
@@ -193,7 +193,8 @@ var Thumbnail = function Thumbnail(props) {
193
193
  justify: "flex-end",
194
194
  align: "center",
195
195
  position: "relative",
196
- zIndex: "2"
196
+ zIndex: "2",
197
+ marginLeft: "auto"
197
198
  },
198
199
  (card_status || upload_status) && statusIndex > -1 && _react2.default.createElement(
199
200
  StatusBoxStyles,
package/atoms/icon/icons.json CHANGED
@@ -1377,6 +1377,13 @@
1377
1377
  ],
1378
1378
  "width": 18,
1379
1379
  "height": 18
1380
+ },
1381
+ "triangle-carat": {
1382
+ "paths": [
1383
+ "M3.5 5.6001L7 9.77516e-05H0L3.5 5.6001Z"
1384
+ ],
1385
+ "width": 7,
1386
+ "height": 6
1380
1387
  }
1381
1388
  }
1382
1389
  }
package/molecules/table/table.js CHANGED
@@ -869,7 +869,8 @@ var Table = function (_Component) {
869
869
  refreshDashboard = _props.refreshDashboard,
870
870
  isRefreshActivated = _props.isRefreshActivated,
871
871
  isRefreshDotVisible = _props.isRefreshDotVisible,
872
- showSearchBox = _props.showSearchBox;
872
+ showSearchBox = _props.showSearchBox,
873
+ pageDropdown = _props.pageDropdown;
873
874
  var _state = this.state,
874
875
  nestedTable = _state.nestedTable,
875
876
  searchedText = _state.searchedText;
@@ -1050,6 +1051,7 @@ var Table = function (_Component) {
1050
1051
  })
1051
1052
  )
1052
1053
  ),
1054
+ pageDropdown && pageDropdown || null,
1053
1055
  this.props.searchable ? _react2.default.createElement(
1054
1056
  "div",
1055
1057
  null,
@@ -1307,7 +1309,8 @@ Table.propTypes = {
1307
1309
  getSearchedRows: _propTypes2.default.func,
1308
1310
  showSearchBox: _propTypes2.default.bool,
1309
1311
  handleUserIdFilterChange: _propTypes2.default.func,
1310
- userIdsList: _propTypes2.default.instanceOf(Object)
1312
+ userIdsList: _propTypes2.default.instanceOf(Object),
1313
+ pageDropdown: _propTypes2.default.instanceOf(Object)
1311
1314
  };
1312
1315
 
1313
1316
  Table.defaultProps = {
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@desynova-digital/components",
3
- "version": "8.17.3",
3
+ "version": "8.17.5",
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.17.3",
10
+ "@desynova-digital/tokens": "8.17.5",
11
11
  "prop-types": "^15.7.2",
12
12
  "styled-components": "^4.3.2"
13
13
  },