polythene-core - npm Package Compare versions

Comparing version 1.2.0 to 1.3.2

dist/polythene-core.js

@@ -433,15 +433,15 @@ (function (global, factory) {
         return renderer(mOptions.instance, _extends$1({}, {
+          fromMultipleClassName: mOptions.className,
+          fromMultipleClear: clear,
+          fromMultipleDidHide: itemData.didHide,
+          fromMultipleDidShow: itemData.didShow,
+          hide: itemData.hide,
+          holderSelector: mOptions.holderSelector,
+          instanceId: itemData.instanceId,
           key: itemData.key,
+          pause: itemData.pause,
+          show: itemData.show,
           spawnId: spawn,
-          instanceId: itemData.instanceId,
           transitions: mOptions.transitions,
-          holderSelector: mOptions.holderSelector,
-          className: mOptions.className,
-          show: itemData.show,
-          hide: itemData.hide,
-          pause: itemData.pause,
-          unpause: itemData.unpause,
-          fromMultipleDidShow: itemData.didShow,
-          fromMultipleDidHide: itemData.didHide,
-          fromMultipleClear: clear
+          unpause: itemData.unpause
         }, unpackAttrs(itemData.attrs)));
@@ -466,2 +466,47 @@ }));
 
+  var getStyle = function getStyle(_ref) {
+    var element = _ref.element,
+        selector = _ref.selector,
+        pseudoSelector = _ref.pseudoSelector,
+        prop = _ref.prop;
+
+    var el = selector ? element.querySelector(selector) : element;
+    if (!el) {
+      return;
+    }
+    return el.currentStyle ? el.currentStyle[prop] : window.getComputedStyle ? document.defaultView.getComputedStyle(el, pseudoSelector).getPropertyValue(prop) : null;
+  };
+
+  var stylePropCompare = function stylePropCompare(_ref2) {
+    var element = _ref2.element,
+        selector = _ref2.selector,
+        pseudoSelector = _ref2.pseudoSelector,
+        prop = _ref2.prop,
+        equals = _ref2.equals,
+        contains = _ref2.contains;
+
+    var el = selector ? element.querySelector(selector) : element;
+    if (!el) {
+      return false;
+    }
+    if (equals !== undefined) {
+      return equals === document.defaultView.getComputedStyle(el, pseudoSelector).getPropertyValue(prop);
+    }
+    if (contains !== undefined) {
+      return document.defaultView.getComputedStyle(el, pseudoSelector).getPropertyValue(prop).indexOf(contains) !== -1;
+    }
+  };
+
+  var isRTL = function isRTL(_ref3) {
+    var _ref3$element = _ref3.element,
+        element = _ref3$element === undefined ? document : _ref3$element,
+        selector = _ref3.selector;
+    return stylePropCompare({ element: element, selector: selector, prop: "direction", equals: "rtl" });
+  };
+
+  var styleDurationToMs = function styleDurationToMs(durationStr) {
+    var parsed = parseFloat(durationStr) * (durationStr.indexOf("ms") === -1 ? 1000 : 1);
+    return isNaN(parsed) ? 0 : parsed;
+  };
+
   var _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
@@ -483,7 +528,2 @@
 
