gdx-ui 1.1.0

package/components/util/Title.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Title = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Title = exports.Title = function Title(_ref) {
+  var variant = _ref.variant,
+    children = _ref.children;
+  var Tag = variant || 'h1';
+  return /*#__PURE__*/_react["default"].createElement(Tag, null, children);
+};
+Title.propTypes = {
+  children: _propTypes["default"].any.isRequired,
+  variant: _propTypes["default"].oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6'])
+};

package/components/util/index.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Alert = require("./Alert");
+Object.keys(_Alert).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Alert[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Alert[key];
+    }
+  });
+});
+var _List = require("./List");
+Object.keys(_List).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _List[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _List[key];
+    }
+  });
+});
+var _Loader = require("./Loader");
+Object.keys(_Loader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Loader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Loader[key];
+    }
+  });
+});
+var _Locker = require("./Locker");
+Object.keys(_Locker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Locker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Locker[key];
+    }
+  });
+});
+var _Note = require("./Note");
+Object.keys(_Note).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Note[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Note[key];
+    }
+  });
+});
+var _Skeleton = require("./Skeleton");
+Object.keys(_Skeleton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Skeleton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Skeleton[key];
+    }
+  });
+});
+var _Separator = require("./Separator");
+Object.keys(_Separator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Separator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Separator[key];
+    }
+  });
+});
+var _Text = require("./Text");
+Object.keys(_Text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Text[key];
+    }
+  });
+});
+var _Title = require("./Title");
+Object.keys(_Title).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Title[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Title[key];
+    }
+  });
+});

package/components/widget/Widget.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Widget = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Widget = exports.Widget = function Widget(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? true : _ref$spacing;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "box ".concat(spacing ? 'content' : '', " ").concat(className ? className : '')
+  }, children);
+};
+Widget.propTypes = {
+  children: _propTypes["default"].any,
+  className: _propTypes["default"].string,
+  spacing: _propTypes["default"].bool
+};

package/components/widget/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Widget = require("./Widget");
+Object.keys(_Widget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Widget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Widget[key];
+    }
+  });
+});

package/hooks/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useScreenDimentions = require("./useScreenDimentions");
+Object.keys(_useScreenDimentions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useScreenDimentions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useScreenDimentions[key];
+    }
+  });
+});

package/hooks/useForm.js

