✨ manage all prop-types

Author: bpetetot

build/mappers/docgen.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mapValues = require('lodash/mapValues');
+
+var _mapValues2 = _interopRequireDefault(_mapValues);
+
+var _isArray = require('lodash/isArray');
+
+var _isArray2 = _interopRequireDefault(_isArray);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var mapDefaultValues = function mapDefaultValues(value, type) {
+  /* eslint-disable no-eval */
+  if (type === 'object') {
+    return eval('new Object(' + value + ')');
+  }
+  return eval(value);
+  /* eslint-enable no-eval */
+};
+
+var mapTypes = function mapTypes(type) {
+  var name = type.name,
+      value = type.value;
+
+  if (name === 'func') {
+    return 'function';
+  } else if (name === 'bool') {
+    return 'boolean';
+  } else if (name === 'node' || name === 'arrayOf') {
+    return 'array';
+  } else if (name === 'instanceOf' || name === 'objectOf' || name === 'shape') {
+    return 'object';
+  } else if (name === 'union' && (0, _isArray2.default)(value) && value.length > 0) {
+    return mapTypes(value[0]);
+  }
+  return name;
+};
+
+var mapTypesValues = function mapTypesValues(values) {
+  if (values && (0, _isArray2.default)(values)) {
+    return values.map(function (_ref) {
+      var value = _ref.value;
+      return mapDefaultValues(value);
+    });
+  }
+  return undefined;
+};
+
+/**
+ * Map the react-docgen model to hoc-react-datgui model
+ */
+var map = function map(docgen) {
+  var props = docgen.props;
+
+  return (0, _mapValues2.default)(props, function (_ref2) {
+    var type = _ref2.type,
+        defaultValue = _ref2.defaultValue;
+    return {
+      type: type && mapTypes(type),
+      values: type && mapTypesValues(type.value),
+      defaultValue: defaultValue && mapDefaultValues(defaultValue.value, type.name)
+    };
+  });
+};
+
+exports.default = map;

build/mappers/model.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapAllDataToState = exports.mapDataToState = exports.mapModelToData = exports.getDisplayName = undefined;
+
+var _mapValues = require('lodash/mapValues');
+
+var _mapValues2 = _interopRequireDefault(_mapValues);
+
+var _omitBy = require('lodash/omitBy');
+
+var _omitBy2 = _interopRequireDefault(_omitBy);
+
+var _utils = require('./utils');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var getDisplayName = exports.getDisplayName = function getDisplayName(c) {
+  return c.displayName || c.name || 'Component';
+};
+
+var mapModelToData = exports.mapModelToData = function mapModelToData(model, props) {
+  var filteredTypes = (0, _omitBy2.default)(model, function (_ref) {
+    var type = _ref.type;
+
+    var omit = type !== 'object' && type !== 'array' && type !== 'string' && type !== 'color' && type !== 'number' && type !== 'slider' && type !== 'boolean' && type !== 'function' && type !== 'enum';
+    if (omit) {
+      /* eslint-disable no-console */
+      console.warn('PropTypes \'' + type + '\' is not handled');
+      /* eslint-enable no-console */
+    }
+    return omit;
+  });
+
+  return (0, _mapValues2.default)(filteredTypes, function (_ref2, prop) {
+    var type = _ref2.type,
+        defaultValue = _ref2.defaultValue;
+
+    var propValue = props[prop] || defaultValue;
+
+    if (type === 'object') {
+      return (0, _utils.toString)(propValue || {});
+    } else if (type === 'array') {
+      return (0, _utils.toString)(propValue || []);
+    } else if (type === 'string') {
+      return propValue || '';
+    } else if (type === 'color') {
+      return propValue || '#FFFFFF';
+    } else if (type === 'number' || type === 'slider') {
+      return propValue || 0;
+    } else if (type === 'boolean') {
+      return propValue || true;
+    } else if (type === 'function') {
+      return propValue || function () {};
+    } else if (type === 'enum') {
+      return propValue || [];
+    }
+    return propValue;
+  });
+};
+
+var mapDataToState = exports.mapDataToState = function mapDataToState(value, prop, type) {
+  if (type === 'object') {
+    return value && (0, _utils.toObject)(value);
+  } else if (type === 'array') {
+    return value && (0, _utils.toArray)(value);
+  }
+  return value;
+};
+
+var mapAllDataToState = exports.mapAllDataToState = function mapAllDataToState(model, data) {
+  return (0, _mapValues2.default)(model, function (value, prop) {
+    var type = value.type;
+
+    return mapDataToState(data[prop], prop, type);
+  });
+};

build/mappers/props.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _mapValues = require('lodash/mapValues');
+
+var _mapValues2 = _interopRequireDefault(_mapValues);
+
+var _isArray = require('lodash/isArray');
+
+var _isArray2 = _interopRequireDefault(_isArray);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var mapTypes = function mapTypes(value) {
+  if ((0, _isArray2.default)(value)) {
+    return 'array';
+  }
+  return typeof value === 'undefined' ? 'undefined' : _typeof(value);
+};
+
+/**
+ * Map the component given props to hoc-react-datgui model
+ */
+var map = function map(props) {
+  return (0, _mapValues2.default)(props, function (value) {
+    if (value !== undefined) {
+      return { type: mapTypes(value), defaultValue: value };
+    }
+    return { type: 'string', defaultValue: '' };
+  });
+};
+
+exports.default = map;

build/mappers/utils.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toArray = exports.toObject = exports.toString = undefined;
+
+var _forOwn = require('lodash/forOwn');
+
+var _forOwn2 = _interopRequireDefault(_forOwn);
+
+var _isArray = require('lodash/isArray');
+
+var _isArray2 = _interopRequireDefault(_isArray);
+
+var _isObject = require('lodash/isObject');
+
+var _isObject2 = _interopRequireDefault(_isObject);
+
+var _replace = require('lodash/replace');
+
+var _replace2 = _interopRequireDefault(_replace);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var toString = function toString(element) {
+  if (typeof element === 'string') {
+    return '\'' + (0, _replace2.default)(element, "'", "\\'") + '\'';
+  } else if ((0, _isArray2.default)(element)) {
+    var properties = [];
+    element.forEach(function (value) {
+      return properties.push(toString(value));
+    });
+    return '[ ' + properties.join(', ') + ' ]';
+  } else if ((0, _isObject2.default)(element)) {
+    var _properties = [];
+    (0, _forOwn2.default)(element, function (value, key) {
+      return _properties.push(key + ': ' + toString(value));
+    });
+    return '{ ' + _properties.join(', ') + ' }';
+  }
+  return String(element);
+};
+
+var toObject = function toObject(string) {
+  /* eslint-disable no-eval,no-console */
+  try {
+    return eval('new Object(' + string + ')');
+  } catch (e) {
+    console.error('malformed javascript object : ' + string);
+  }
+  return {};
+  /* eslint-enable no-eval,no-console */
+};
+
+var toArray = function toArray(string) {
+  /* eslint-disable no-eval,no-console */
+  try {
+    return eval(string);
+  } catch (e) {
+    console.error('malformed javascript array : ' + string);
+  }
+  return [];
+  /* eslint-enable no-eval,no-console */
+};
+
+exports.toString = toString;
+exports.toObject = toObject;
+exports.toArray = toArray;