gdx-ui 1.1.0

package/components/forms/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Autocomplete = require("./Autocomplete");
+Object.keys(_Autocomplete).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Autocomplete[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Autocomplete[key];
+    }
+  });
+});
+var _Form = require("./Form");
+Object.keys(_Form).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Form[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Form[key];
+    }
+  });
+});
+var _Input = require("./Input");
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Input[key];
+    }
+  });
+});
+var _Select = require("./Select");
+Object.keys(_Select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Select[key];
+    }
+  });
+});
+var _SelectInput = require("./SelectInput");
+Object.keys(_SelectInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SelectInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SelectInput[key];
+    }
+  });
+});
+var _Switch = require("./Switch");
+Object.keys(_Switch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Switch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Switch[key];
+    }
+  });
+});

package/components/images/Picture.js

@@ -0,0 +1,61 @@
+"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.Picture = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _util = require("../util");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 Picture = exports.Picture = function Picture(_ref) {
+  var src = _ref.src,
+    alt = _ref.alt,
+    width = _ref.width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '100px' : _ref$height,
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? false : _ref$bordered;
+  var _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    imageData = _useState2[0],
+    setImageData = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var image = new Image();
+    image.src = src;
+    image.onload = function () {
+      var imageWidth = image.width,
+        imageHeight = image.height;
+      setImageData({
+        imageWidth: imageWidth,
+        imageHeight: imageHeight
+      });
+    };
+  }, [src]);
+  return imageData ? /*#__PURE__*/_react["default"].createElement("img", {
+    src: src,
+    className: "".concat(bordered ? 'bordered' : ''),
+    alt: alt,
+    width: width
+  }) : /*#__PURE__*/_react["default"].createElement(_util.Skeleton, {
+    width: width,
+    height: height
+  });
+};
+Picture.propTypes = {
+  src: _propTypes["default"].string.isRequired,
+  alt: _propTypes["default"].string,
+  width: _propTypes["default"].string,
+  height: _propTypes["default"].string,
+  bordered: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['smallest', 'small', 'default', 'large'])
+};

package/components/images/Thumb.js

@@ -0,0 +1,55 @@
+"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.Thumb = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 Thumb = exports.Thumb = function Thumb(_ref) {
+  var src = _ref.src,
+    alt = _ref.alt,
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? false : _ref$bordered,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size;
+  var _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    imageData = _useState2[0],
+    setImageData = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var image = new Image();
+    image.src = src;
+    image.onload = function () {
+      var width = image.width,
+        height = image.height;
+      setImageData({
+        width: width,
+        height: height
+      });
+    };
+  }, [src]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "thumb thumb-".concat(size, " ").concat(bordered ? 'thumb-bordered' : '')
+  }, imageData ? /*#__PURE__*/_react["default"].createElement("img", {
+    src: src,
+    alt: alt,
+    className: "center-by-".concat(imageData.width > imageData.height ? 'width' : 'height')
+  }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Loading..."));
+};
+Thumb.propTypes = {
+  src: _propTypes["default"].string.isRequired,
+  alt: _propTypes["default"].string,
+  bordered: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['smallest', 'small', 'medium', 'large', 'largest'])
+};

package/components/images/index.js

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

package/components/index.js

@@ -0,0 +1,192 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _autocomplete = require("./autocomplete");
+Object.keys(_autocomplete).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _autocomplete[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _autocomplete[key];
+    }
+  });
+});
+var _badge = require("./badge");
+Object.keys(_badge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _badge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _badge[key];
+    }
+  });
+});
+var _box = require("./box");
+Object.keys(_box).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _box[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _box[key];
+    }
+  });
+});
+var _button = require("./button");
+Object.keys(_button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _button[key];
+    }
+  });
+});
+var _dialog = require("./dialog");
+Object.keys(_dialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dialog[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _dialog[key];
+    }
+  });
+});
+var _editable = require("./editable");
+Object.keys(_editable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _editable[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _editable[key];
+    }
+  });
+});
+var _expandable = require("./expandable");
+Object.keys(_expandable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _expandable[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _expandable[key];
+    }
+  });
+});
+var _forms = require("./forms");
+Object.keys(_forms).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _forms[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _forms[key];
+    }
+  });
+});
+var _images = require("./images");
+Object.keys(_images).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _images[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _images[key];
+    }
+  });
+});
+var _navbar = require("./navbar");
+Object.keys(_navbar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _navbar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _navbar[key];
+    }
+  });
+});
+var _pagination = require("./pagination");
+Object.keys(_pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _pagination[key];
+    }
+  });
+});
+var _row = require("./row");
+Object.keys(_row).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _row[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _row[key];
+    }
+  });
+});
+var _table = require("./table");
+Object.keys(_table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _table[key];
+    }
+  });
+});
+var _tabs = require("./tabs");
+Object.keys(_tabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _tabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _tabs[key];
+    }
+  });
+});
+var _snackbar = require("./snackbar");
+Object.keys(_snackbar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _snackbar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _snackbar[key];
+    }
+  });
+});
+var _util = require("./util");
+Object.keys(_util).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _util[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _util[key];
+    }
+  });
+});
+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/components/navbar/Navbar.js