@@ -0,0 +1,145 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useForm = void 0;
+var _react = require("react");
+var _validations = require("../utils/validations");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var validateInput = function validateInput(input) {
+  if (!input.isRevised) {
+    return null;
+  }
+  if (input.required && input.value === '') {
+    return {
+      message: "El campo no puede estar vacio"
+    };
+  }
+  if (input.validation) {
+    var _validationsMessages$ = _slicedToArray(_validations.validationsMessages[input.validation], 2),
+      fn = _validationsMessages$[0],
+      errorMessage = _validationsMessages$[1];
+    if (!fn(input.value)) {
+      return {
+        message: errorMessage
+      };
+    }
+  }
+  return null;
+};
+function isEmpty(obj) {
+  return Object.keys(obj).length === 0;
+}
+var useForm = exports.useForm = function useForm() {
+  var _useState = (0, _react.useState)({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    formConfig = _useState2[0],
+    setFormConfig = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    formData = _useState4[0],
+    setFormData = _useState4[1];
+  var _useState5 = (0, _react.useState)({
+      isValid: false,
+      errors: {}
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    formState = _useState6[0],
+    setFormState = _useState6[1];
+  var onInputChange = function onInputChange(_ref) {
+    var target = _ref.target;
+    var name = target.name,
+      value = target.value;
+    setFormData(_objectSpread(_objectSpread({}, formData), {}, _defineProperty({}, name, value)));
+    var currentData = _objectSpread(_objectSpread({}, formConfig[name]), {}, {
+      value: value
+    });
+    var response = validateInput(currentData);
+    var errors = response ? _objectSpread({}, formState.errors) : _objectSpread(_objectSpread({}, formState.errors), {}, _defineProperty({}, name, response));
+    setFormConfig(_objectSpread(_objectSpread({}, formConfig), {}, _defineProperty({}, name, currentData)));
+    setFormState({
+      isValid: isEmpty(errors),
+      errors: errors
+    });
+  };
+  var onInputBlur = function onInputBlur(_ref2) {
+    var target = _ref2.target;
+    var name = target.name;
+    var currentData = _objectSpread(_objectSpread({}, formConfig[name]), {}, {
+      isRevised: true
+    });
+    setFormConfig(_objectSpread(_objectSpread({}, formConfig), {}, _defineProperty({}, name, currentData)));
+    var errors = {};
+    for (var _i = 0, _Object$keys = Object.keys(formConfig); _i < _Object$keys.length; _i++) {
+      var inputName = _Object$keys[_i];
+      var response = validateInput(name === inputName ? currentData : formConfig[inputName]);
+      if (response) {
+        errors[inputName] = response;
+      }
+    }
+    setFormState({
+      isValid: isEmpty(errors),
+      errors: errors
+    });
+  };
+  var register = function register(name) {
+    var _formConfig$name;
+    var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      defaultValue: ''
+    };
+    if (!(name in formConfig)) {
+      setFormConfig(_objectSpread(_objectSpread({}, formConfig), {}, _defineProperty({}, name, _objectSpread(_objectSpread({
+        name: name
+      }, config), {}, {
+        isRevised: false,
+        value: config.defaultValue || ''
+      }))));
+      setFormData(_objectSpread(_objectSpread({}, formData), {}, _defineProperty({}, name, config.defaultValue || '')));
+    }
+    return {
+      name: name,
+      value: ((_formConfig$name = formConfig[name]) === null || _formConfig$name === void 0 ? void 0 : _formConfig$name.value) || '',
+      onChange: onInputChange,
+      onBlur: onInputBlur
+    };
+  };
+  var onSubmit = function onSubmit(e) {
+    e.preventDefault();
+    var errors = {};
+    for (var _i2 = 0, _Object$keys2 = Object.keys(formConfig); _i2 < _Object$keys2.length; _i2++) {
+      var inputName = _Object$keys2[_i2];
+      var currentData = _objectSpread(_objectSpread({}, formConfig[inputName]), {}, {
+        isRevised: true
+      });
+      var response = validateInput(currentData);
+      setFormState(_objectSpread(_objectSpread({}, formState), {}, _defineProperty({}, inputName, currentData)));
+      if (response) {
+        errors[inputName] = response;
+      }
+    }
+    setFormState({
+      isValid: isEmpty(errors),
+      errors: errors
+    });
+  };
+  return {
+    // formConfig,
+    formState: formState,
+    formData: formData,
+    onInputChange: onInputChange,
+    register: register,
+    onSubmit: onSubmit
+  };
+};

package/hooks/useOutsideClick.js

@@ -0,0 +1,28 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOutsideClick = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var useOutsideClick = exports.useOutsideClick = function useOutsideClick(_ref) {
+  var onClickOutside = _ref.onClickOutside;
+  var wrapperRef = (0, _react.useRef)(null);
+  var handleOutsideClick = function handleOutsideClick(e) {
+    if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+      onClickOutside && onClickOutside();
+    }
+  };
+  (0, _react.useEffect)(function () {
+    document.addEventListener("mousedown", handleOutsideClick);
+    return function () {
+      document.removeEventListener("mousedown", handleOutsideClick);
+    };
+  });
+  return {
+    wrapperRef: wrapperRef
+  };
+};

package/hooks/useScreenDimentions.js

@@ -0,0 +1,41 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScreenDimentions = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var useScreenDimentions = exports.useScreenDimentions = function useScreenDimentions() {
+  var _useState = (0, _react.useState)(getCurrentDimension()),
+    _useState2 = _slicedToArray(_useState, 2),
+    screenSize = _useState2[0],
+    setScreenSize = _useState2[1];
+  function getCurrentDimension() {
+    return {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+  }
+  (0, _react.useEffect)(function () {
+    var updateDimension = function updateDimension() {
+      setScreenSize(getCurrentDimension());
+    };
+    window.addEventListener('resize', updateDimension);
+    return function () {
+      window.removeEventListener('resize', updateDimension);
+    };
+  }, [screenSize]);
+  return {
+    width: screenSize.width,
+    height: screenSize.height
+  };
+};

package/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _components = require("./components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _components[key];
+    }
+  });
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _hooks[key];
+    }
+  });
+});
+var _layout = require("./layout");
+Object.keys(_layout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _layout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _layout[key];
+    }
+  });
+});

package/layout/AppLayout.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppLayout = exports.AppHeaderLayout = exports.AppFooterLayout = exports.AppContentLayout = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var AppLayout = exports.AppLayout = function AppLayout(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+};
+var AppContentLayout = exports.AppContentLayout = function AppContentLayout(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react["default"].createElement("main", {
+    className: "app-body"
+  }, children);
+};
+var AppHeaderLayout = exports.AppHeaderLayout = function AppHeaderLayout(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react["default"].createElement("header", {
+    className: "app-header margin-bottom"
+  }, children);
+};
+var AppFooterLayout = exports.AppFooterLayout = function AppFooterLayout(_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/_react["default"].createElement("footer", {
+    className: "app-footer"
+  }, children);
+};
+AppLayout.propTypes = {
+  children: _propTypes["default"].any
+};
+AppContentLayout.propTypes = {
+  children: _propTypes["default"].any
+};
+AppHeaderLayout.propTypes = {
+  children: _propTypes["default"].any
+};
+AppFooterLayout.propTypes = {
+  children: _propTypes["default"].any
+};

