@desynova-digital/components 9.0.15 → 9.0.17

package/atoms/checkbox/checkbox.js

@@ -88,8 +88,11 @@ var justifyContent = {
   vertical: 'margin-bottom: 5px;'
 };
 
+function getDisplayValue(props) {
+  return props.align === 'horizontal' ? 'inline-block' : props.className === 'display-flex' ? 'flex' : 'table';
+}
 var StyledCheckbox = _styledComponents2.default.div(_templateObject3, StyledCheckboxOption, function (props) {
-  return props.align === 'horizontal' ? 'inline-block' : 'table';
+  return getDisplayValue(props);
 }, function (props) {
   return justifyContent[props.align];
 });

package/atoms/icon/icons.json

@@ -20,6 +20,16 @@
       "width": 16,
       "height": 16
     },
+    "double-arrow-right": {
+      "paths": ["M4.78779 6.00001L0.251019 1.46324C-0.0836954 1.1285 -0.0836954 0.58579 0.251019 0.251049C0.585734 -0.083683 1.12848 -0.083683 1.46319 0.251049L6.60607 5.39391C6.9408 5.72866 6.9408 6.27137 6.60607 6.60611L1.46319 11.749C1.12848 12.0837 0.585734 12.0837 0.251019 11.749C-0.0836954 11.4142 -0.0836954 10.8715 0.251019 10.5368L4.78779 6.00001Z","M11.7878 6.00001L7.25102 1.46324C6.9163 1.1285 6.9163 0.58579 7.25102 0.251049C7.58573 -0.083683 8.12848 -0.083683 8.46319 0.251049L13.6061 5.39391C13.9408 5.72866 13.9408 6.27137 13.6061 6.60611L8.46319 11.749C8.12848 12.0837 7.58573 12.0837 7.25102 11.749C6.9163 11.4142 6.9163 10.8715 7.25102 10.5368L11.7878 6.00001Z"],
+      "width": 14,
+      "height": 12
+    },
+    "double-arrow-left": {
+      "paths": ["M2.07152 5.99999L6.60829 10.5368C6.94301 10.8715 6.94301 11.4142 6.60829 11.749C6.27358 12.0837 5.73084 12.0837 5.39612 11.749L0.253246 6.60609C-0.0814857 6.27134 -0.0814857 5.72863 0.253246 5.39389L5.39612 0.251037C5.73084 -0.0836782 6.27358 -0.0836782 6.60829 0.251037C6.94301 0.585752 6.94301 1.1285 6.60829 1.46321L2.07152 5.99999Z","M9.07152 5.99999L13.6083 10.5368C13.943 10.8715 13.943 11.4142 13.6083 11.749C13.2736 12.0837 12.7308 12.0837 12.3961 11.749L7.25325 6.60609C6.91851 6.27134 6.91851 5.72863 7.25325 5.39389L12.3961 0.251037C12.7308 -0.0836782 13.2736 -0.0836782 13.6083 0.251037C13.943 0.585752 13.943 1.1285 13.6083 1.46321L9.07152 5.99999Z"],
+      "width": 14,
+      "height": 12
+    },
     "arrow-right": {
       "paths": [
         "M558 37 556.76625 38.23375 561.64875 43.125 551 43.125 551 44.875 561.64875 44.875 556.76625 49.76625 558 51 565 44z"

package/molecules/table/table.js

@@ -356,7 +356,9 @@ var Table = function (_Component) {
               ));
             }
           }
-
+        /**
+         * In link text we  expect actions array in our items array to perform click functionality and data
+         */
         case 'link_text':
           {
             if (tableLoading) {
@@ -380,6 +382,28 @@ var Table = function (_Component) {
               }
             }
           }
+        /**
+         * In link field we don't expect any actions in our items array it always have click functionality
+         */
+        case 'link_field':
+          {
+            if (tableLoading) {
+              return _react2.default.createElement(_Shimmer2.default, { height: '16px', width: '100%' });
+            } else {
+              var _isPlayable = true;
+              return _react2.default.createElement(
+                'div',
+                {
+                  className: 'text-box ' + (_isPlayable ? 'asset-play' : ''),
+                  title: item[column.field],
+                  onClick: function onClick(e) {
+                    return _isPlayable ? _this.actionClickEvents(e, 'play', idx) : e.preventDefault();
+                  }
+                },
+                item[column.field].toString()
+              );
+            }
+          }
 
         case 'action_icon':
           if (tableLoading) {
@@ -1177,7 +1201,9 @@ var Table = function (_Component) {
           downloadAvailable = _props2.downloadAvailable,
           tableLoading = _props2.tableLoading,
           tableLoadingAction = _props2.tableLoadingAction,
-          filtersStructure = _props2.filtersStructure;
+          filtersStructure = _props2.filtersStructure,
+          dropDownHandle = _props2.dropDownHandle,
+          downloadHandle = _props2.downloadHandle;
       var _state2 = this.state,
           nestedTable = _state2.nestedTable,
           searchedText = _state2.searchedText,
@@ -1371,7 +1397,7 @@ var Table = function (_Component) {
                   })
                 )
               ) || _react2.default.createElement(_Shimmer2.default, { height: '24px', width: '322px' }),
-              !tableLoading && pageDropdown && pageDropdown || tableLoadingAction ? pageDropdown : _react2.default.createElement(_Shimmer2.default, { height: '24px', width: '100px' }),
+              !tableLoading && pageDropdown && pageDropdown || tableLoadingAction ? pageDropdown : dropDownHandle ? null : _react2.default.createElement(_Shimmer2.default, { height: '24px', width: '100px' }),
               this.props.searchable ? _react2.default.createElement(
                 'div',
                 null,
@@ -1447,7 +1473,7 @@ var Table = function (_Component) {
                     iconHeight: 12
                   })
                 )
-              ) || _react2.default.createElement(_Shimmer2.default, { height: '24px', width: '30px' }),
+              ) || (downloadHandle ? null : _react2.default.createElement(_Shimmer2.default, { height: '24px', width: '30px' })),
               false && _react2.default.createElement(
                 'div',
                 { className: 'column-show-holder' },

package/package.json

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