@hipay/hipay-material-ui 2.3.1-rc3 → 2.3.1-rc4

package/styles/createTypography.js

@@ -1,24 +1,12 @@
-"use strict";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import deepmerge from 'deepmerge'; // < 1kb payload overhead when lodash/merge is > 3kb.
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = createTypography;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _deepmerge = _interopRequireDefault(require("deepmerge"));
-
-// < 1kb payload overhead when lodash/merge is > 3kb.
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
 
-function createTypography(palette, typography) {
+export default function createTypography(palette, typography) {
   var _ref = typeof typography === 'function' ? typography(palette) : typography,
       _ref$fontFamily = _ref.fontFamily,
       fontFamily = _ref$fontFamily === void 0 ? '"Roboto", "Helvetica", "Arial", sans-serif' : _ref$fontFamily,
@@ -33,7 +21,7 @@ function createTypography(palette, typography) {
       _ref$htmlFontSize = _ref.htmlFontSize,
       htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,
       allVariants = _ref.allVariants,
-      other = (0, _objectWithoutProperties2.default)(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "htmlFontSize", "allVariants"]);
+      other = _objectWithoutProperties(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "htmlFontSize", "allVariants"]);
 
   var coef = fontSize / 14;
 
@@ -41,7 +29,7 @@ function createTypography(palette, typography) {
     return "".concat(value / htmlFontSize * coef, "rem");
   }
 
-  return (0, _deepmerge.default)({
+  return deepmerge({
     pxToRem: pxToRem,
     round: round,
     fontFamily: fontFamily,
@@ -49,7 +37,7 @@ function createTypography(palette, typography) {
     fontWeightLight: fontWeightLight,
     fontWeightRegular: fontWeightRegular,
     fontWeightMedium: fontWeightMedium,
-    display4: (0, _objectSpread2.default)({
+    display4: _objectSpread({
       fontSize: pxToRem(112),
       fontWeight: fontWeightLight,
       fontFamily: fontFamily,
@@ -58,7 +46,7 @@ function createTypography(palette, typography) {
       marginLeft: '-.04em',
       color: palette.text.secondary
     }, allVariants),
-    display3: (0, _objectSpread2.default)({
+    display3: _objectSpread({
       fontSize: pxToRem(56),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
@@ -67,7 +55,7 @@ function createTypography(palette, typography) {
       marginLeft: '-.02em',
       color: palette.text.secondary
     }, allVariants),
-    display2: (0, _objectSpread2.default)({
+    display2: _objectSpread({
       fontSize: pxToRem(45),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
@@ -75,49 +63,49 @@ function createTypography(palette, typography) {
       marginLeft: '-.02em',
       color: palette.text.secondary
     }, allVariants),
-    display1: (0, _objectSpread2.default)({
+    display1: _objectSpread({
       fontSize: pxToRem(34),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(41 / 34), "em"),
       color: palette.text.secondary
     }, allVariants),
-    headline: (0, _objectSpread2.default)({
+    headline: _objectSpread({
       fontSize: pxToRem(24),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(32.5 / 24), "em"),
       color: palette.text.primary
     }, allVariants),
-    title: (0, _objectSpread2.default)({
+    title: _objectSpread({
       fontSize: pxToRem(21),
       fontWeight: fontWeightMedium,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(24.5 / 21), "em"),
       color: palette.text.primary
     }, allVariants),
-    subheading: (0, _objectSpread2.default)({
+    subheading: _objectSpread({
       fontSize: pxToRem(16),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(24 / 16), "em"),
       color: palette.text.primary
     }, allVariants),
-    body3: (0, _objectSpread2.default)({
+    body3: _objectSpread({
       fontSize: pxToRem(14),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(26 / 14), "em"),
       color: palette.text.primary
     }, allVariants),
-    body2: (0, _objectSpread2.default)({
+    body2: _objectSpread({
       fontSize: pxToRem(14),
       fontWeight: fontWeightMedium,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(24 / 14), "em"),
       color: palette.text.primary
     }, allVariants),
-    body1: (0, _objectSpread2.default)({
+    body1: _objectSpread({
       fontSize: pxToRem(14),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
@@ -164,14 +152,14 @@ function createTypography(palette, typography) {
       fontSize: 11,
       fontFamily: fontFamily
     },
-    caption: (0, _objectSpread2.default)({
+    caption: _objectSpread({
       fontSize: pxToRem(12),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(16.5 / 12), "em"),
       color: palette.text.secondary
     }, allVariants),
-    button: (0, _objectSpread2.default)({
+    button: _objectSpread({
       fontSize: pxToRem(14),
       textTransform: 'uppercase',
       fontWeight: fontWeightMedium,

package/styles/createTypography.test.js

@@ -0,0 +1,60 @@
+import { assert } from 'chai';
+import createPalette from './createPalette';
+import createTypography from './createTypography';
+describe('createTypography', function () {
+  var palette;
+  before(function () {
+    palette = createPalette({});
+  });
+  it('should create a material design typography according to spec', function () {
+    var typography = createTypography(palette, {});
+    assert.strictEqual(typography.fontSize, 14);
+  });
+  it('should create a typography with custom fontSize', function () {
+    var typography = createTypography(palette, {
+      fontSize: 15
+    });
+    assert.strictEqual(typography.fontSize, 15);
+  });
+  it('should accept a function', function () {
+    var typography = createTypography(palette, function (paletteCurrent) {
+      assert.strictEqual(palette, paletteCurrent);
+      return {
+        fontSize: 15
+      };
+    });
+    assert.strictEqual(typography.fontSize, 15);
+  });
+  it('should accept a custom font size', function () {
+    var typography = createTypography(palette, {
+      fontSize: 16
+    });
+    assert.strictEqual(typography.body1.fontSize, '1rem', 'should be 16px');
+  });
+  it('should create a typography with a custom baseFontSize', function () {
+    var typography = createTypography(palette, {
+      htmlFontSize: 10
+    });
+    assert.strictEqual(typography.display4.fontSize, '11.2rem');
+  });
+  it('should create a typography with custom display4', function () {
+    var customFontSize = '18px';
+    var typography = createTypography(palette, {
+      display4: {
+        fontSize: customFontSize
+      }
+    });
+    assert.strictEqual(typography.display4.fontSize, customFontSize);
+  });
+  it('should apply a CSS property to all the variants', function () {
+    var typography = createTypography(palette, {
+      allVariants: {
+        marginLeft: 0
+      }
+    });
+    var allVariants = ['display4', 'display3', 'display2', 'display1', 'headline', 'title', 'subheading', 'body2', 'body1', 'caption', 'button'];
+    allVariants.forEach(function (variant) {
+      assert.strictEqual(typography[variant].marginLeft, 0);
+    });
+  });
+});

package/styles/getStylesCreator.js

@@ -1,29 +1,15 @@
-"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/esm/objectSpread2"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-
-var _warning = _interopRequireDefault(require("warning"));
-
-var _deepmerge = _interopRequireDefault(require("deepmerge"));
-
-// < 1kb payload overhead when lodash/merge is > 3kb.
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import warning from 'warning';
+import deepmerge from 'deepmerge'; // < 1kb payload overhead when lodash/merge is > 3kb.
 // Support for the jss-expand plugin.
+
 function arrayMerge(destination, source) {
   return source;
 }
 
 function getStylesCreator(stylesOrCreator) {
   var themingEnabled = typeof stylesOrCreator === 'function';
-  process.env.NODE_ENV !== "production" ? (0, _warning.default)((0, _typeof2.default)(stylesOrCreator) === 'object' || themingEnabled, ['Material-UI: the first argument provided to withStyles() is invalid.', 'You need to provide a function generating the styles or a styles object.'].join('\n')) : void 0;
+  warning(typeof stylesOrCreator === 'object' || themingEnabled, ['Material-UI: the first argument provided to withStyles() is invalid.', 'You need to provide a function generating the styles or a styles object.'].join('\n'));
 
   function create(theme, name) {
     var styles = themingEnabled ? stylesOrCreator(theme) : stylesOrCreator;
@@ -33,10 +19,12 @@ function getStylesCreator(stylesOrCreator) {
     }
 
     var overrides = theme.overrides[name];
-    var stylesWithOverrides = (0, _objectSpread2.default)({}, styles);
+
+    var stylesWithOverrides = _objectSpread({}, styles);
+
     Object.keys(overrides).forEach(function (key) {
-      process.env.NODE_ENV !== "production" ? (0, _warning.default)(stylesWithOverrides[key], ['Material-UI: you are trying to override a style that does not exist.', "Fix the `".concat(key, "` key of `theme.overrides.").concat(name, "`.")].join('\n')) : void 0;
-      stylesWithOverrides[key] = (0, _deepmerge.default)(stylesWithOverrides[key], overrides[key], {
+      warning(stylesWithOverrides[key], ['Material-UI: you are trying to override a style that does not exist.', "Fix the `".concat(key, "` key of `theme.overrides.").concat(name, "`.")].join('\n'));
+      stylesWithOverrides[key] = deepmerge(stylesWithOverrides[key], overrides[key], {
         arrayMerge: arrayMerge
       });
     });
@@ -50,5 +38,4 @@ function getStylesCreator(stylesOrCreator) {
   };
 }
 
-var _default = getStylesCreator;
-exports.default = _default;
+export default getStylesCreator;

package/styles/getStylesCreator.test.js

@@ -0,0 +1,92 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { assert } from 'chai';
+import consoleErrorMock from 'test/utils/consoleErrorMock';
+import getStylesCreator from './getStylesCreator';
+describe('getStylesCreator', function () {
+  var name = 'name';
+  var stylesCreator = getStylesCreator({
+    root: {
+      color: 'black',
+      '&:hover': {
+        color: 'red',
+        borderRadius: 0
+      }
+    }
+  });
+  it('should be able to get the styles', function () {
+    var styles = stylesCreator.create({});
+    assert.deepEqual(styles, {
+      root: {
+        color: 'black',
+        '&:hover': {
+          color: 'red',
+          borderRadius: 0
+        }
+      }
+    });
+  });
+  describe('overrides', function () {
+    before(function () {
+      consoleErrorMock.spy();
+    });
+    after(function () {
+      consoleErrorMock.reset();
+    });
+    it('should be able to overrides some rules, deep', function () {
+      var theme = {
+        overrides: _defineProperty({}, name, {
+          root: {
+            color: 'white',
+            '&:hover': {
+              borderRadius: 2,
+              backgroundColor: 'black'
+            }
+          }
+        })
+      };
+      var styles = stylesCreator.create(theme, name);
+      assert.deepEqual(styles, {
+        root: {
+          color: 'white',
+          '&:hover': {
+            color: 'red',
+            borderRadius: 2,
+            backgroundColor: 'black'
+          }
+        }
+      });
+    });
+    it('should warn on wrong usage', function () {
+      var theme = {
+        overrides: _defineProperty({}, name, {
+          bubu: {
+            color: 'white'
+          }
+        })
+      };
+      stylesCreator.create(theme, name);
+      assert.strictEqual(consoleErrorMock.callCount(), 1);
+      assert.match(consoleErrorMock.args()[0][0], /Fix the `bubu` key of `theme\.overrides\.name`/);
+    });
+    it('should support jss-expand', function () {
+      var stylesCreator2 = getStylesCreator({
+        root: {
+          padding: [8, 16]
+        }
+      });
+      var theme = {
+        overrides: _defineProperty({}, name, {
+          root: {
+            padding: [20, 10]
+          }
+        })
+      };
+      var styles = stylesCreator2.create(theme, name);
+      assert.deepEqual(styles, {
+        root: {
+          padding: [20, 10]
+        }
+      });
+    });
+  });
+});

package/styles/getThemeProps.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
 function getThemeProps(params) {
   var theme = params.theme,
       name = params.name;
@@ -16,5 +9,4 @@ function getThemeProps(params) {
   return theme.props[name];
 }
 
-var _default = getThemeProps;
-exports.default = _default;
+export default getThemeProps;

package/styles/getThemeProps.test.js

@@ -0,0 +1,39 @@
+import { assert } from 'chai';
+import getThemeProps from './getThemeProps';
+describe('getThemeProps', function () {
+  it('should ignore empty theme', function () {
+    var props = getThemeProps({
+      theme: {},
+      name: 'MuiFoo'
+    });
+    assert.deepEqual(props, {});
+  });
+  it('should ignore different component', function () {
+    var props = getThemeProps({
+      theme: {
+        props: {
+          MuiBar: {
+            disableRipple: true
+          }
+        }
+      },
+      name: 'MuiFoo'
+    });
+    assert.deepEqual(props, {});
+  });
+  it('should return the properties', function () {
+    var props = getThemeProps({
+      theme: {
+        props: {
+          MuiFoo: {
+            disableRipple: true
+          }
+        }
+      },
+      name: 'MuiFoo'
+    });
+    assert.deepEqual(props, {
+      disableRipple: true
+    });
+  });
+});

package/styles/index.js

@@ -1,47 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "createGenerateClassName", {
-  enumerable: true,
-  get: function get() {
-    return _createGenerateClassName.default;
-  }
-});
-Object.defineProperty(exports, "createMuiTheme", {
-  enumerable: true,
-  get: function get() {
-    return _createMuiTheme.default;
-  }
-});
-Object.defineProperty(exports, "jssPreset", {
-  enumerable: true,
-  get: function get() {
-    return _jssPreset.default;
-  }
-});
-Object.defineProperty(exports, "MuiThemeProvider", {
-  enumerable: true,
-  get: function get() {
-    return _MuiThemeProvider.default;
-  }
-});
-Object.defineProperty(exports, "createStyles", {
-  enumerable: true,
-  get: function get() {
-    return _createStyles.default;
-  }
-});
-
-var _createGenerateClassName = _interopRequireDefault(require("./createGenerateClassName"));
-
-var _createMuiTheme = _interopRequireDefault(require("./createMuiTheme"));
-
-var _jssPreset = _interopRequireDefault(require("./jssPreset"));
-
-var _MuiThemeProvider = _interopRequireDefault(require("./MuiThemeProvider"));
-
-var _createStyles = _interopRequireDefault(require("./createStyles"));
+export { default as createGenerateClassName } from './createGenerateClassName';
+export { default as createMuiTheme } from './createMuiTheme';
+export { default as jssPreset } from './jssPreset';
+export { default as MuiThemeProvider } from './MuiThemeProvider';
+export { default as createStyles } from './createStyles';

package/styles/jssPreset.js

@@ -1,31 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _jssGlobal = _interopRequireDefault(require("jss-global"));
-
-var _jssNested = _interopRequireDefault(require("jss-nested"));
-
-var _jssCamelCase = _interopRequireDefault(require("jss-camel-case"));
-
-var _jssDefaultUnit = _interopRequireDefault(require("jss-default-unit"));
-
-var _jssVendorPrefixer = _interopRequireDefault(require("jss-vendor-prefixer"));
-
-var _jssPropsSort = _interopRequireDefault(require("jss-props-sort"));
-
-// Subset of jss-preset-default with only the plugins the Material-UI
+import jssGlobal from 'jss-global';
+import jssNested from 'jss-nested';
+import jssCamelCase from 'jss-camel-case';
+import jssDefaultUnit from 'jss-default-unit';
+import jssVendorPrefixer from 'jss-vendor-prefixer';
+import jssPropsSort from 'jss-props-sort'; // Subset of jss-preset-default with only the plugins the Material-UI
 // components are using.
+
 function jssPreset() {
   return {
-    plugins: [(0, _jssGlobal.default)(), (0, _jssNested.default)(), (0, _jssCamelCase.default)(), (0, _jssDefaultUnit.default)(), (0, _jssVendorPrefixer.default)(), (0, _jssPropsSort.default)()]
+    plugins: [jssGlobal(), jssNested(), jssCamelCase(), jssDefaultUnit(), jssVendorPrefixer(), jssPropsSort()]
   };
 }
 
-var _default = jssPreset;
-exports.default = _default;
+export default jssPreset;

package/styles/mergeClasses.js

@@ -1,17 +1,6 @@
-"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/esm/objectSpread2"));
-
-var _warning = _interopRequireDefault(require("warning"));
-
-var _getDisplayName = _interopRequireDefault(require("recompose/getDisplayName"));
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import warning from 'warning';
+import getDisplayName from 'recompose/getDisplayName';
 
 function mergeClasses() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -25,9 +14,9 @@ function mergeClasses() {
     return baseClasses;
   }
 
-  return (0, _objectSpread2.default)({}, baseClasses, {}, Object.keys(newClasses).reduce(function (accumulator, key) {
-    process.env.NODE_ENV !== "production" ? (0, _warning.default)(baseClasses[key] || noBase, ["Material-UI: the key `".concat(key, "` ") + "provided to the classes property is not implemented in ".concat((0, _getDisplayName.default)(Component), "."), "You can only override one of the following: ".concat(Object.keys(baseClasses).join(','))].join('\n')) : void 0;
-    process.env.NODE_ENV !== "production" ? (0, _warning.default)(!newClasses[key] || typeof newClasses[key] === 'string', ["Material-UI: the key `".concat(key, "` ") + "provided to the classes property is not valid for ".concat((0, _getDisplayName.default)(Component), "."), "You need to provide a non empty string instead of: ".concat(newClasses[key], ".")].join('\n')) : void 0;
+  return _objectSpread({}, baseClasses, {}, Object.keys(newClasses).reduce(function (accumulator, key) {
+    warning(baseClasses[key] || noBase, ["Material-UI: the key `".concat(key, "` ") + "provided to the classes property is not implemented in ".concat(getDisplayName(Component), "."), "You can only override one of the following: ".concat(Object.keys(baseClasses).join(','))].join('\n'));
+    warning(!newClasses[key] || typeof newClasses[key] === 'string', ["Material-UI: the key `".concat(key, "` ") + "provided to the classes property is not valid for ".concat(getDisplayName(Component), "."), "You need to provide a non empty string instead of: ".concat(newClasses[key], ".")].join('\n'));
 
     if (newClasses[key]) {
       accumulator[key] = "".concat(baseClasses[key], " ").concat(newClasses[key]);
@@ -37,5 +26,4 @@ function mergeClasses() {
   }, {}));
 }
 
-var _default = mergeClasses;
-exports.default = _default;
+export default mergeClasses;

package/styles/shadows.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 var shadowKeyUmbraOpacity = 0.2;
 var shadowKeyPenumbraOpacity = 0.14;
 var shadowAmbientShadowOpacity = 0.12;
@@ -13,5 +7,4 @@ function createShadow() {
 }
 
 var shadows = ['none', createShadow(0, 1, 3, 0, 0, 1, 1, 0, 0, 2, 1, -1), createShadow(0, 1, 5, 0, 0, 2, 2, 0, 0, 3, 1, -2), createShadow(0, 1, 8, 0, 0, 3, 4, 0, 0, 3, 3, -2), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
-var _default = shadows;
-exports.default = _default;
+export default shadows;

package/styles/shape.js

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 var shape = {
   borderRadius: 4
 };
-var _default = shape;
-exports.default = _default;
+export default shape;

package/styles/spacing.js

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
 var spacing = function spacing() {
   var n = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   return n * 4;
 };
 
-var _default = spacing;
-exports.default = _default;
+export default spacing;

package/styles/themeListener.js

@@ -1,21 +1,9 @@
-"use strict";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import PropTypes from 'prop-types'; // Same value used by react-jss
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CHANNEL = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-// Same value used by react-jss
-var CHANNEL = '__THEMING__';
-exports.CHANNEL = CHANNEL;
+export var CHANNEL = '__THEMING__';
 var themeListener = {
-  contextTypes: (0, _defineProperty2.default)({}, CHANNEL, _propTypes.default.object),
+  contextTypes: _defineProperty({}, CHANNEL, PropTypes.object),
   initial: function initial(context) {
     if (!context[CHANNEL]) {
       return null;
@@ -36,5 +24,4 @@ var themeListener = {
     }
   }
 };
-var _default = themeListener;
-exports.default = _default;
+export default themeListener;

package/styles/themeListener.test.js

@@ -0,0 +1,26 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { assert } from 'chai';
+import createBroadcast from 'brcast';
+import themeListener, { CHANNEL } from './themeListener';
+describe('themeListener', function () {
+  it('should be able to get the initial state', function () {
+    var broadcast = createBroadcast();
+    var initialState = {};
+    broadcast.setState(initialState);
+    assert.strictEqual(themeListener.initial(_defineProperty({}, CHANNEL, broadcast)), initialState);
+  });
+  it('should not complain if the context is not defined', function () {
+    assert.strictEqual(themeListener.initial({}), null);
+  });
+  it('should be able to subscribe to the event stream', function (done) {
+    var broadcast = createBroadcast();
+    var initialState = {};
+    var secondState = {};
+    broadcast.setState(initialState);
+    themeListener.subscribe(_defineProperty({}, CHANNEL, broadcast), function (state) {
+      assert.strictEqual(state, secondState);
+      done();
+    });
+    broadcast.setState(secondState);
+  });
+});