gdx-ui 2.0.6 → 2.0.8

package/components/forms/Input.js

@@ -115,7 +115,7 @@ var Input = exports.Input = /*#__PURE__*/_react["default"].forwardRef(function (
   placeholder !== null && placeholder !== void 0 ? placeholder : placeholder = "".concat(label || '', " ").concat(required ? '(obligatorio)' : '');
   var alignClass = !align ? type === 'number' ? 'right' : 'left' : align;
   return /*#__PURE__*/_react["default"].createElement("label", {
-    className: "form-element ".concat(spacing, "-spacing")
+    className: "form-element spacing-".concat(spacing)
   }, label && /*#__PURE__*/_react["default"].createElement("div", {
     className: "input-label"
   }, required ? '*' : '', " ", label), /*#__PURE__*/_react["default"].createElement("div", {
@@ -147,6 +147,7 @@ Input.propTypes = {
   type: _propTypes["default"].oneOf(['text', 'email', 'password', 'number']),
   align: _propTypes["default"].oneOf(['left', 'center', 'right']),
   label: _propTypes["default"].string,
+  spacing: _propTypes["default"].oneOf(['none', 'compact', 'normal', 'plenty']),
   error: _propTypes["default"].string,
   placeholder: _propTypes["default"].string,
   showArrows: _propTypes["default"].bool,
@@ -158,6 +159,5 @@ Input.propTypes = {
   onReset: _propTypes["default"].func,
   inputClass: _propTypes["default"].string,
   min: _propTypes["default"].number,
-  max: _propTypes["default"].number,
-  spacing: _propTypes["default"].oneOf(['none', 'compact', 'normal', 'plenty'])
+  max: _propTypes["default"].number
 };

package/components/forms/Select.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Select = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _excluded = ["label", "required", "expanded", "disabled", "name", "value", "error", "defaultValue", "options", "renderOption"];
+var _excluded = ["label", "required", "expanded", "disabled", "name", "value", "error", "defaultValue", "options", "renderOption", "spacing"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -26,9 +26,11 @@ var Select = exports.Select = /*#__PURE__*/_react["default"].forwardRef(function
     _ref$options = _ref.options,
     options = _ref$options === void 0 ? [] : _ref$options,
     renderOption = _ref.renderOption,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("label", {
-    className: "form-element"
+    className: "form-element spacing-".concat(spacing)
   }, label && /*#__PURE__*/_react["default"].createElement("div", {
     className: "input-label"
   }, required ? '*' : '', " ", label), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("select", _extends({
@@ -65,5 +67,6 @@ Select.propTypes = {
   errorMessage: _propTypes["default"].string,
   disabled: _propTypes["default"].bool,
   expanded: _propTypes["default"].bool,
-  required: _propTypes["default"].bool
+  required: _propTypes["default"].bool,
+  spacing: _propTypes["default"].oneOf(['none', 'compact', 'normal', 'plenty'])
 };

package/components/images/Img.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _util = require("../util");
 var _useImageLoader2 = require("./useImageLoader");
+var _noImage = _interopRequireDefault(require("../../assets/no-image.jpg"));
 var _excluded = ["src", "alt", "align", "className", "expanded", "bordered", "width", "height", "style"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -37,6 +38,7 @@ var Img = exports.Img = function Img(_ref) {
   var _useImageLoader = (0, _useImageLoader2.useImageLoader)(src),
     isLoading = _useImageLoader.isLoading,
     hasError = _useImageLoader.hasError;
+  var imageSrc = !src || hasError ? _noImage["default"] : src;
   var hasWidth = width !== undefined && width !== null;
   var hasHeight = height !== undefined && height !== null;
   var hasConstrainedFrame = hasWidth || hasHeight;
@@ -68,7 +70,7 @@ var Img = exports.Img = function Img(_ref) {
   }) : /*#__PURE__*/_react["default"].createElement("div", {
     style: frameStyle
   }, /*#__PURE__*/_react["default"].createElement("img", _extends({
-    src: src,
+    src: imageSrc,
     alt: alt || '',
     style: _objectSpread(_objectSpread({}, imageFitStyle), style),
     className: "".concat(expanded ? 'expanded' : '', " ").concat(bordered ? 'bordered' : ''),

package/components/images/Thumb.js

@@ -10,8 +10,6 @@ var _util = require("../util");
 var _useImageLoader2 = require("./useImageLoader");
 var _noImage = _interopRequireDefault(require("../../assets/no-image.jpg"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-// import noImage from '../../../assets/logo.svg';
-
 var Thumb = exports.Thumb = function Thumb(_ref) {
   var src = _ref.src,
     alt = _ref.alt,

package/components/view/Container.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContainerItem = exports.Container = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Container = exports.Container = function Container(_ref) {
+  var children = _ref.children,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "container container-".concat(spacing)
+  }, children);
+};
+var ContainerItem = exports.ContainerItem = function ContainerItem(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "container-item"
+  }, children);
+};
+ContainerItem.propTypes = {
+  children: _propTypes["default"].node
+};
+Container.propTypes = {
+  spacing: _propTypes["default"].oneOf(['none', 'compact', 'default', 'plenty'])
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gdx-ui",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "UI gdx",
   "main": "index.js",
   "module": "index.js",