clay-card - npm Package Compare versions

Comparing version 1.0.0-alpha.10 to 1.0.0-alpha.12

lib/ClayCard.js

@@ -12,4 +12,2 @@ 'use strict';
 
-require('clay-dropdown');
-
 require('clay-label');
@@ -21,2 +19,6 @@
 
+var _clayDropdown = require('clay-dropdown');
+
+var _metalState = require('metal-state');
+
 var _metalComponent = require('metal-component');
@@ -34,4 +36,2 @@
 
-var _metalState = require('metal-state');
-
 var _action_items_validator = require('./action_items_validator');
@@ -52,3 +52,5 @@
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+// eslint-disable-next-line
 
+
 /**
@@ -55,0 +57,0 @@ * Metal ClayCard component.

lib/ClayFileCard.soy.js

@@ -117,3 +117,3 @@ 'use strict';
     classes__soy273 += elementClasses ? ' ' + elementClasses : '';
-    $templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy273, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title, href: href }, null, opt_ijData);
+    $templateAlias1({ actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy273, events: { itemToggled: handleItemToggled_ }, fileType: fileType, fileTypeStyle: fileTypeStyle, href: href, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title }, null, opt_ijData);
   }
@@ -120,0 +120,0 @@ exports.render = $render;

lib/ClayHorizontalCard.js

@@ -12,4 +12,2 @@ 'use strict';
 
-require('clay-dropdown');
-
 require('clay-link');
@@ -19,2 +17,6 @@
 
+var _clayDropdown = require('clay-dropdown');
+
+var _metalState = require('metal-state');
+
 var _metalComponent = require('metal-component');
@@ -32,4 +34,2 @@
 
-var _metalState = require('metal-state');
-
 var _action_items_validator = require('./action_items_validator');
@@ -50,3 +50,5 @@
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+// eslint-disable-next-line
 
+
 /**
@@ -53,0 +55,0 @@ * Metal ClayHorizontalCard component.

lib/ClayUserCard.js

@@ -10,10 +10,12 @@ 'use strict';
 
+require('./ClayCard');
+
 require('clay-link');
 
-require('clay-dropdown');
-
 require('clay-sticker');
 
-require('./ClayCard');
+var _clayDropdown = require('clay-dropdown');
 
+var _metalState = require('metal-state');
+
 var _metalComponent = require('metal-component');
@@ -31,4 +33,2 @@
 
-var _metalState = require('metal-state');
-
 var _action_items_validator = require('./action_items_validator');
@@ -49,3 +49,5 @@
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+// eslint-disable-next-line
 
+
 /**
@@ -52,0 +54,0 @@ * Metal ClayUserCard component.

lib/ClayUserCard.soy.js

@@ -266,22 +266,3 @@ 'use strict';
     incrementalDom.elementOpenEnd();
-    var param736 = function param736() {
-      if (imageSrc) {
-        var imageAttributes__soy741 = function imageAttributes__soy741() {
-          incrementalDom.attr('alt', imageAlt ? imageAlt : '');
-          incrementalDom.attr('class', 'img-fluid');
-          incrementalDom.attr('src', imageSrc);
-        };
-        incrementalDom.elementOpenStart('img');
-        imageAttributes__soy741();
-        incrementalDom.elementOpenEnd();
-        incrementalDom.elementClose('img');
-      } else if (fileType) {
-        incrementalDom.elementOpenStart('span');
-        incrementalDom.attr('class', 'sticker-overlay');
-        incrementalDom.elementOpenEnd();
-        soyIdom.print(fileType);
-        incrementalDom.elementClose('span');
-      }
-    };
-    $templateAlias4({ label: param736, shape: 'circle', size: 'xl', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp }, null, opt_ijData);
+    $templateAlias4({ imageAlt: imageAlt, imageSrc: imageSrc, label: fileType, shape: 'circle', size: 'xl', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp }, null, opt_ijData);
     incrementalDom.elementClose('div');
@@ -288,0 +269,0 @@ }

package.json

 {
   "name": "clay-card",
-  "version": "1.0.0-alpha.10",
+  "version": "1.0.0-alpha.12",
   "description": "Metal ClayCard component",
@@ -30,8 +30,8 @@ "license": "BSD",
   "dependencies": {
-    "clay-checkbox": "^1.0.0-alpha.5",
-    "clay-dropdown": "^1.0.0-alpha.10",
-    "clay-icon": "^1.0.0-alpha.9",
-    "clay-label": "^1.0.0-alpha.9",
-    "clay-link": "^1.0.0-alpha.9",
-    "clay-sticker": "^1.0.0-alpha.9",
+    "clay-checkbox": "^1.0.0-alpha.12",
+    "clay-dropdown": "^1.0.0-alpha.12",
+    "clay-icon": "^1.0.0-alpha.12",
+    "clay-label": "^1.0.0-alpha.12",
+    "clay-link": "^1.0.0-alpha.12",
+    "clay-sticker": "^1.0.0-alpha.12",
     "metal": "^2.14.0",
@@ -50,3 +50,3 @@ "metal-component": "^2.14.0",
     "browserslist-config-clay-components": "^1.0.0-alpha.2",
-    "clay": "^2.0.0-beta.4",
+    "clay": "^2.0.0-beta.5",
     "metal-dom": "^2.13.2",
@@ -53,0 +53,0 @@ "metal-tools-soy": "^4.2.1",

src/ClayCard.js

 import 'clay-checkbox';
-import 'clay-dropdown';
 import 'clay-label';
 import 'clay-link';
 import 'clay-sticker';
+// eslint-disable-next-line
+import { ClayActionsDropdown } from 'clay-dropdown';
+import {Config} from 'metal-state';
 import Component from 'metal-component';
 import defineWebComponent from 'metal-web-component';
 import Soy from 'metal-soy';
-import {Config} from 'metal-state';
 
@@ -11,0 +12,0 @@ import actionItemsValidator from './action_items_validator';

src/ClayFileCard.soy.js

@@ -98,3 +98,3 @@ /* jshint ignore:start */
   classes__soy273 += elementClasses ? ' ' + elementClasses : '';