@@ -0,0 +1,127 @@
+"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.Navbar = exports.NavLogo = exports.NavList = exports.NavExpandableIcon = exports.NavExpandableAreas = exports.NavContentArea = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _useOutsideClick2 = require("../../hooks/useOutsideClick");
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 NavbarContext = /*#__PURE__*/(0, _react.createContext)(null);
+var Navbar = exports.Navbar = function Navbar(_ref) {
+  var children = _ref.children;
+  var _useState = (0, _react.useState)({
+      active: null,
+      open: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    settings = _useState2[0],
+    setSettings = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement(NavbarContext.Provider, {
+    value: {
+      settings: settings,
+      setSettings: setSettings
+    }
+  }, /*#__PURE__*/_react["default"].createElement("nav", {
+    className: "navbar"
+  }, children));
+};
+var NavList = exports.NavList = function NavList(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react["default"].createElement("ul", {
+    className: "navbar-list"
+  }, children);
+};
+var NavLogo = exports.NavLogo = function NavLogo(_ref3) {
+  var src = _ref3.src,
+    alt = _ref3.alt;
+  return /*#__PURE__*/_react["default"].createElement("li", {
+    className: "navbar-logo"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: src,
+    alt: alt
+  }));
+};
+var NavExpandableIcon = exports.NavExpandableIcon = function NavExpandableIcon(_ref4) {
+  var icon = _ref4.icon,
+    control = _ref4.control;
+  var _useContext = (0, _react.useContext)(NavbarContext),
+    settings = _useContext.settings,
+    setSettings = _useContext.setSettings;
+  var active = settings.active,
+    open = settings.open;
+  var onClickBtn = function onClickBtn() {
+    setSettings({
+      active: control,
+      open: !open
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("li", {
+    className: "navbar-item"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "navbar-link ".concat(active == control ? 'active' : ''),
+    onClick: onClickBtn
+  }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: icon,
+    className: "nav-main-icon"
+  })));
+};
+var NavExpandableAreas = exports.NavExpandableAreas = function NavExpandableAreas(_ref5) {
+  var children = _ref5.children;
+  var _useContext2 = (0, _react.useContext)(NavbarContext),
+    setSettings = _useContext2.setSettings;
+  var onClickOutside = function onClickOutside() {
+    setSettings({
+      active: null,
+      open: false
+    });
+  };
+  var _useOutsideClick = (0, _useOutsideClick2.useOutsideClick)({
+      onClickOutside: onClickOutside
+    }),
+    wrapperRef = _useOutsideClick.wrapperRef;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: wrapperRef
+  }, children);
+};
+var NavContentArea = exports.NavContentArea = function NavContentArea(_ref6) {
+  var children = _ref6.children,
+    id = _ref6.id;
+  var _useContext3 = (0, _react.useContext)(NavbarContext),
+    settings = _useContext3.settings;
+  var active = settings.active,
+    open = settings.open;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    id: id,
+    className: "nav-expandible-area ".concat(active === id && open ? '' : 'hidden')
+  }, children);
+};
+Navbar.propTypes = {
+  children: _propTypes["default"].any
+};
+NavList.propTypes = {
+  children: _propTypes["default"].any
+};
+NavExpandableIcon.propTypes = {
+  icon: _propTypes["default"].any,
+  control: _propTypes["default"].string
+};
+NavExpandableAreas.propTypes = {
+  children: _propTypes["default"].any
+};
+NavContentArea.propTypes = {
+  children: _propTypes["default"].any,
+  id: _propTypes["default"].string
+};

package/components/navbar/index.js

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

package/components/pagination/Pagination.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pagination = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _utils = require("../../utils/utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 
+ * @param {page} number current page 
+ * @param {pages} number total of pages
+ * @param {registers} number total of registers
+ * @returns 
+ */
+var Pagination = exports.Pagination = function Pagination(_ref) {
+  var page = _ref.page,
+    pages = _ref.pages,
+    registers = _ref.registers,
+    onChangePage = _ref.onChangePage;
+  var range = 6,
+    offset = range / 2;
+  var tmp = 0,
+    from,
+    to;
+  if (pages > range) {
+    tmp = page - offset;
+    if (tmp < 1) {
+      from = 1;
+      to = page + offset - tmp + 1;
+    } else {
+      if (page + offset > pages) {
+        to = pages;
+        from = page - range + (pages - page) + 1;
+      } else {
+        from = tmp;
+        to = page + offset;
+      }
+    }
+  } else {
+    from = 1;
+    to = pages;
+  }
+  var pagesCounter = Array(range).fill(0).map(function (_, i) {
+    return {
+      page: from++
+    };
+  });
+  var onClickPage = function onClickPage(event, page) {
+    event.preventDefault();
+    onChangePage && onChangePage(page);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    id: "listing-pagination",
+    className: "pagination pagination-centered"
+  }, /*#__PURE__*/_react["default"].createElement("ul", null, /*#__PURE__*/_react["default"].createElement("li", {
+    key: (0, _utils.generateId)(),
+    className: page === 1 ? 'active' : ''
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    href: "#1",
+    onClick: function onClick(e) {
+      return onClickPage(e, 1);
+    },
+    className: "page"
+  }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: _freeSolidSvgIcons.faAnglesLeft
+  }))), pagesCounter.map(function (_ref2) {
+    var p = _ref2.page;
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      key: (0, _utils.generateId)(),
+      className: page === p ? 'active' : ''
+    }, /*#__PURE__*/_react["default"].createElement("a", {
+      href: "#".concat(p),
+      onClick: function onClick(e) {
+        return onClickPage(e, p);
+      },
+      className: "page"
+    }, p));
+  }), /*#__PURE__*/_react["default"].createElement("li", {
+    key: (0, _utils.generateId)(),
+    className: page === pages ? 'active' : ''
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    onClick: function onClick(e) {
+      return onClickPage(e, pages);
+    },
+    href: "#".concat(pages),
+    className: "page"
+  }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: _freeSolidSvgIcons.faAnglesRight
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "center note"
+  }, "Mostrando 12 / ", registers, " registros"));
+};

package/components/pagination/index.js

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