substyle - npm Package Compare versions

Comparing version 7.0.0 to 7.1.0

lib/coerceSelection.js

@@ -1,3 +0,10 @@
-import { keys } from './utils';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _utils = require("./utils");
+
 var coerceSelection = function coerceSelection(select) {
@@ -11,3 +18,3 @@ if (!select) {
 
-    return keys(select).reduce(function (acc, key) {
+    return (0, _utils.keys)(select).reduce(function (acc, key) {
       return acc.concat(objSelect[key] ? [key] : []);
@@ -20,2 +27,3 @@ }, []);
 
-export default coerceSelection;
+var _default = coerceSelection;
+exports.default = _default;

lib/createSubstyle.js

@@ -1,15 +0,32 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import invariant from 'invariant';
-import { keys, values, merge, assign, compact, isPlainObject } from './utils';
-import defaultPropsDecorator from './defaultPropsDecorator';
-import { pickNestedStyles, hoistModifierStylesRecursive } from './pickStyles';
-import { isModifier, isElement } from './filterKeys';
-import coerceSelection from './coerceSelection';
-import memoize from './memoize';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _invariant = _interopRequireDefault(require("invariant"));
+
+var _coerceSelection = _interopRequireDefault(require("./coerceSelection"));
+
+var _defaultPropsDecorator = _interopRequireDefault(require("./defaultPropsDecorator"));
+
+var _filterKeys = require("./filterKeys");
+
+var _memoize = _interopRequireDefault(require("./memoize"));
+
+var _pickStyles = require("./pickStyles");
+
+var _utils = require("./utils");
+
 var guessBaseClassName = function guessBaseClassName(classNames) {
   // all class names must start with the same prefix: the component's base class name
   // which will finally go to the container element
-  var firstKey = classNames && keys(classNames)[0];
+  var firstKey = classNames && (0, _utils.keys)(classNames)[0];
   return firstKey && firstKey.split('__')[0].split('--')[0];
@@ -26,9 +43,9 @@ };
   var firstClassName = className.split(' ')[0];
-  var derivedClassNames = [].concat(_toConsumableArray(elementKeys.length === 0 ? modifierKeys.map(function (key) {
+  var derivedClassNames = [].concat((0, _toConsumableArray2.default)(elementKeys.length === 0 ? modifierKeys.map(function (key) {
     return "".concat(firstClassName, "--").concat(key.substring(1));
-  }) : []), _toConsumableArray(elementKeys.map(function (key) {
+  }) : []), (0, _toConsumableArray2.default)(elementKeys.map(function (key) {
     return "".concat(firstClassName, "__").concat(key);
   }))); // also use the provided `className` if there is no sub-element selection
 
-  return elementKeys.length === 0 ? [className].concat(_toConsumableArray(derivedClassNames)) : derivedClassNames;
+  return elementKeys.length === 0 ? [className].concat((0, _toConsumableArray2.default)(derivedClassNames)) : derivedClassNames;
 };
@@ -40,12 +57,12 @@
       classNames = _ref.classNames;
-  var propsDecorator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultPropsDecorator;
+  var propsDecorator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _defaultPropsDecorator.default;
   var baseClassName = className || guessBaseClassName(classNames);
-  var substyle = typeof style === 'function' ? style : memoize(function (select, defaultStyle) {
-    var selectedKeys = coerceSelection(select);
-    invariant(Array.isArray(selectedKeys), 'First parameter must be a string, an array of strings, ' + 'a plain object with boolean values, or a falsy value.');
-    invariant(!defaultStyle || isPlainObject(defaultStyle), 'Optional second parameter must be a plain object.');
-    var modifierKeys = selectedKeys.filter(isModifier);
-    var elementKeys = selectedKeys.filter(isElement);
+  var substyle = typeof style === 'function' ? style : (0, _memoize.default)(function (select, defaultStyle) {
+    var selectedKeys = (0, _coerceSelection.default)(select);
+    (0, _invariant.default)(Array.isArray(selectedKeys), 'First parameter must be a string, an array of strings, ' + 'a plain object with boolean values, or a falsy value.');
+    (0, _invariant.default)(!defaultStyle || (0, _utils.isPlainObject)(defaultStyle), 'Optional second parameter must be a plain object.');
+    var modifierKeys = selectedKeys.filter(_filterKeys.isModifier);
+    var elementKeys = selectedKeys.filter(_filterKeys.isElement);
     var collectElementStyles = elementKeys.length > 0 ? function (fromStyle) {
-      return values(pickNestedStyles(fromStyle, elementKeys));
+      return (0, _utils.values)((0, _pickStyles.pickNestedStyles)(fromStyle, elementKeys));
     } : function (fromStyle) {
@@ -57,8 +74,8 @@ return [fromStyle];
       var fromStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return collectElementStyles(hoistModifierStylesRecursive(fromStyle, modifierKeys));
+      return collectElementStyles((0, _pickStyles.hoistModifierStylesRecursive)(fromStyle, modifierKeys));
     };
 
     var derivedClassNames = deriveClassNames(baseClassName, elementKeys, modifierKeys);
-    return createSubstyle(_objectSpread({}, (style || defaultStyle) && {
-      style: merge.apply(void 0, [{}].concat(_toConsumableArray(collectSelectedStyles(defaultStyle)), _toConsumableArray(collectSelectedStyles(style))))
+    return createSubstyle((0, _objectSpread2.default)({}, (style || defaultStyle) && {
+      style: _utils.merge.apply(void 0, [{}].concat((0, _toConsumableArray2.default)(collectSelectedStyles(defaultStyle)), (0, _toConsumableArray2.default)(collectSelectedStyles(style))))
     }, derivedClassNames && {
@@ -71,18 +88,18 @@ className: derivedClassNames.join(' ')
 
-  var styleProps = _objectSpread({}, typeof style === 'function' ? style : {
+  var styleProps = (0, _objectSpread2.default)({}, typeof style === 'function' ? style : {
     style: style
   });
-
-  var classNameSplit = [].concat(_toConsumableArray(styleProps.className ? styleProps.className.split(' ') : []), _toConsumableArray(baseClassName ? baseClassName.split(' ') : []));
-  var mappedClassNames = classNames ? compact(classNameSplit.map(function (singleClassName) {
+  var classNameSplit = [].concat((0, _toConsumableArray2.default)(styleProps.className ? styleProps.className.split(' ') : []), (0, _toConsumableArray2.default)(baseClassName ? baseClassName.split(' ') : []));
+  var mappedClassNames = classNames ? (0, _utils.compact)(classNameSplit.map(function (singleClassName) {
     return classNames[singleClassName];
   })) : classNameSplit;
-  var propsForSpread = propsDecorator(_objectSpread({}, styleProps, mappedClassNames.length > 0 ? {
+  var propsForSpread = propsDecorator((0, _objectSpread2.default)({}, styleProps, mappedClassNames.length > 0 ? {
     className: mappedClassNames.join(' ')
   } : {})); // assign `style` and/or `className` props to the return function object
 
-  assign(substyle, propsForSpread);
+  (0, _utils.assign)(substyle, propsForSpread);
   return substyle;
 }
 
-export default createSubstyle;
+var _default = createSubstyle;
+exports.default = _default;

lib/defaultPropsDecorator.js

@@ -1,3 +0,14 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import { pickDirectStyles } from './pickStyles';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _pickStyles = require("./pickStyles");
+
 // many css-in-js libs process keyframes objects as the value for `animationName`
@@ -9,4 +20,4 @@ var defaultObjectPropsWhitelist = ['animationName'];
       className = _ref.className;
-  return _objectSpread({}, style ? {
-    style: pickDirectStyles(style, defaultObjectPropsWhitelist)
+  return (0, _objectSpread2.default)({}, style ? {
+    style: (0, _pickStyles.pickDirectStyles)(style, defaultObjectPropsWhitelist)
   } : {}, className ? {
@@ -17,2 +28,3 @@ className: className
 
-export default defaultPropsDecorator;
+var _default = defaultPropsDecorator;
+exports.default = _default;

lib/defaultStyle.js

@@ -1,18 +0,45 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import hoistStatics from 'hoist-non-react-statics';
-import React, { Component } from 'react';
-import warning from 'warning';
-import { EnhancerConsumer } from './EnhancerProvider';
-import createSubstyle from './createSubstyle';
-import { PropTypes } from './types';
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _warning = _interopRequireDefault(require("warning"));
+
+var _EnhancerProvider = require("./EnhancerProvider");
+
+var _createSubstyle = _interopRequireDefault(require("./createSubstyle"));
+
+var _propTypes = _interopRequireDefault(require("./propTypes"));
+
+/* eslint-disable react/forbid-foreign-prop-types */
 var isStatelessFunction = function isStatelessFunction(Component // $FlowFixMe
@@ -31,3 +58,3 @@ ) {
     function (_Component) {
-      _inherits(WithDefaultStyle, _Component);
+      (0, _inherits2.default)(WithDefaultStyle, _Component);
 
@@ -37,7 +64,5 @@ function WithDefaultStyle(props) {
 
-        _classCallCheck(this, WithDefaultStyle);
-
-        _this = _possibleConstructorReturn(this, _getPrototypeOf(WithDefaultStyle).call(this, props));
-
-        _defineProperty(_assertThisInitialized(_this), "setWrappedInstance", function (ref) {
+        (0, _classCallCheck2.default)(this, WithDefaultStyle);
+        _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(WithDefaultStyle).call(this, props));
+        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setWrappedInstance", function (ref) {
           _this.wrappedInstance = ref;
@@ -48,9 +73,8 @@ var innerRef = _this.props.innerRef;
             innerRef(ref);
-          } else if (innerRef && typeof innerRef !== 'string') {
+          } else if (innerRef && typeof innerRef !== 'string' && typeof innerRef !== 'number') {
             innerRef.current = ref;
           }
         });
-
         var _ = props.innerRef,
-            rest = _objectWithoutProperties(props, ["innerRef"]);
+            rest = (0, _objectWithoutProperties2.default)(props, ["innerRef"]);
 
@@ -64,3 +88,3 @@ if (typeof defaultStyle === 'function') {
 
-      _createClass(WithDefaultStyle, [{
+      (0, _createClass2.default)(WithDefaultStyle, [{
         key: "shouldComponentUpdate",
@@ -71,7 +95,6 @@ value: function shouldComponentUpdate(_ref) {
               classNames = _ref.classNames,
-              rest = _objectWithoutProperties(_ref, ["style", "className", "classNames"]);
-
+              rest = (0, _objectWithoutProperties2.default)(_ref, ["style", "className", "classNames"]);
           var _this$props = this.props,
               _ = _this$props.innerRef,
-              prevRest = _objectWithoutProperties(_this$props, ["innerRef"]);
+              prevRest = (0, _objectWithoutProperties2.default)(_this$props, ["innerRef"]);
 
@@ -96,6 +119,5 @@ if (typeof defaultStyle === 'function') {
               classNames = _this$props2.classNames,
-              rest = _objectWithoutProperties(_this$props2, ["innerRef", "style", "className", "classNames"]);
-
+              rest = (0, _objectWithoutProperties2.default)(_this$props2, ["innerRef", "style", "className", "classNames"]);
           var modifiers = getModifiers ? getModifiers(rest) : [];
-          return React.createElement(EnhancerConsumer, null, function (_ref2) {
+          return _react.default.createElement(_EnhancerProvider.EnhancerConsumer, null, function (_ref2) {
             var enhancer = _ref2.enhancer,
@@ -112,3 +134,3 @@ propsDecorator = _ref2.propsDecorator;
 
-            return React.createElement(EnhancedWrappedComponent, _extends({
+            return _react.default.createElement(EnhancedWrappedComponent, (0, _extends2.default)({
               style: substyle(modifiers, _this2.defaultStyle || defaultStyle),
@@ -136,3 +158,3 @@ ref: isStatelessFunction(EnhancedWrappedComponent) ? undefined : // $FlowFixMe
 
-          this.memoizedSubstyle = createSubstyle({
+          this.memoizedSubstyle = (0, _createSubstyle.default)({
             style: style,
@@ -154,9 +176,11 @@ className: className,
             this.memoizedEnhance = enhance;
-            this.enhancedWrappedComponent = enhance(WrappedComponent); // eslint-disable-next-line react/forbid-foreign-prop-types
+            this.enhancedWrappedComponent = enhance(WrappedComponent);
+          } // $FlowFixMe
 
-            if (this.enhancedWrappedComponent.propTypes) {
-              this.enhancedWrappedComponent.propTypes = _objectSpread({}, this.enhancedWrappedComponent.propTypes, {
-                style: PropTypes.style
-              });
-            }
+
+          if (this.enhancedWrappedComponent.propTypes) {
+            // $FlowFixMe
+            this.enhancedWrappedComponent.propTypes = (0, _objectSpread2.default)({}, this.enhancedWrappedComponent.propTypes, {
+              style: _propTypes.default.style
+            });
           }
@@ -169,20 +193,20 @@
         value: function getWrappedInstance() {
-          warning(true, '`getWrappedInstance()` is deprecated and will be removed with the next major release. ' + 'Instead, use the `innerRef` prop to get a ref to the wrapped instance.');
+          (0, _warning.default)(true, '`getWrappedInstance()` is deprecated and will be removed with the next major release. ' + 'Instead, use the `innerRef` prop to get a ref to the wrapped instance.');
           return this.wrappedInstance;
         }
       }]);
-
       return WithDefaultStyle;
-    }(Component);
+    }(_react.Component);
 
-    var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name;
+    var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Unknown';
     WithDefaultStyle.displayName = "withDefaultStyle(".concat(wrappedComponentName, ")"); // define prop types based on WrappedComponent's prop types
 
-    WithDefaultStyle.propTypes = _objectSpread({}, WrappedComponent.propTypes, PropTypes); // expose WrappedComponent, e.g., for testing purposes
+    WithDefaultStyle.propTypes = (0, _objectSpread2.default)({}, WrappedComponent.propTypes, _propTypes.default); // expose WrappedComponent, e.g., for testing purposes
 
     WithDefaultStyle.WrappedComponent = WrappedComponent;
-    return hoistStatics(WithDefaultStyle, WrappedComponent);
+    return (0, _hoistNonReactStatics.default)(WithDefaultStyle, WrappedComponent);
   };
 };
 
-export default createDefaultStyle;
+var _default = createDefaultStyle;
+exports.default = _default;

lib/EnhancerProvider.js

@@ -1,8 +0,21 @@
-import PropTypes from 'prop-types';
-import React, { createContext } from 'react';
-import { identity } from './utils';
+"use strict";
 
-var _createContext = createContext({
-  enhancer: identity,
-  propsDecorator: identity
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.EnhancerConsumer = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _utils = require("./utils");
+
+var _createContext = (0, _react.createContext)({
+  enhancer: _utils.identity,
+  propsDecorator: _utils.identity
 }),
@@ -12,9 +25,12 @@ Provider = _createContext.Provider,
 
-export var EnhancerConsumer = Consumer;
+var EnhancerConsumer = Consumer;
+exports.EnhancerConsumer = EnhancerConsumer;
 
 function EnhancerProvider(_ref) {
-  var enhancer = _ref.enhancer,
-      propsDecorator = _ref.propsDecorator,
+  var _ref$enhancer = _ref.enhancer,
+      enhancer = _ref$enhancer === void 0 ? _utils.identity : _ref$enhancer,
+      _ref$propsDecorator = _ref.propsDecorator,
+      propsDecorator = _ref$propsDecorator === void 0 ? _utils.identity : _ref$propsDecorator,
       children = _ref.children;
-  return React.createElement(Provider, {
+  return _react.default.createElement(Provider, {
     value: {
@@ -28,6 +44,7 @@ enhancer: enhancer,
 EnhancerProvider.propTypes = {
-  enhancer: PropTypes.func,
-  propsDecorator: PropTypes.func,
-  children: PropTypes.element.isRequired
+  enhancer: _propTypes.default.func,
+  propsDecorator: _propTypes.default.func,
+  children: _propTypes.default.element.isRequired
 };
-export default EnhancerProvider;
+var _default = EnhancerProvider;
+exports.default = _default;

lib/filterKeys.js

@@ -1,6 +0,18 @@
-export var isModifier = function isModifier(key) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isElement = exports.isModifier = void 0;
+
+var isModifier = function isModifier(key) {
   return key[0] === '&';
 };
-export var isElement = function isElement(key) {
+
+exports.isModifier = isModifier;
+
+var isElement = function isElement(key) {
   return !isModifier(key);
-};
+};
+
+exports.isElement = isElement;

lib/index.js

@@ -1,6 +0,44 @@
-import createSubstyle from './createSubstyle';
-import defaultStyle from './defaultStyle';
-import EnhancerProvider from './EnhancerProvider';
-import defaultPropsDecorator from './defaultPropsDecorator';
-export { createSubstyle, EnhancerProvider, defaultStyle, defaultPropsDecorator };
-export default defaultStyle();
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "createSubstyle", {
+  enumerable: true,
+  get: function get() {
+    return _createSubstyle.default;
+  }
+});
+Object.defineProperty(exports, "defaultStyle", {
+  enumerable: true,
+  get: function get() {
+    return _defaultStyle.default;
+  }
+});
+Object.defineProperty(exports, "EnhancerProvider", {
+  enumerable: true,
+  get: function get() {
+    return _EnhancerProvider.default;
+  }
+});
+Object.defineProperty(exports, "defaultPropsDecorator", {
+  enumerable: true,
+  get: function get() {
+    return _defaultPropsDecorator.default;
+  }
+});
+exports.default = void 0;
+
+var _createSubstyle = _interopRequireDefault(require("./createSubstyle"));
+
+var _defaultStyle = _interopRequireDefault(require("./defaultStyle"));
+
+var _EnhancerProvider = _interopRequireDefault(require("./EnhancerProvider"));
+
+var _defaultPropsDecorator = _interopRequireDefault(require("./defaultPropsDecorator"));
+
+var _default = (0, _defaultStyle.default)();
+
+exports.default = _default;

lib/memoize.js

@@ -1,2 +0,12 @@
-import coerceSelection from './coerceSelection';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _coerceSelection = _interopRequireDefault(require("./coerceSelection"));
+
 var EMPTY = {};
@@ -17,3 +27,3 @@
 
-    var selectHash = coerceSelection(select).join(' ');
+    var selectHash = (0, _coerceSelection.default)(select).join(' ');
     return selectHash in mapEntry ? mapEntry[selectHash] : mapEntry[selectHash] = substyle(select || [], defaultStyle);
@@ -23,2 +33,3 @@ };
 
-export default memoize;
+var _default = memoize;
+exports.default = _default;

lib/pickStyles.js

@@ -1,5 +0,16 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { keys, merge, omit, values } from './utils';
-import { isModifier } from './filterKeys';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hoistModifierStylesRecursive = exports.pickNestedStyles = exports.pickDirectStyles = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _utils = require("./utils");
+
+var _filterKeys = require("./filterKeys");
+
 var camelize = function camelize(key) {
@@ -11,5 +22,5 @@ return key.replace(/-(\w)/g, function (m, c) {
 
-export var pickDirectStyles = function pickDirectStyles(style) {
+var pickDirectStyles = function pickDirectStyles(style) {
   var objectPropertiesWhitelist = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var styleKeys = keys(style);
+  var styleKeys = (0, _utils.keys)(style);
   var result = {};
@@ -31,5 +42,8 @@
 };
-export var pickNestedStyles = function pickNestedStyles(style, keysToPick) {
+
+exports.pickDirectStyles = pickDirectStyles;
+
+var pickNestedStyles = function pickNestedStyles(style, keysToPick) {
   var camelizedKeysToPick = keysToPick.map(camelize);
-  var styleKeys = keys(style);
+  var styleKeys = (0, _utils.keys)(style);
   var result = {};
@@ -49,8 +63,12 @@
 
-export var hoistModifierStylesRecursive = function hoistModifierStylesRecursive(style, modifierKeysToPick) {
+
+exports.pickNestedStyles = pickNestedStyles;
+
+var hoistModifierStylesRecursive = function hoistModifierStylesRecursive(style, modifierKeysToPick) {
   // hoist styles for selected modifiers on current level
-  var result = merge.apply(void 0, [{}, omit(style, modifierKeysToPick)].concat(_toConsumableArray(values(pickNestedStyles(style, modifierKeysToPick))))); // traverse nested styled for ALL modifiers
+  var result = _utils.merge.apply(void 0, [{}, (0, _utils.omit)(style, modifierKeysToPick)].concat((0, _toConsumableArray2.default)((0, _utils.values)(pickNestedStyles(style, modifierKeysToPick))))); // traverse nested styled for ALL modifiers
 
-  var modifierKeys = keys(result).filter(isModifier);
 
+  var modifierKeys = (0, _utils.keys)(result).filter(_filterKeys.isModifier);
+
   for (var i = 0, l = modifierKeys.length; i < l; i += 1) {
@@ -63,3 +81,3 @@ var key = modifierKeys[i];
       delete result[key];
-      result = merge({}, result, subresult);
+      result = (0, _utils.merge)({}, result, subresult);
     } else {
@@ -72,2 +90,4 @@ // non-selected modifier: replace with subresult
   return result;
-};
+};
+
+exports.hoistModifierStylesRecursive = hoistModifierStylesRecursive;

lib/types.js

@@ -1,12 +0,1 @@
-import PT from 'prop-types';
-import * as React from 'react';
-var StylePT = PT.oneOfType([PT.func, PT.object]);
-var ClassNamesPT = PT.objectOf(PT.string);
-export var PropTypes = {
-  style: StylePT,
-  className: PT.string,
-  classNames: ClassNamesPT,
-  innerRef: PT.oneOfType([PT.func, PT.shape({
-    current: typeof Element === 'undefined' ? PT.any : PT.instanceOf(Element)
-  })])
-};
+"use strict";

lib/utils.js

@@ -1,11 +0,28 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-export var keys = function keys(obj) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.compact = exports.isPlainObject = exports.omit = exports.identity = exports.assign = exports.merge = exports.values = exports.keys = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var keys = function keys(obj) {
   return obj === Object(obj) ? Object.keys(obj) : [];
 };
-export var values = function values(obj) {
+
+exports.keys = keys;
+
+var values = function values(obj) {
   return obj === Object(obj) ? Object.values(obj) : [];
 };
 
+exports.values = values;
+
 function mergeDeep(target, source) {
@@ -17,5 +34,5 @@ var output = assign({}, target);
       if (isPlainObject(source[key])) {
-        if (!(key in target)) assign(output, _defineProperty({}, key, source[key]));else output[key] = mergeDeep(target[key], source[key]);
+        if (!(key in target)) assign(output, (0, _defineProperty2.default)({}, key, source[key]));else output[key] = mergeDeep(target[key], source[key]);
       } else {
-        assign(output, _defineProperty({}, key, source[key]));
+        assign(output, (0, _defineProperty2.default)({}, key, source[key]));
       }
@@ -28,3 +45,3 @@ });
 
-export var merge = function merge(target) {
+var merge = function merge(target) {
   for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -38,3 +55,6 @@ sources[_key - 1] = arguments[_key];
 };
-export var assign = function assign(target) {
+
+exports.merge = merge;
+
+var assign = function assign(target) {
   for (var _len2 = arguments.length, sources = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
@@ -46,9 +66,15 @@ sources[_key2 - 1] = arguments[_key2];
 };
-export var identity = function identity(value) {
+
+exports.assign = assign;
+
+var identity = function identity(value) {
   return value;
 };
-export var omit = function omit(obj, keys) {
-  var _obj = _objectSpread({}, obj),
-      other = _extends({}, _obj);
 
+exports.identity = identity;
+
+var omit = function omit(obj, keys) {
+  var _obj = (0, _objectSpread2.default)({}, obj),
+      other = (0, _extends2.default)({}, _obj);
+
   if (keys) {
@@ -82,7 +108,15 @@ var _iteratorNormalCompletion = true;
 };
-export var isPlainObject = function isPlainObject(obj) {
+
+exports.omit = omit;
+
+var isPlainObject = function isPlainObject(obj) {
   return obj === Object(obj) && !(obj instanceof Date) && !Array.isArray(obj);
 };
-export var compact = function compact(arr) {
+
+exports.isPlainObject = isPlainObject;
+
+var compact = function compact(arr) {
   return (arr || []).filter(Boolean);
-};
+};
+
+exports.compact = compact;

package.json

 {
   "name": "substyle",
-  "version": "7.0.0",
+  "version": "7.1.0",
   "description": "Universal styling for reusable React components",
   "main": "lib/index.js",
+  "module": "es6/index.js",
+  "sideEffects": false,
   "scripts": {
-    "clean": "rimraf lib",
-    "build": "babel --root-mode upward src --out-dir lib",
+    "clean": "rimraf lib es6",
     "prebuild": "yarn run clean",
+    "build": "yarn build:es5 && yarn build:es6",
+    "build:es5": "babel --root-mode upward src --out-dir lib",
+    "build:es6": "BABEL_ENV=es6 babel --root-mode upward src --out-dir es6",
+    "copy-types": "yarn copy-types:es5 && yarn copy-types:es6",
+    "copy-types:es5": "flow-copy-source src lib",
+    "copy-types:es6": "flow-copy-source src es6",
     "test": "jest",
-    "prepublishOnly": "yarn test && yarn build"
+    "lint": "eslint --max-warnings 0 src",
+    "prepublishOnly": "yarn test && yarn build && yarn copy-types"
   },
@@ -44,5 +52,7 @@ "repository": {
     "@babel/cli": "^7.2.3",
+    "codecov": "3.3.0",
     "enzyme-adapter-react-16": "^1.10.0",
+    "eslint": "^5.14.1",
+    "flow-copy-source": "^2.0.3",
     "jest": "24.1.0",
-    "react-addons-test-utils": "^15.6.2",
     "react-test-renderer": "^16.0.0",
@@ -54,4 +64,3 @@ "rimraf": "^2.6.1",
     "setupTestFrameworkScriptFile": "<rootDir>test/setup.js"
-  },
-  "gitHead": "342e6700b8f03bc27c9abefccc5a8f56c0e94441"
+  }
 }

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

87932

increased by203.39%

Number of package files

57

increased by171.43%

Lines of code

992

increased by126.48%

Worsened metrics

Dev dependency count

9

increased by28.57%

No dependency changes