systema-button - npm Package Compare versions

Comparing version 0.3.1-alpha.1 to 0.3.1-alpha.2

example.js

 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"), require("internal-component-showcase"));
+		module.exports = factory(require("react"), require("react-element-to-jsx-string"));
 	else if(typeof define === 'function' && define.amd)
-		define(["react", "internal-component-showcase"], factory);
+		define(["react", "react-element-to-jsx-string"], factory);
 	else if(typeof exports === 'object')
-		exports["button"] = factory(require("react"), require("internal-component-showcase"));
+		exports["button"] = factory(require("react"), require("react-element-to-jsx-string"));
 	else
-		root["button"] = factory(root["react"], root["internal-component-showcase"]);
+		root["button"] = factory(root["react"], root["react-element-to-jsx-string"]);
 })(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__) {
@@ -78,2 +78,129 @@ return /******/ (function(modules) { // webpackBootstrap
 
+/***/ "../internal-component-showcase/index.js":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends = 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; };
+
+var _react = __webpack_require__(0);
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactElementToJsxString = __webpack_require__(1);
+
+var _reactElementToJsxString2 = _interopRequireDefault(_reactElementToJsxString);
+
+var _styles = __webpack_require__("../internal-component-showcase/styles.css");
+
+var _styles2 = _interopRequireDefault(_styles);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Row = function Row(_ref) {
+  var children = _ref.children,
+      Component = _ref.component,
+      displayName = _ref.displayName,
+      _ref$documentation = _ref.documentation,
+      documentation = _ref$documentation === undefined ? 'Too lazy to write docs' : _ref$documentation,
+      _ref$hideProps = _ref.hideProps,
+      hideProps = _ref$hideProps === undefined ? [] : _ref$hideProps,
+      id = _ref.id,
+      invert = _ref.invert,
+      props = _ref.props,
+      snapshot = _ref.snapshot;
+
+  var docs = typeof documentation === 'string' ? _react2.default.createElement(
+    'h4',
+    null,
+    documentation
+  ) : documentation;
+
+  var out = _react2.default.createElement(
+    Component,
+    props,
+    children
+  );
+
+  var jsx = (0, _reactElementToJsxString2.default)(out, {
+    displayName: displayName ? function () {
+      return displayName;
+    } : undefined,
+    showFunctions: true,
+    filterProps: hideProps
+  });
+
+  var rowStyles = ['row', _styles2.default.row];
+  var componentClasses = ['small-12', 'medium-6', 'large-4', 'columns', _styles2.default.component];
+  if (invert) {
+    componentClasses.push(_styles2.default.invert);
+  }
+  var descriptionClasses = ['small-12', 'medium-6', 'large-8', 'columns', _styles2.default.content];
+
+  var snapshotID = snapshot ? id : undefined;
+
+  return _react2.default.createElement(
+    'section',
+    { className: rowStyles.join(' ') },
+    _react2.default.createElement(
+      'div',
+      { className: componentClasses.join(' ') },
+      _react2.default.createElement(
+        'div',
+        { 'data-snapshot': snapshotID },
+        out
+      )
+    ),
+    _react2.default.createElement(
+      'div',
+      { className: descriptionClasses.join(' ') },
+      docs,
+      _react2.default.createElement(
+        'pre',
+        null,
+        _react2.default.createElement(
+          'code',
+          null,
+          jsx
+        )
+      )
+    )
+  );
+};
+Row.displayName = 'Showcase row';
+
+exports.default = function (_ref2) {
+  var configs = _ref2.configs,
+      component = _ref2.component;
+  return _react2.default.createElement(
+    'div',
+    null,
+    Object.keys(configs).map(function (id) {
+      return _react2.default.createElement(Row, _extends({ key: id, id: id, component: component }, configs[id]));
+    })
+  );
+};
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ "../internal-component-showcase/styles.css":
+/***/ (function(module, exports) {
+
+module.exports = {
+	"cell": "_1HFYqAvV",
+	"component": "_1JzXa7sX _1HFYqAvV",
+	"invert": "_28a-bnRj",
+	"row": "k-S1sEto",
+	"content": "_11hgze3Q _1HFYqAvV"
+};
+
+/***/ }),
+
 /***/ "./example/config/outlines.js":
@@ -286,3 +413,3 @@ /***/ (function(module, exports, __webpack_require__) {
 
-var _internalComponentShowcase = __webpack_require__(1);
+var _internalComponentShowcase = __webpack_require__("../internal-component-showcase/index.js");
 
@@ -686,3 +813,3 @@ var _internalComponentShowcase2 = _interopRequireDefault(_internalComponentShowcase);
 
-module.exports = require("internal-component-showcase");
+module.exports = require("react-element-to-jsx-string");
 
@@ -689,0 +816,0 @@ /***/ })

package.json

 {
   "name": "systema-button",
-  "version": "0.3.1-alpha.1",
+  "version": "0.3.1-alpha.2",
   "main": "index.js",
@@ -5,0 +5,0 @@ "license": "Apache-2.0",

No alert changes

Improved metrics

Total package byte prevSize

4332079

increased by0.08%

Lines of code

921

increased by12.45%

No dependency changes