@desynova-digital/components 8.9.1 → 8.9.5

package/atoms/cardV2/cardV2.js

@@ -82,7 +82,7 @@ var CardV2 = function CardV2(props) {
       _react2.default.createElement(_thumbnail2.default, props),
       _react2.default.createElement(_content2.default, props)
     );
-  }, []);
+  }, [props]);
 
   /**
    * based on width will render the card
@@ -98,7 +98,7 @@ var CardV2 = function CardV2(props) {
         content()
       );
     } else return content();
-  }, []);
+  }, [props]);
 
   return _react2.default.createElement(
     CardStyles,

package/atoms/cardV2/thumbnail.js

@@ -111,7 +111,7 @@ var Thumbnail = function Thumbnail(props) {
      * @const
      */
     var index = _tokens.CARD_ASSET_STATUS.findIndex(function (label) {
-      return label.code.includes(upload_status || card_status ? (upload_status || card_status).toLowerCase().split(" ").join("_") : []);
+      return label.code.includes(card_status || upload_status ? (card_status || upload_status).toLowerCase().split(" ").join("_") : []);
     });
     setStatusIndex(index);
   }, [upload_status, card_status]);
@@ -169,7 +169,7 @@ var Thumbnail = function Thumbnail(props) {
         position: "relative",
         zIndex: "2"
       },
-      (upload_status || card_status) && statusIndex && _react2.default.createElement(
+      (card_status || upload_status) && statusIndex && _react2.default.createElement(
         StatusBoxStyles,
         {
           hex: _tokens.CARD_ASSET_STATUS[statusIndex] ? _tokens.CARD_ASSET_STATUS[statusIndex].hex : { background: "#AFB2BA" }
@@ -183,7 +183,7 @@ var Thumbnail = function Thumbnail(props) {
             fontSize: "10px",
             color: "#FFF"
           },
-          upload_status || card_status
+          card_status || upload_status
         )
       ),
       actions && actions.length > 0 && actions.map(function (item, i) {

package/atoms/checkbox/checkbox.js

@@ -114,7 +114,7 @@ var Checkbox = function Checkbox(props) {
       {
         theme: props.theme,
         selected: props.defaultChecked,
-        className: props.isDisabled ? "disabled" : ""
+        className: props.isDisabled && props.access !== 'read' ? "disabled" : ""
       },
       props.children
     ) : null,
@@ -166,7 +166,8 @@ var CheckboxGroup = function CheckboxGroup(props) {
         onChange: child.props.isDisabled ? props.onChange : function () {},
         theme: props.theme,
         type: props.type,
-        fillRule: props.fillRule || ''
+        fillRule: props.fillRule || '',
+        access: child.props.access
       }) : null;
     })
   );
@@ -184,7 +185,8 @@ Checkbox.propTypes = {
   /** Callback function which is called when the user selects an option */
   onChange: _propTypes2.default.func,
   type: _propTypes2.default.oneOf(["default", "label", "switch"]),
-  fillRule: _propTypes2.default.string
+  fillRule: _propTypes2.default.string,
+  access: _propTypes2.default.string
 };
 
 Checkbox.defaultProps = {

package/atoms/icon/icon.story.js

@@ -43,6 +43,9 @@ console.log(iconsArr);
     _react2.default.createElement(
       _storyHelpers.Stack,
       null,
+      _react2.default.createElement(_components.Icon, { name: "stitching", width: 24, height: 24 }),
+      _react2.default.createElement(_components.Icon, { name: "publishing", width: 24, height: 24 }),
+      _react2.default.createElement(_components.Icon, { name: "hes", width: 24, height: 24 }),
       _react2.default.createElement(_components.Icon, { name: "add", width: 14, height: 14 }),
       _react2.default.createElement(_components.Icon, { name: "add-circle", width: 18, height: 18 }),
       _react2.default.createElement(_components.Icon, { name: "arrow-left", width: 14, height: 14 }),

package/atoms/icon/icons.json

@@ -1250,6 +1250,21 @@
       "paths": ["M6.22222 0L4.59556 1.77778H1.77778C0.8 1.77778 0 2.57778 0 3.55556V14.2222C0 15.2 0.8 16 1.77778 16H16C16.9778 16 17.7778 15.2 17.7778 14.2222V3.55556C17.7778 2.57778 16.9778 1.77778 16 1.77778H13.1822L11.5556 0H6.22222ZM8.88889 13.3333C6.43556 13.3333 4.44444 11.3422 4.44444 8.88889C4.44444 6.43556 6.43556 4.44444 8.88889 4.44444C11.3422 4.44444 13.3333 6.43556 13.3333 8.88889C13.3333 11.3422 11.3422 13.3333 8.88889 13.3333ZM8.88889 11.7333C10.4598 11.7333 11.7333 10.4598 11.7333 8.88889C11.7333 7.31795 10.4598 6.04444 8.88889 6.04444C7.31795 6.04444 6.04444 7.31795 6.04444 8.88889C6.04444 10.4598 7.31795 11.7333 8.88889 11.7333Z"],
       "width": 18,
       "height": 16
+    },
+    "stitching": {
+      "paths" :["M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"],
+      "width": 24,
+      "height": 24
+    },
+    "publishing": {
+      "paths" :["M15.5 5H11l5 7-5 7h4.5l5-7z", "M8.5 5H4l5 7-5 7h4.5l5-7z"],
+      "width": 24,
+      "height": 24
+    },
+    "hes": {
+      "paths" :["M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 16l4-4-4-4v3H1v2h10v3z"],
+      "width": 24,
+      "height": 24
     }
   }
 }

package/package.json

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