-  $templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy273, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title, href: href}, null, opt_ijData);
+  $templateAlias1({actionItems: actionItems, contentRenderer: 'file', disabled: disabled, elementClasses: classes__soy273, events: {itemToggled: handleItemToggled_}, fileType: fileType, fileTypeStyle: fileTypeStyle, href: href, icon: ($$temp = icon) == null ? 'documents-and-media' : $$temp, id: id, inputName: inputName, inputValue: inputValue, labels: labels, ref: 'card', selectable: selectable, selected: selected, spritemap: spritemap, subtitle: subtitle, title: title}, null, opt_ijData);
 }
@@ -101,0 +101,0 @@ exports.render = $render;

src/ClayHorizontalCard.js

 import 'clay-checkbox';
-import 'clay-dropdown';
 import 'clay-link';
 import 'clay-sticker';
+// eslint-disable-next-line
+import { ClayActionsDropdown } from 'clay-dropdown';
+import {Config} from 'metal-state';
 import Component from 'metal-component';
 import defineWebComponent from 'metal-web-component';
 import Soy from 'metal-soy';
-import {Config} from 'metal-state';
 
@@ -10,0 +11,0 @@ import actionItemsValidator from './action_items_validator';

src/ClayUserCard.js

@@ -0,9 +1,10 @@
+import './ClayCard';
 import 'clay-link';
-import 'clay-dropdown';
 import 'clay-sticker';
-import './ClayCard';
+// eslint-disable-next-line
+import { ClayActionsDropdown } from 'clay-dropdown';
+import {Config} from 'metal-state';
 import Component from 'metal-component';
 import defineWebComponent from 'metal-web-component';
 import Soy from 'metal-soy';
-import {Config} from 'metal-state';
 
@@ -10,0 +11,0 @@ import actionItemsValidator from './action_items_validator';

src/ClayUserCard.soy.js

@@ -249,22 +249,3 @@ /* jshint ignore:start */
   incrementalDom.elementOpenEnd();
-    var param736 = function() {
-      if (imageSrc) {
-        var imageAttributes__soy741 = function() {
-          incrementalDom.attr('alt', imageAlt ? imageAlt : '');
-          incrementalDom.attr('class', 'img-fluid');
-          incrementalDom.attr('src', imageSrc);
-        };
-        incrementalDom.elementOpenStart('img');
-            imageAttributes__soy741();
-        incrementalDom.elementOpenEnd();
-        incrementalDom.elementClose('img');
-      } else if (fileType) {
-        incrementalDom.elementOpenStart('span');
-            incrementalDom.attr('class', 'sticker-overlay');
-        incrementalDom.elementOpenEnd();
-          soyIdom.print(fileType);
-        incrementalDom.elementClose('span');
-      }
-    };
-    $templateAlias4({label: param736, shape: 'circle', size: 'xl', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
+    $templateAlias4({imageAlt: imageAlt, imageSrc: imageSrc, label: fileType, shape: 'circle', size: 'xl', style: ($$temp = fileTypeStyle) == null ? 'primary' : $$temp}, null, opt_ijData);
   incrementalDom.elementClose('div');
@@ -271,0 +252,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

532306

decreased by-26.01%

Number of package files

52

decreased by-18.75%

Lines of code

5437

decreased by-20.8%

Dependency changes

• Updatedclay-checkbox@^1.0.0-alpha.12

• Updatedclay-dropdown@^1.0.0-alpha.12

• Updatedclay-icon@^1.0.0-alpha.12

• Updatedclay-label@^1.0.0-alpha.12

• Updatedclay-link@^1.0.0-alpha.12

• Updatedclay-sticker@^1.0.0-alpha.12