-  var computedStyleDurationToMs = function computedStyleDurationToMs(durationStr) {
-    var parsed = parseFloat(durationStr) * (durationStr.indexOf("ms") === -1 ? 1000 : 1);
-    return isNaN(parsed) ? 0 : parsed;
-  };
-
   /*
@@ -495,2 +535,3 @@ opts:
   - showClass
+  - transitionClass
   - before
@@ -512,16 +553,19 @@ - show
         var computedStyle = isClient ? window.getComputedStyle(el) : {};
-        var duration = opts.hasDuration ? opts.duration * 1000.0 : computedStyleDurationToMs(computedStyle.transitionDuration);
-        var delay = opts.hasDelay ? opts.delay * 1000.0 : computedStyleDurationToMs(computedStyle.transitionDelay);
+        var duration = opts.hasDuration ? opts.duration * 1000.0 : styleDurationToMs(computedStyle.transitionDuration);
+        var delay = opts.hasDelay ? opts.delay * 1000.0 : styleDurationToMs(computedStyle.transitionDelay);
         var timingFunction = opts.timingFunction || computedStyle.transitionTimingFunction;
 
-        var before = opts.before && state === "show" ? function () {
+        if (opts.transitionClass) {
+          var transitionClassElement = opts.transitionClassElement || el;
+          transitionClassElement.classList.add(opts.transitionClass);
+        }
+
+        var before = function before() {
           style.transitionDuration = "0ms";
           style.transitionDelay = "0ms";
           opts.before();
-        } : opts.before && state === "hide" ? function () {
-          style.transitionDuration = "0ms";
-          style.transitionDelay = "0ms";
-          opts.before();
-        } : null;
+        };
 
+        var maybeBefore = opts.before && state === "show" ? before : opts.before && state === "hide" ? before : null;
+
         var after = opts.after ? function () {
@@ -539,3 +583,4 @@ return opts.after();
           if (opts.showClass) {
-            el.classList[state === "show" ? "add" : "remove"](opts.showClass);
+            var showClassElement = opts.showClassElement || el;
+            showClassElement.classList[state === "show" ? "add" : "remove"](opts.showClass);
           }
@@ -553,2 +598,7 @@ if (opts.transition) {
             }
+            if (opts.transitionClass) {
+              var _transitionClassElement = opts.transitionClassElement || el;
+              _transitionClassElement.classList.remove(opts.transitionClass);
+              el.offsetHeight; // force reflow
+            }
             resolve();
@@ -566,4 +616,4 @@ }, duration + delay);
 
-        if (before) {
-          before();
+        if (maybeBefore) {
+          maybeBefore();
           el.offsetHeight; // force reflow
@@ -587,3 +637,4 @@ setTimeout(function () {
         afterTransition = _ref.afterTransition,
-        showClass = _ref.showClass;
+        showClass = _ref.showClass,
+        transitionClass = _ref.transitionClass;
 
@@ -605,2 +656,3 @@ if (state.transitioning()) {
       showClass: showClass,
+      transitionClass: transitionClass,
       duration: duration,
@@ -631,26 +683,13 @@ delay: delay,
 
-  var getStyle = function getStyle(_ref) {
-    var _ref$element = _ref.element,
-        element = _ref$element === undefined ? document : _ref$element,
-        selector = _ref.selector,
-        prop = _ref.prop;
-
-    var el = selector ? element.querySelector(selector) : element;
-    if (!el) {
-      return;
-    }
-    return el.currentStyle ? el.currentStyle[prop] : window.getComputedStyle ? document.defaultView.getComputedStyle(el, null).getPropertyValue(prop) : null;
+  var deprecation = function deprecation(component, _ref) {
+    var option = _ref.option,
+        newOption = _ref.newOption,
+        newComponent = _ref.newComponent;
+    return option && console.warn(component + ": option '" + option + "' is deprecated and will be removed in later versions. Use '" + newOption + "' instead."), newComponent && !newOption && console.warn(component + ": this component is deprecated and will be removed in later versions. Use '" + newComponent + "' instead."), newComponent && newOption && console.warn(component + ": this component is deprecated and will be removed in later versions. Use '" + newComponent + "' with option '" + newOption + "' instead.") // eslint-disable-line no-console
+    ;
   };
 
-  var isRTL = function isRTL(_ref2) {
-    var _ref2$element = _ref2.element,
-        element = _ref2$element === undefined ? document : _ref2$element,
-        selector = _ref2.selector;
-    return getStyle({ element: element, selector: selector, prop: "direction" }) === "rtl";
-  };
+  var iconDropdownUp = "<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"dd-up-svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M7 14l5-5 5 5z\"/></svg>";
+  var iconDropdownDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"dd-down-svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"/></svg>";
 
-  var deprecation = function deprecation(component, deprecatedOption, newOption) {
-    return console.warn(component + ": option '" + deprecatedOption + "' is deprecated and will be removed in later versions. Use '" + newOption + "' instead.");
-  }; // eslint-disable-line no-console
-
   exports.getAnimationEndEvent = getAnimationEndEvent;
@@ -678,4 +717,8 @@ exports.Conditional = Conditional;
   exports.getStyle = getStyle;
+  exports.stylePropCompare = stylePropCompare;
   exports.isRTL = isRTL;
+  exports.styleDurationToMs = styleDurationToMs;
   exports.deprecation = deprecation;
+  exports.iconDropdownUp = iconDropdownUp;
+  exports.iconDropdownDown = iconDropdownDown;
 
@@ -682,0 +725,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

package.json

 {
   "name": "polythene-core",
-  "version": "1.2.0",
+  "version": "1.3.2",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/polythene-core",

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

Improved metrics

Total package byte prevSize

91150

increased by9.17%

Lines of code

1212

increased by6.5%

No dependency changes