package/layout/Layout.js

@@ -0,0 +1,28 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Sidebar = exports.MainSide = exports.Layout = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("../components");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var LayoutContext = /*#__PURE__*/(0, _react.createContext)(null);
+var Layout = exports.Layout = function Layout(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_components.Row, null, children);
+};
+var MainSide = exports.MainSide = function MainSide(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react["default"].createElement(_components.RowItem, {
+    className: "role-mainside"
+  }, children);
+};
+var Sidebar = exports.Sidebar = function Sidebar(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react["default"].createElement(_components.RowItem, {
+    className: "role-sidebar"
+  }, children);
+};

package/layout/Wrapper.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Wrapper = exports.Wrapper = function Wrapper(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'large' : _ref$size;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "wrapper wrapper-".concat(size, " ").concat(className ? className : '')
+  }, children);
+};
+Wrapper.propTypes = {
+  children: _propTypes["default"].any,
+  className: _propTypes["default"].string,
+  size: _propTypes["default"].oneOf(['small', 'medium', 'large'])
+};

package/layout/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _AppLayout = require("./AppLayout");
+Object.keys(_AppLayout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AppLayout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AppLayout[key];
+    }
+  });
+});
+var _Wrapper = require("./Wrapper");
+Object.keys(_Wrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Wrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Wrapper[key];
+    }
+  });
+});

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "gdx-ui",
+  "version": "1.1.0",
+  "description": "UI gdx",
+  "main": "index.js",
+  "module": "index.js",
+  "scripts": {
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/gadxe/gdx-ui.git"
+  },
+  "author": "Xtian",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/gadxe/gdx-ui/issues"
+  },
+  "homepage": "https://github.com/gadxe/gdx-ui#readme",
+  "files": [
+    "*"
+  ],
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-regular-svg-icons": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "prop-types": "^15.8.1"
+  }
+}

package/utils/utils.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateId = void 0;
+// const NUMBER_FORMAT = new Intl.NumberFormat('en-US', {
+//     maximumFractionDigits: 1,
+//     minimumFractionDigits: 1,
+//     roundingIncrement: 5,
+// });
+// const CURRENCY_FORMAT = new Intl.NumberFormat('en-US', {
+//     style: 'currency',
+//     currency: 'USD',
+//     maximumFractionDigits: 2,
+//     roundingIncrement: 5,
+// });
+
+// const UNNECESSARY_WORDS = ['para', 'de', 'con', 'en', 'la', 'las', 'los', 'el'];
+
+var generateId = exports.generateId = function generateId() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'id';
+  return IDGenerator.getInstance().next(prefix);
+};
+var IDGenerator = function () {
+  var instance;
+  function createInstance() {
+    return {
+      counter: 1000,
+      next: function next(prefix) {
+        return "".concat(prefix, "-").concat(Date.now(), "-").concat(this.counter++);
+      }
+    };
+  }
+  return {
+    getInstance: function getInstance() {
+      if (!instance) {
+        instance = createInstance();
+      }
+      return instance;
+    }
+  };
+}();
+// export const ramdomInt = (min = 10000, max = 99999) => Math.floor(Math.random() * (max - min + 1) + min);
+
+// export const numberFormat = (n) => NUMBER_FORMAT.format(n);
+
+// export const currencyFormat = (n) => CURRENCY_FORMAT.format(n);
+
+// export const clearQuery = (q) => q.split(' ')
+//     .filter(term => term.trim() !== '' && !UNNECESSARY_WORDS.includes(term.toLowerCase()))
+//     .join(' ');
+
+// export const dateFormat = (sqlDate, format = 'full') => { 
+
+//     if (!sqlDate || sqlDate == null) return '';
+
+//     let m, d, h, i;
+//     const date = new Date(sqlDate);
+
+//     const y = String(date.getFullYear()).substring(2,4); 
+//     m = (m = date.getMonth() + 1) < 10 ? `0${m}` : m;
+//     d = (d = date.getDate()) < 10 ? `0${d}` : d;
+//     h = (h = date.getHours()) < 10 ? `0${h}` : h;
+//     i = (i = date.getMinutes()) < 10 ? `0${i}` : i;
+
+//     return format === 'short' ? `${d}/${m}/${y}` : `${d}/${m}/${y} ${h}:${i}`;
+
+// };