@i-novus/n2o-components 1.0.0

package/lib/display/Drawer/Drawer.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Drawer = Drawer;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _rcDrawer = _interopRequireDefault(require("rc-drawer"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function Drawer(props) {
+  var className = props.className,
+      closeOnBackdrop = props.closeOnBackdrop,
+      visible = props.visible,
+      placement = props.placement,
+      onClose = props.onClose,
+      onHandleClick = props.onHandleClick,
+      backdrop = props.backdrop,
+      level = props.level,
+      animation = props.animation,
+      width = props.width,
+      height = props.height,
+      title = props.title,
+      footer = props.footer,
+      fixedFooter = props.fixedFooter,
+      children = props.children,
+      closeOnEscape = props.closeOnEscape,
+      closable = props.closable;
+
+  var _useState = (0, _react.useState)(0),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      paddingBottom = _useState2[0],
+      setPaddingBottom = _useState2[1];
+
+  var footerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (footerRef.current) {
+      setPaddingBottom(footerRef.current.clientHeight);
+    }
+  }, [visible, setPaddingBottom]);
+  return /*#__PURE__*/_react["default"].createElement(_rcDrawer["default"], {
+    className: (0, _classnames["default"])('n2o-drawer n2o-snippet', className, {
+      'without-close-button': !closable,
+      'drawer-animation': animation
+    }),
+    open: visible,
+    width: width,
+    height: height,
+    placement: placement,
+    onClose: onClose,
+    showMask: backdrop,
+    level: level,
+    maskClosable: closeOnBackdrop,
+    onHandleClick: onHandleClick,
+    keyboard: closeOnEscape
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "n2o-drawer-content-wrapper",
+    style: fixedFooter ? {
+      paddingBottom: paddingBottom
+    } : {}
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "n2o-drawer-children-wrapper"
+  }, title && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "drawer-title"
+  }, title), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "drawer-children"
+  }, children), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('drawer-footer', {
+      'drawer-footer--fixed': fixedFooter
+    }),
+    ref: footerRef
+  }, footer))));
+}
+
+Drawer.defaultProps = {
+  animation: true,
+  backdrop: false,
+  closeOnBackdrop: true,
+  level: '',
+  fixedFooter: false,
+  closable: true,
+  closeOnEscape: true,
+  onClose: function onClose() {},
+  onHandleClick: function onHandleClick() {}
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L0RyYXdlci9EcmF3ZXIudHN4Il0sIm5hbWVzIjpbIkRyYXdlciIsInByb3BzIiwiY2xhc3NOYW1lIiwiY2xvc2VPbkJhY2tkcm9wIiwidmlzaWJsZSIsInBsYWNlbWVudCIsIm9uQ2xvc2UiLCJvbkhhbmRsZUNsaWNrIiwiYmFja2Ryb3AiLCJsZXZlbCIsImFuaW1hdGlvbiIsIndpZHRoIiwiaGVpZ2h0IiwidGl0bGUiLCJmb290ZXIiLCJmaXhlZEZvb3RlciIsImNoaWxkcmVuIiwiY2xvc2VPbkVzY2FwZSIsImNsb3NhYmxlIiwicGFkZGluZ0JvdHRvbSIsInNldFBhZGRpbmdCb3R0b20iLCJmb290ZXJSZWYiLCJjdXJyZW50IiwiY2xpZW50SGVpZ2h0IiwiZGVmYXVsdFByb3BzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7Ozs7OztBQXVCTyxTQUFTQSxNQUFULENBQWdCQyxLQUFoQixFQUE4QjtBQUNqQyxNQUNJQyxTQURKLEdBa0JJRCxLQWxCSixDQUNJQyxTQURKO0FBQUEsTUFFSUMsZUFGSixHQWtCSUYsS0FsQkosQ0FFSUUsZUFGSjtBQUFBLE1BR0lDLE9BSEosR0FrQklILEtBbEJKLENBR0lHLE9BSEo7QUFBQSxNQUlJQyxTQUpKLEdBa0JJSixLQWxCSixDQUlJSSxTQUpKO0FBQUEsTUFLSUMsT0FMSixHQWtCSUwsS0FsQkosQ0FLSUssT0FMSjtBQUFBLE1BTUlDLGFBTkosR0FrQklOLEtBbEJKLENBTUlNLGFBTko7QUFBQSxNQU9JQyxRQVBKLEdBa0JJUCxLQWxCSixDQU9JTyxRQVBKO0FBQUEsTUFRSUMsS0FSSixHQWtCSVIsS0FsQkosQ0FRSVEsS0FSSjtBQUFBLE1BU0lDLFNBVEosR0FrQklULEtBbEJKLENBU0lTLFNBVEo7QUFBQSxNQVVJQyxLQVZKLEdBa0JJVixLQWxCSixDQVVJVSxLQVZKO0FBQUEsTUFXSUMsTUFYSixHQWtCSVgsS0FsQkosQ0FXSVcsTUFYSjtBQUFBLE1BWUlDLEtBWkosR0FrQklaLEtBbEJKLENBWUlZLEtBWko7QUFBQSxNQWFJQyxNQWJKLEdBa0JJYixLQWxCSixDQWFJYSxNQWJKO0FBQUEsTUFjSUMsV0FkSixHQWtCSWQsS0FsQkosQ0FjSWMsV0FkSjtBQUFBLE1BZUlDLFFBZkosR0FrQklmLEtBbEJKLENBZUllLFFBZko7QUFBQSxNQWdCSUMsYUFoQkosR0FrQkloQixLQWxCSixDQWdCSWdCLGFBaEJKO0FBQUEsTUFpQklDLFFBakJKLEdBa0JJakIsS0FsQkosQ0FpQklpQixRQWpCSjs7QUFvQkEsa0JBQTBDLHFCQUFTLENBQVQsQ0FBMUM7QUFBQTtBQUFBLE1BQU9DLGFBQVA7QUFBQSxNQUFzQkMsZ0JBQXRCOztBQUNBLE1BQU1DLFNBQVMsR0FBRyxtQkFBdUIsSUFBdkIsQ0FBbEI7QUFFQSx3QkFBVSxZQUFNO0FBQ1osUUFBSUEsU0FBUyxDQUFDQyxPQUFkLEVBQXVCO0FBQ25CRixNQUFBQSxnQkFBZ0IsQ0FBQ0MsU0FBUyxDQUFDQyxPQUFWLENBQWtCQyxZQUFuQixDQUFoQjtBQUNIO0FBQ0osR0FKRCxFQUlHLENBQUNuQixPQUFELEVBQVVnQixnQkFBVixDQUpIO0FBTUEsc0JBQ0ksZ0NBQUMsb0JBQUQ7QUFDSSxJQUFBLFNBQVMsRUFBRSw0QkFBVyx3QkFBWCxFQUFxQ2xCLFNBQXJDLEVBQWdEO0FBQ3ZELDhCQUF3QixDQUFDZ0IsUUFEOEI7QUFFdkQsMEJBQW9CUjtBQUZtQyxLQUFoRCxDQURmO0FBS0ksSUFBQSxJQUFJLEVBQUVOLE9BTFY7QUFNSSxJQUFBLEtBQUssRUFBRU8sS0FOWDtBQU9JLElBQUEsTUFBTSxFQUFFQyxNQVBaO0FBUUksSUFBQSxTQUFTLEVBQUVQLFNBUmY7QUFTSSxJQUFBLE9BQU8sRUFBRUMsT0FUYjtBQVVJLElBQUEsUUFBUSxFQUFFRSxRQVZkO0FBV0ksSUFBQSxLQUFLLEVBQUVDLEtBWFg7QUFZSSxJQUFBLFlBQVksRUFBRU4sZUFabEI7QUFhSSxJQUFBLGFBQWEsRUFBRUksYUFibkI7QUFjSSxJQUFBLFFBQVEsRUFBRVU7QUFkZCxrQkFnQkk7QUFDSSxJQUFBLFNBQVMsRUFBQyw0QkFEZDtBQUVJLElBQUEsS0FBSyxFQUFFRixXQUFXLEdBQUc7QUFBRUksTUFBQUEsYUFBYSxFQUFiQTtBQUFGLEtBQUgsR0FBdUI7QUFGN0Msa0JBSUk7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLEtBQ0tOLEtBQUssaUJBQUk7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLEtBQStCQSxLQUEvQixDQURkLGVBRUk7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLEtBQWtDRyxRQUFsQyxDQUZKLGVBR0k7QUFDSSxJQUFBLFNBQVMsRUFBRSw0QkFBVyxlQUFYLEVBQTRCO0FBQ25DLDhCQUF3QkQ7QUFEVyxLQUE1QixDQURmO0FBSUksSUFBQSxHQUFHLEVBQUVNO0FBSlQsS0FNS1AsTUFOTCxDQUhKLENBSkosQ0FoQkosQ0FESjtBQW9DSDs7QUFFRGQsTUFBTSxDQUFDd0IsWUFBUCxHQUFzQjtBQUNsQmQsRUFBQUEsU0FBUyxFQUFFLElBRE87QUFFbEJGLEVBQUFBLFFBQVEsRUFBRSxLQUZRO0FBR2xCTCxFQUFBQSxlQUFlLEVBQUUsSUFIQztBQUlsQk0sRUFBQUEsS0FBSyxFQUFFLEVBSlc7QUFLbEJNLEVBQUFBLFdBQVcsRUFBRSxLQUxLO0FBTWxCRyxFQUFBQSxRQUFRLEVBQUUsSUFOUTtBQU9sQkQsRUFBQUEsYUFBYSxFQUFFLElBUEc7QUFRbEJYLEVBQUFBLE9BQU8sRUFBRSxtQkFBTSxDQUFFLENBUkM7QUFTbEJDLEVBQUFBLGFBQWEsRUFBRSx5QkFBTSxDQUFFO0FBVEwsQ0FBdEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBEcmF3ZXJSQyBmcm9tICdyYy1kcmF3ZXInXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgSVBsYWNlbWVudCB9IGZyb20gJ3JjLWRyYXdlci9saWIvSURyYXdlclByb3BUeXBlcydcblxuaW1wb3J0IHsgVEJhc2VQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuXG50eXBlIFByb3BzID0gVEJhc2VQcm9wcyAmIHtcbiAgICBjbG9zZU9uQmFja2Ryb3A6IGJvb2xlYW47IC8vINCS0LrQu9GO0YfQtdC90LjQtSDQt9Cw0LrRgNGL0YLQuNGPINC/0L4g0LrQu9C40LrRgyDQvdCwINC80LDRgdC60YMoYmFja2Ryb3ApXG4gICAgY2xvc2FibGU6IGJvb2xlYW47IC8vINCS0LrQu9GO0YfQtdC90LjQtSDQutC90L7Qv9C60Lgg0LfQsNC60YDRi9GC0LjRj1xuICAgIGNsb3NlT25Fc2NhcGU6IGJvb2xlYW47IC8vINCg0LDQt9GA0LXRiNC40YLRjC/Qt9Cw0L/RgNC10YLQuNGC0Ywg0LfQsNC60YDRi9GC0LjQtSBEcmF3ZXIg0L/QviDQutC70LDQstC40YjQtSBFc2NcbiAgICBwbGFjZW1lbnQ/OiBJUGxhY2VtZW50OyAvLyDQn9C+0LfQuNGG0LjRjyDQutC+0LzQv9C+0L3QtdC90YLQsFxuICAgIGJhY2tkcm9wOiBib29sZWFuOyAvLyDQktC60LvRjtGH0LXQvdC40LUg0LzQsNGB0LrQuChiYWNrZHJvcClcbiAgICBhbmltYXRpb246IGJvb2xlYW47IC8vINCS0LrQu9GO0YfQtdC90LjQtSDQsNC90LjQvNCw0YbQuNC4XG4gICAgd2lkdGg/OiBzdHJpbmcgfCBudW1iZXI7IC8vINCo0LjRgNC40L3QsCDQutC+0LzQv9C+0L3QtdC90YLQsFxuICAgIGhlaWdodD86IHN0cmluZyB8IG51bWJlcjsgLy8g0JLRi9GB0L7RgtCwINC60L7QvNC/0L7QvdC10L3RgtCwXG4gICAgdGl0bGU/OiBzdHJpbmcgfCBSZWFjdE5vZGU7IC8vINCX0LDQs9C+0LvQvtCy0L7QuiDQutC+0LzQv9C+0L3QtdC90YLQsFxuICAgIGZvb3Rlcj86IHN0cmluZyB8IFJlYWN0Tm9kZTsgLy8g0J3QuNC20L3Rj9GPINGH0LDRgdGC0Ywg0LrQvtC80L/QvtC90LXQvdGC0LBcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTsgLy8g0J7RgdC90L7QstC90LDRjyDRh9Cw0YHRgtGMINC60L7QvNC/0L7QvdC10L3RgtCwXG4gICAgZml4ZWRGb290ZXI6IGJvb2xlYW47IC8vINCk0LvQsNCzINGE0LjQutGB0LjRgNC+0LLQsNC90LjRjyDRhNGD0YLQtdGA0LBcbiAgICBsZXZlbDogc3RyaW5nIHwgc3RyaW5nW107IC8vINCh0LTQstC40LMg0Y3Qu9C10LzQtdC90YLQsCDQuNC70Lgg0LPRgNGD0L/Qv9GLINGN0LvQtdC80LXQvdGC0L7QsiDQv9GA0Lgg0L7RgtC60YDRi9GC0LjQuCAobGV2ZWw9eydhbGwnfSDQtNC70Y8g0YHQtNCy0LjQs9CwINCy0YHQtdGFINGN0Lst0LIpXG4gICAgb25DbG9zZSgpOiB2b2lkOyAvLyDQpNGD0L3QutGG0LjRjyDQt9Cw0LrRgNGL0YLQuNGPINC/0L4g0LrQu9C40LrRg1xuICAgIG9uSGFuZGxlQ2xpY2soKTogdm9pZDsgLy8g0KTRg9C90LrRhtC40Y8g0LfQsNC60YDRi9GC0LjRjyDQv9C+INC60LvQuNC60YMg0L3QsCDQutGA0LXRgdGC0LjQulxufVxuXG5leHBvcnQgZnVuY3Rpb24gRHJhd2VyKHByb3BzOiBQcm9wcykge1xuICAgIGNvbnN0IHtcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICBjbG9zZU9uQmFja2Ryb3AsXG4gICAgICAgIHZpc2libGUsXG4gICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgb25DbG9zZSxcbiAgICAgICAgb25IYW5kbGVDbGljayxcbiAgICAgICAgYmFja2Ryb3AsXG4gICAgICAgIGxldmVsLFxuICAgICAgICBhbmltYXRpb24sXG4gICAgICAgIHdpZHRoLFxuICAgICAgICBoZWlnaHQsXG4gICAgICAgIHRpdGxlLFxuICAgICAgICBmb290ZXIsXG4gICAgICAgIGZpeGVkRm9vdGVyLFxuICAgICAgICBjaGlsZHJlbixcbiAgICAgICAgY2xvc2VPbkVzY2FwZSxcbiAgICAgICAgY2xvc2FibGUsXG4gICAgfSA9IHByb3BzXG5cbiAgICBjb25zdCBbcGFkZGluZ0JvdHRvbSwgc2V0UGFkZGluZ0JvdHRvbV0gPSB1c2VTdGF0ZSgwKVxuICAgIGNvbnN0IGZvb3RlclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChmb290ZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgc2V0UGFkZGluZ0JvdHRvbShmb290ZXJSZWYuY3VycmVudC5jbGllbnRIZWlnaHQpXG4gICAgICAgIH1cbiAgICB9LCBbdmlzaWJsZSwgc2V0UGFkZGluZ0JvdHRvbV0pXG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RHJhd2VyUkNcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcygnbjJvLWRyYXdlciBuMm8tc25pcHBldCcsIGNsYXNzTmFtZSwge1xuICAgICAgICAgICAgICAgICd3aXRob3V0LWNsb3NlLWJ1dHRvbic6ICFjbG9zYWJsZSxcbiAgICAgICAgICAgICAgICAnZHJhd2VyLWFuaW1hdGlvbic6IGFuaW1hdGlvbixcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgb3Blbj17dmlzaWJsZX1cbiAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgICAgICAgc2hvd01hc2s9e2JhY2tkcm9wfVxuICAgICAgICAgICAgbGV2ZWw9e2xldmVsfVxuICAgICAgICAgICAgbWFza0Nsb3NhYmxlPXtjbG9zZU9uQmFja2Ryb3B9XG4gICAgICAgICAgICBvbkhhbmRsZUNsaWNrPXtvbkhhbmRsZUNsaWNrfVxuICAgICAgICAgICAga2V5Ym9hcmQ9e2Nsb3NlT25Fc2NhcGV9XG4gICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJuMm8tZHJhd2VyLWNvbnRlbnQtd3JhcHBlclwiXG4gICAgICAgICAgICAgICAgc3R5bGU9e2ZpeGVkRm9vdGVyID8geyBwYWRkaW5nQm90dG9tIH0gOiB7fX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm4yby1kcmF3ZXItY2hpbGRyZW4td3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgICB7dGl0bGUgJiYgPGRpdiBjbGFzc05hbWU9XCJkcmF3ZXItdGl0bGVcIj57dGl0bGV9PC9kaXY+fVxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImRyYXdlci1jaGlsZHJlblwiPntjaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKCdkcmF3ZXItZm9vdGVyJywge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICdkcmF3ZXItZm9vdGVyLS1maXhlZCc6IGZpeGVkRm9vdGVyLFxuICAgICAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgICAgICByZWY9e2Zvb3RlclJlZn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge2Zvb3Rlcn1cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9EcmF3ZXJSQz5cbiAgICApXG59XG5cbkRyYXdlci5kZWZhdWx0UHJvcHMgPSB7XG4gICAgYW5pbWF0aW9uOiB0cnVlLFxuICAgIGJhY2tkcm9wOiBmYWxzZSxcbiAgICBjbG9zZU9uQmFja2Ryb3A6IHRydWUsXG4gICAgbGV2ZWw6ICcnLFxuICAgIGZpeGVkRm9vdGVyOiBmYWxzZSxcbiAgICBjbG9zYWJsZTogdHJ1ZSxcbiAgICBjbG9zZU9uRXNjYXBlOiB0cnVlLFxuICAgIG9uQ2xvc2U6ICgpID0+IHt9LFxuICAgIG9uSGFuZGxlQ2xpY2s6ICgpID0+IHt9LFxufSBhcyBQcm9wc1xuIl19

package/lib/display/DropdownCustomItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TBaseProps } from '../types';
+declare type Props = TBaseProps & {
+    [key: string]: any;
+};
+export declare function DropdownCustomItem(props: Props): JSX.Element;
+export {};

package/lib/display/DropdownCustomItem.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownCustomItem = DropdownCustomItem;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactstrap = require("reactstrap");
+
+var _omit = _interopRequireDefault(require("lodash/omit"));
+
+function DropdownCustomItem(props) {
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, (0, _extends2["default"])({}, (0, _omit["default"])(props, ['color']), {
+    className: "dropdown-item-btn"
+  }));
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kaXNwbGF5L0Ryb3Bkb3duQ3VzdG9tSXRlbS50c3giXSwibmFtZXMiOlsiRHJvcGRvd25DdXN0b21JdGVtIiwicHJvcHMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBU08sU0FBU0Esa0JBQVQsQ0FBNEJDLEtBQTVCLEVBQTBDO0FBQzdDLHNCQUFPLGdDQUFDLGtCQUFELGdDQUFZLHNCQUFLQSxLQUFMLEVBQVksQ0FBQyxPQUFELENBQVosQ0FBWjtBQUFvQyxJQUFBLFNBQVMsRUFBQztBQUE5QyxLQUFQO0FBQ0giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICdyZWFjdHN0cmFwJ1xuaW1wb3J0IG9taXQgZnJvbSAnbG9kYXNoL29taXQnXG5cbmltcG9ydCB7IFRCYXNlUHJvcHMgfSBmcm9tICcuLi90eXBlcydcblxudHlwZSBQcm9wcyA9IFRCYXNlUHJvcHMgJiB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICBba2V5OiBzdHJpbmddOiBhbnk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBEcm9wZG93bkN1c3RvbUl0ZW0ocHJvcHM6IFByb3BzKSB7XG4gICAgcmV0dXJuIDxCdXR0b24gey4uLm9taXQocHJvcHMsIFsnY29sb3InXSl9IGNsYXNzTmFtZT1cImRyb3Bkb3duLWl0ZW0tYnRuXCIgLz5cbn1cbiJdfQ==

package/lib/display/Filter/Buttons.d.ts

@@ -0,0 +1,11 @@
+import { MouseEventHandler } from 'react';
+import { TBaseProps } from '../../types';
+export interface ButtonsProps extends Omit<TBaseProps, 'disabled'> {
+    searchLabel?: string;
+    resetLabel?: string;
+    searchDisabled?: boolean;
+    clearDisabled?: boolean;
+    onSearch: MouseEventHandler<HTMLButtonElement> | undefined;
+    onReset: MouseEventHandler<HTMLButtonElement> | undefined;
+}
+export declare function Buttons(props: ButtonsProps): JSX.Element | null;

package/lib/display/Filter/Buttons.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Buttons = Buttons;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactstrap = require("reactstrap");
+
+var _reactI18next = require("react-i18next");
+
+function Buttons(props) {
+  var className = props.className,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
+      searchLabel = props.searchLabel,
+      resetLabel = props.resetLabel,
+      searchDisabled = props.searchDisabled,
+      clearDisabled = props.clearDisabled,
+      onSearch = props.onSearch,
+      onReset = props.onReset;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  return visible ? /*#__PURE__*/_react["default"].createElement(_reactstrap.ButtonGroup, {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    disabled: searchDisabled,
+    color: "primary",
+    onClick: onSearch
+  }, searchLabel || t('search')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    disabled: clearDisabled,
+    color: "secondary",
+    onClick: onReset
+  }, resetLabel || t('reset'))) : null;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L0ZpbHRlci9CdXR0b25zLnRzeCJdLCJuYW1lcyI6WyJCdXR0b25zIiwicHJvcHMiLCJjbGFzc05hbWUiLCJ2aXNpYmxlIiwic2VhcmNoTGFiZWwiLCJyZXNldExhYmVsIiwic2VhcmNoRGlzYWJsZWQiLCJjbGVhckRpc2FibGVkIiwib25TZWFyY2giLCJvblJlc2V0IiwidCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBYU8sU0FBU0EsT0FBVCxDQUFpQkMsS0FBakIsRUFBc0M7QUFDekMsTUFDSUMsU0FESixHQVNJRCxLQVRKLENBQ0lDLFNBREo7QUFBQSx1QkFTSUQsS0FUSixDQUVJRSxPQUZKO0FBQUEsTUFFSUEsT0FGSiwrQkFFYyxJQUZkO0FBQUEsTUFHSUMsV0FISixHQVNJSCxLQVRKLENBR0lHLFdBSEo7QUFBQSxNQUlJQyxVQUpKLEdBU0lKLEtBVEosQ0FJSUksVUFKSjtBQUFBLE1BS0lDLGNBTEosR0FTSUwsS0FUSixDQUtJSyxjQUxKO0FBQUEsTUFNSUMsYUFOSixHQVNJTixLQVRKLENBTUlNLGFBTko7QUFBQSxNQU9JQyxRQVBKLEdBU0lQLEtBVEosQ0FPSU8sUUFQSjtBQUFBLE1BUUlDLE9BUkosR0FTSVIsS0FUSixDQVFJUSxPQVJKOztBQVVBLHdCQUFjLG1DQUFkO0FBQUEsTUFBUUMsQ0FBUixtQkFBUUEsQ0FBUjs7QUFFQSxTQUFPUCxPQUFPLGdCQUNWLGdDQUFDLHVCQUFEO0FBQWEsSUFBQSxTQUFTLEVBQUVEO0FBQXhCLGtCQUNJLGdDQUFDLGtCQUFEO0FBQVEsSUFBQSxRQUFRLEVBQUVJLGNBQWxCO0FBQWtDLElBQUEsS0FBSyxFQUFDLFNBQXhDO0FBQWtELElBQUEsT0FBTyxFQUFFRTtBQUEzRCxLQUNLSixXQUFXLElBQUlNLENBQUMsQ0FBQyxRQUFELENBRHJCLENBREosZUFJSSxnQ0FBQyxrQkFBRDtBQUFRLElBQUEsUUFBUSxFQUFFSCxhQUFsQjtBQUFpQyxJQUFBLEtBQUssRUFBQyxXQUF2QztBQUFtRCxJQUFBLE9BQU8sRUFBRUU7QUFBNUQsS0FDS0osVUFBVSxJQUFJSyxDQUFDLENBQUMsT0FBRCxDQURwQixDQUpKLENBRFUsR0FTVixJQVRKO0FBVUgiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgTW91c2VFdmVudEhhbmRsZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbkdyb3VwLCBCdXR0b24gfSBmcm9tICdyZWFjdHN0cmFwJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0J1xuXG5pbXBvcnQgeyBUQmFzZVByb3BzIH0gZnJvbSAnLi4vLi4vdHlwZXMnXG5cbmV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uc1Byb3BzIGV4dGVuZHMgT21pdDxUQmFzZVByb3BzLCAnZGlzYWJsZWQnPiB7XG4gICAgc2VhcmNoTGFiZWw/OiBzdHJpbmdcbiAgICByZXNldExhYmVsPzogc3RyaW5nXG4gICAgc2VhcmNoRGlzYWJsZWQ/OiBib29sZWFuXG4gICAgY2xlYXJEaXNhYmxlZD86IGJvb2xlYW5cbiAgICBvblNlYXJjaDogTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgdW5kZWZpbmVkXG4gICAgb25SZXNldDogTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgdW5kZWZpbmVkXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBCdXR0b25zKHByb3BzOiBCdXR0b25zUHJvcHMpIHtcbiAgICBjb25zdCB7XG4gICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgdmlzaWJsZSA9IHRydWUsXG4gICAgICAgIHNlYXJjaExhYmVsLFxuICAgICAgICByZXNldExhYmVsLFxuICAgICAgICBzZWFyY2hEaXNhYmxlZCxcbiAgICAgICAgY2xlYXJEaXNhYmxlZCxcbiAgICAgICAgb25TZWFyY2gsXG4gICAgICAgIG9uUmVzZXQsXG4gICAgfSA9IHByb3BzXG4gICAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgICByZXR1cm4gdmlzaWJsZSA/IChcbiAgICAgICAgPEJ1dHRvbkdyb3VwIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgICAgIDxCdXR0b24gZGlzYWJsZWQ9e3NlYXJjaERpc2FibGVkfSBjb2xvcj1cInByaW1hcnlcIiBvbkNsaWNrPXtvblNlYXJjaH0+XG4gICAgICAgICAgICAgICAge3NlYXJjaExhYmVsIHx8IHQoJ3NlYXJjaCcpfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8QnV0dG9uIGRpc2FibGVkPXtjbGVhckRpc2FibGVkfSBjb2xvcj1cInNlY29uZGFyeVwiIG9uQ2xpY2s9e29uUmVzZXR9PlxuICAgICAgICAgICAgICAgIHtyZXNldExhYmVsIHx8IHQoJ3Jlc2V0Jyl9XG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgPC9CdXR0b25Hcm91cD5cbiAgICApIDogbnVsbFxufVxuIl19

package/lib/display/Filter/Filter.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { ButtonsProps } from './Buttons';
+interface FilterProps extends ButtonsProps {
+    hideButtons?: boolean;
+    children: ReactNode;
+}
+export declare function Filter(props: FilterProps): JSX.Element | null;
+export {};

package/lib/display/Filter/Filter.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Filter = Filter;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Buttons = require("./Buttons");
+
+// TODO выпилить в следующих версиях, Buttons тут абсолютно не нужен, т.к. есть более функциональный FilterButtonsField
+function Filter(props) {
+  var className = props.className,
+      style = props.style,
+      visible = props.visible,
+      hideButtons = props.hideButtons,
+      searchLabel = props.searchLabel,
+      resetLabel = props.resetLabel,
+      children = props.children,
+      onSearch = props.onSearch,
+      onReset = props.onReset;
+  return visible ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('n2o-filter', className),
+    style: style
+  }, children, /*#__PURE__*/_react["default"].createElement(_Buttons.Buttons, {
+    visible: !hideButtons,
+    searchLabel: searchLabel,
+    resetLabel: resetLabel,
+    onSearch: onSearch,
+    onReset: onReset
+  })) : null;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L0ZpbHRlci9GaWx0ZXIudHN4Il0sIm5hbWVzIjpbIkZpbHRlciIsInByb3BzIiwiY2xhc3NOYW1lIiwic3R5bGUiLCJ2aXNpYmxlIiwiaGlkZUJ1dHRvbnMiLCJzZWFyY2hMYWJlbCIsInJlc2V0TGFiZWwiLCJjaGlsZHJlbiIsIm9uU2VhcmNoIiwib25SZXNldCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBSUE7O0FBRkE7QUFTTyxTQUFTQSxNQUFULENBQWdCQyxLQUFoQixFQUFvQztBQUN2QyxNQUNJQyxTQURKLEdBVUlELEtBVkosQ0FDSUMsU0FESjtBQUFBLE1BRUlDLEtBRkosR0FVSUYsS0FWSixDQUVJRSxLQUZKO0FBQUEsTUFHSUMsT0FISixHQVVJSCxLQVZKLENBR0lHLE9BSEo7QUFBQSxNQUlJQyxXQUpKLEdBVUlKLEtBVkosQ0FJSUksV0FKSjtBQUFBLE1BS0lDLFdBTEosR0FVSUwsS0FWSixDQUtJSyxXQUxKO0FBQUEsTUFNSUMsVUFOSixHQVVJTixLQVZKLENBTUlNLFVBTko7QUFBQSxNQU9JQyxRQVBKLEdBVUlQLEtBVkosQ0FPSU8sUUFQSjtBQUFBLE1BUUlDLFFBUkosR0FVSVIsS0FWSixDQVFJUSxRQVJKO0FBQUEsTUFTSUMsT0FUSixHQVVJVCxLQVZKLENBU0lTLE9BVEo7QUFZQSxTQUFPTixPQUFPLGdCQUNWO0FBQUssSUFBQSxTQUFTLEVBQUUsNEJBQVcsWUFBWCxFQUF5QkYsU0FBekIsQ0FBaEI7QUFBcUQsSUFBQSxLQUFLLEVBQUVDO0FBQTVELEtBQ0tLLFFBREwsZUFHSSxnQ0FBQyxnQkFBRDtBQUNJLElBQUEsT0FBTyxFQUFFLENBQUNILFdBRGQ7QUFFSSxJQUFBLFdBQVcsRUFBRUMsV0FGakI7QUFHSSxJQUFBLFVBQVUsRUFBRUMsVUFIaEI7QUFJSSxJQUFBLFFBQVEsRUFBRUUsUUFKZDtBQUtJLElBQUEsT0FBTyxFQUFFQztBQUxiLElBSEosQ0FEVSxHQVlWLElBWko7QUFhSCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5cbi8vIFRPRE8g0LLRi9C/0LjQu9C40YLRjCDQsiDRgdC70LXQtNGD0Y7RidC40YUg0LLQtdGA0YHQuNGP0YUsIEJ1dHRvbnMg0YLRg9GCINCw0LHRgdC+0LvRjtGC0L3QviDQvdC1INC90YPQttC10L0sINGCLtC6LiDQtdGB0YLRjCDQsdC+0LvQtdC1INGE0YPQvdC60YbQuNC+0L3QsNC70YzQvdGL0LkgRmlsdGVyQnV0dG9uc0ZpZWxkXG5cbmltcG9ydCB7IEJ1dHRvbnMsIEJ1dHRvbnNQcm9wcyB9IGZyb20gJy4vQnV0dG9ucydcblxuaW50ZXJmYWNlIEZpbHRlclByb3BzIGV4dGVuZHMgQnV0dG9uc1Byb3BzIHtcbiAgICBoaWRlQnV0dG9ucz86IGJvb2xlYW5cbiAgICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBGaWx0ZXIocHJvcHM6IEZpbHRlclByb3BzKSB7XG4gICAgY29uc3Qge1xuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIHN0eWxlLFxuICAgICAgICB2aXNpYmxlLFxuICAgICAgICBoaWRlQnV0dG9ucyxcbiAgICAgICAgc2VhcmNoTGFiZWwsXG4gICAgICAgIHJlc2V0TGFiZWwsXG4gICAgICAgIGNoaWxkcmVuLFxuICAgICAgICBvblNlYXJjaCxcbiAgICAgICAgb25SZXNldCxcbiAgICB9ID0gcHJvcHNcblxuICAgIHJldHVybiB2aXNpYmxlID8gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lcygnbjJvLWZpbHRlcicsIGNsYXNzTmFtZSl9IHN0eWxlPXtzdHlsZX0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG5cbiAgICAgICAgICAgIDxCdXR0b25zXG4gICAgICAgICAgICAgICAgdmlzaWJsZT17IWhpZGVCdXR0b25zfVxuICAgICAgICAgICAgICAgIHNlYXJjaExhYmVsPXtzZWFyY2hMYWJlbH1cbiAgICAgICAgICAgICAgICByZXNldExhYmVsPXtyZXNldExhYmVsfVxuICAgICAgICAgICAgICAgIG9uU2VhcmNoPXtvblNlYXJjaH1cbiAgICAgICAgICAgICAgICBvblJlc2V0PXtvblJlc2V0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgKSA6IG51bGxcbn1cbiJdfQ==

package/lib/display/HelpPopover.d.ts

@@ -0,0 +1,16 @@
+import React, { RefObject, MouseEvent } from 'react';
+import { PopoverProps } from 'reactstrap';
+declare type Props = {
+    help: string;
+    icon: string;
+    placement: PopoverProps['placement'];
+};
+export declare class HelpPopover extends React.Component<Props> {
+    fieldId: string;
+    button: RefObject<HTMLButtonElement>;
+    constructor(props: Props);
+    focusOnClick: (e: MouseEvent<HTMLButtonElement>) => void;
+    render(): JSX.Element | null;
+    static defaultProps: Props;
+}
+export {};

package/lib/display/HelpPopover.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HelpPopover = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactstrap = require("reactstrap");
+
+var _id = require("../utils/id");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var HelpPopover = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(HelpPopover, _React$Component);
+
+  var _super = _createSuper(HelpPopover);
+
+  function HelpPopover(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, HelpPopover);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focusOnClick", function (e) {
+      var _this$button$current;
+
+      e.stopPropagation();
+      e.preventDefault();
+      (_this$button$current = _this.button.current) === null || _this$button$current === void 0 ? void 0 : _this$button$current.focus();
+    });
+    _this.fieldId = (0, _id.id)();
+    _this.button = /*#__PURE__*/(0, _react.createRef)();
+    return _this;
+  }
+
+  (0, _createClass2["default"])(HelpPopover, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          help = _this$props.help,
+          placement = _this$props.placement,
+          icon = _this$props.icon;
+
+      if (!help) {
+        return null;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "n2o-popover"
+      }, /*#__PURE__*/_react["default"].createElement("button", {
+        onClick: this.focusOnClick,
+        className: "n2o-popover-btn",
+        id: this.fieldId,
+        ref: this.button,
+        type: "button"
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: icon
+      })), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
+        className: "n2o-popover-body",
+        placement: placement,
+        target: this.fieldId,
+        trigger: "focus"
+      }, /*#__PURE__*/_react["default"].createElement(_reactstrap.PopoverBody, null, /*#__PURE__*/_react["default"].createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: help
+        }
+      }))));
+    }
+  }]);
+  return HelpPopover;
+}(_react["default"].Component);
+
+exports.HelpPopover = HelpPopover;
+(0, _defineProperty2["default"])(HelpPopover, "defaultProps", {
+  placement: 'right',
+  icon: 'fa fa-question-circle'
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kaXNwbGF5L0hlbHBQb3BvdmVyLnRzeCJdLCJuYW1lcyI6WyJIZWxwUG9wb3ZlciIsInByb3BzIiwiZSIsInN0b3BQcm9wYWdhdGlvbiIsInByZXZlbnREZWZhdWx0IiwiYnV0dG9uIiwiY3VycmVudCIsImZvY3VzIiwiZmllbGRJZCIsImhlbHAiLCJwbGFjZW1lbnQiLCJpY29uIiwiZm9jdXNPbkNsaWNrIiwiX19odG1sIiwiUmVhY3QiLCJDb21wb25lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFFQTs7Ozs7Ozs7OztJQVFhQSxXOzs7OztBQUtULHVCQUFZQyxLQUFaLEVBQTBCO0FBQUE7O0FBQUE7QUFDdEIsOEJBQU1BLEtBQU47QUFEc0IscUdBT1gsVUFBQ0MsQ0FBRCxFQUFzQztBQUFBOztBQUNqREEsTUFBQUEsQ0FBQyxDQUFDQyxlQUFGO0FBQ0FELE1BQUFBLENBQUMsQ0FBQ0UsY0FBRjtBQUNBLG9DQUFLQyxNQUFMLENBQVlDLE9BQVosOEVBQXFCQyxLQUFyQjtBQUNILEtBWHlCO0FBR3RCLFVBQUtDLE9BQUwsR0FBZSxhQUFmO0FBQ0EsVUFBS0gsTUFBTCxnQkFBYyx1QkFBZDtBQUpzQjtBQUt6Qjs7OztXQVFELGtCQUFTO0FBQ0wsd0JBQWtDLEtBQUtKLEtBQXZDO0FBQUEsVUFBUVEsSUFBUixlQUFRQSxJQUFSO0FBQUEsVUFBY0MsU0FBZCxlQUFjQSxTQUFkO0FBQUEsVUFBeUJDLElBQXpCLGVBQXlCQSxJQUF6Qjs7QUFFQSxVQUFJLENBQUNGLElBQUwsRUFBVztBQUNQLGVBQU8sSUFBUDtBQUNIOztBQUVELDBCQUNJO0FBQUssUUFBQSxTQUFTLEVBQUM7QUFBZixzQkFDSTtBQUNJLFFBQUEsT0FBTyxFQUFFLEtBQUtHLFlBRGxCO0FBRUksUUFBQSxTQUFTLEVBQUMsaUJBRmQ7QUFHSSxRQUFBLEVBQUUsRUFBRSxLQUFLSixPQUhiO0FBSUksUUFBQSxHQUFHLEVBQUUsS0FBS0gsTUFKZDtBQUtJLFFBQUEsSUFBSSxFQUFDO0FBTFQsc0JBT0k7QUFBRyxRQUFBLFNBQVMsRUFBRU07QUFBZCxRQVBKLENBREosZUFVSSxnQ0FBQywrQkFBRDtBQUNJLFFBQUEsU0FBUyxFQUFDLGtCQURkO0FBRUksUUFBQSxTQUFTLEVBQUVELFNBRmY7QUFHSSxRQUFBLE1BQU0sRUFBRSxLQUFLRixPQUhqQjtBQUlJLFFBQUEsT0FBTyxFQUFDO0FBSlosc0JBTUksZ0NBQUMsdUJBQUQscUJBRUk7QUFBSyxRQUFBLHVCQUF1QixFQUFFO0FBQUVLLFVBQUFBLE1BQU0sRUFBRUo7QUFBVjtBQUE5QixRQUZKLENBTkosQ0FWSixDQURKO0FBd0JIOzs7RUFqRDRCSyxrQkFBTUMsUzs7O2lDQUExQmYsVyxrQkFtRGE7QUFDbEJVLEVBQUFBLFNBQVMsRUFBRSxPQURPO0FBRWxCQyxFQUFBQSxJQUFJLEVBQUU7QUFGWSxDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlZk9iamVjdCwgY3JlYXRlUmVmLCBNb3VzZUV2ZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBVbmNvbnRyb2xsZWRQb3BvdmVyLCBQb3BvdmVyQm9keSwgUG9wb3ZlclByb3BzIH0gZnJvbSAncmVhY3RzdHJhcCdcblxuaW1wb3J0IHsgaWQgfSBmcm9tICcuLi91dGlscy9pZCdcblxudHlwZSBQcm9wcyA9IHtcbiAgICBoZWxwOiBzdHJpbmcsXG4gICAgaWNvbjogc3RyaW5nLFxuICAgIHBsYWNlbWVudDogUG9wb3ZlclByb3BzWydwbGFjZW1lbnQnXVxufVxuXG5leHBvcnQgY2xhc3MgSGVscFBvcG92ZXIgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8UHJvcHM+IHtcbiAgICBmaWVsZElkOiBzdHJpbmdcblxuICAgIGJ1dHRvbjogUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50PlxuXG4gICAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgICAgIHN1cGVyKHByb3BzKVxuXG4gICAgICAgIHRoaXMuZmllbGRJZCA9IGlkKClcbiAgICAgICAgdGhpcy5idXR0b24gPSBjcmVhdGVSZWYoKVxuICAgIH1cblxuICAgIGZvY3VzT25DbGljayA9IChlOiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICB0aGlzLmJ1dHRvbi5jdXJyZW50Py5mb2N1cygpXG4gICAgfVxuXG4gICAgcmVuZGVyKCkge1xuICAgICAgICBjb25zdCB7IGhlbHAsIHBsYWNlbWVudCwgaWNvbiB9ID0gdGhpcy5wcm9wc1xuXG4gICAgICAgIGlmICghaGVscCkge1xuICAgICAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm4yby1wb3BvdmVyXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXt0aGlzLmZvY3VzT25DbGlja31cbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibjJvLXBvcG92ZXItYnRuXCJcbiAgICAgICAgICAgICAgICAgICAgaWQ9e3RoaXMuZmllbGRJZH1cbiAgICAgICAgICAgICAgICAgICAgcmVmPXt0aGlzLmJ1dHRvbn1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9e2ljb259IC8+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPFVuY29udHJvbGxlZFBvcG92ZXJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibjJvLXBvcG92ZXItYm9keVwiXG4gICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICAgICAgICAgICAgICB0YXJnZXQ9e3RoaXMuZmllbGRJZH1cbiAgICAgICAgICAgICAgICAgICAgdHJpZ2dlcj1cImZvY3VzXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxQb3BvdmVyQm9keT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHsvKiBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tZGFuZ2VyICovfVxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGhlbHAgfX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9Qb3BvdmVyQm9keT5cbiAgICAgICAgICAgICAgICA8L1VuY29udHJvbGxlZFBvcG92ZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKVxuICAgIH1cblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICAgIHBsYWNlbWVudDogJ3JpZ2h0JyxcbiAgICAgICAgaWNvbjogJ2ZhIGZhLXF1ZXN0aW9uLWNpcmNsZScsXG4gICAgfSBhcyBQcm9wc1xufVxuIl19

package/lib/display/Html.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TBaseProps } from '../types';
+declare type Props = TBaseProps & {
+    id: string;
+    html: string;
+};
+export declare const Html: ({ id, html, className }: Props) => JSX.Element;
+export {};

package/lib/display/Html.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Html = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+// eslint-disable-next-line react/no-danger
+var Html = function Html(_ref) {
+  var id = _ref.id,
+      html = _ref.html,
+      className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    id: id,
+    className: (0, _classnames["default"])('n2o-html-snippet n2o-snippet', className),
+    dangerouslySetInnerHTML: {
+      __html: html
+    }
+  });
+};
+
+exports.Html = Html;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kaXNwbGF5L0h0bWwudHN4Il0sIm5hbWVzIjpbIkh0bWwiLCJpZCIsImh0bWwiLCJjbGFzc05hbWUiLCJfX2h0bWwiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBOztBQUNBOztBQVNBO0FBQ08sSUFBTUEsSUFBSSxHQUFHLFNBQVBBLElBQU87QUFBQSxNQUFHQyxFQUFILFFBQUdBLEVBQUg7QUFBQSxNQUFPQyxJQUFQLFFBQU9BLElBQVA7QUFBQSxNQUFhQyxTQUFiLFFBQWFBLFNBQWI7QUFBQSxzQkFBb0M7QUFBSyxJQUFBLEVBQUUsRUFBRUYsRUFBVDtBQUFhLElBQUEsU0FBUyxFQUFFLDRCQUFXLDhCQUFYLEVBQTJDRSxTQUEzQyxDQUF4QjtBQUErRSxJQUFBLHVCQUF1QixFQUFFO0FBQUVDLE1BQUFBLE1BQU0sRUFBRUY7QUFBVjtBQUF4RyxJQUFwQztBQUFBLENBQWIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuXG5pbXBvcnQgeyBUQmFzZVByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5cbnR5cGUgUHJvcHMgPSBUQmFzZVByb3BzICYge1xuICAgIGlkOiBzdHJpbmcsXG4gICAgaHRtbDogc3RyaW5nLFxufVxuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tZGFuZ2VyXG5leHBvcnQgY29uc3QgSHRtbCA9ICh7IGlkLCBodG1sLCBjbGFzc05hbWUgfTogUHJvcHMpID0+IDxkaXYgaWQ9e2lkfSBjbGFzc05hbWU9e2NsYXNzTmFtZXMoJ24yby1odG1sLXNuaXBwZXQgbjJvLXNuaXBwZXQnLCBjbGFzc05hbWUpfSBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGh0bWwgfX0gLz5cbiJdfQ==

package/lib/display/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+import { MouseEventHandler } from 'react';
+import { TBaseProps } from '../../types';
+declare type Props = TBaseProps & {
+    bordered?: boolean;
+    circular?: boolean;
+    name?: string;
+    onClick?: MouseEventHandler<HTMLElement>;
+    spin?: boolean;
+};
+export declare function Icon({ name, className, disabled, spin, circular, bordered, style, onClick, }: Props): JSX.Element;
+export {};

package/lib/display/Icon/Icon.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Icon = Icon;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function Icon(_ref) {
+  var _classNames;
+
+  var _ref$name = _ref.name,
+      name = _ref$name === void 0 ? '' : _ref$name,
+      className = _ref.className,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$spin = _ref.spin,
+      spin = _ref$spin === void 0 ? false : _ref$spin,
+      _ref$circular = _ref.circular,
+      circular = _ref$circular === void 0 ? false : _ref$circular,
+      _ref$bordered = _ref.bordered,
+      bordered = _ref$bordered === void 0 ? false : _ref$bordered,
+      style = _ref.style,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
+  var iconClass = (0, _classnames["default"])((_classNames = {
+    'n2o-icon': true
+  }, (0, _defineProperty2["default"])(_classNames, name, name), (0, _defineProperty2["default"])(_classNames, className || '', className), (0, _defineProperty2["default"])(_classNames, "disabled", disabled), (0, _defineProperty2["default"])(_classNames, 'fa-spin', spin), (0, _defineProperty2["default"])(_classNames, "circular", circular), (0, _defineProperty2["default"])(_classNames, "bordered", bordered), _classNames));
+  return /*#__PURE__*/_react["default"].createElement("i", {
+    className: iconClass,
+    style: style,
+    onClick: onClick
+  });
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L0ljb24vSWNvbi50c3giXSwibmFtZXMiOlsiSWNvbiIsIm5hbWUiLCJjbGFzc05hbWUiLCJkaXNhYmxlZCIsInNwaW4iLCJjaXJjdWxhciIsImJvcmRlcmVkIiwic3R5bGUiLCJvbkNsaWNrIiwiaWNvbkNsYXNzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQVlPLFNBQVNBLElBQVQsT0FTRztBQUFBOztBQUFBLHVCQVJOQyxJQVFNO0FBQUEsTUFSTkEsSUFRTSwwQkFSQyxFQVFEO0FBQUEsTUFQTkMsU0FPTSxRQVBOQSxTQU9NO0FBQUEsMkJBTk5DLFFBTU07QUFBQSxNQU5OQSxRQU1NLDhCQU5LLEtBTUw7QUFBQSx1QkFMTkMsSUFLTTtBQUFBLE1BTE5BLElBS00sMEJBTEMsS0FLRDtBQUFBLDJCQUpOQyxRQUlNO0FBQUEsTUFKTkEsUUFJTSw4QkFKSyxLQUlMO0FBQUEsMkJBSE5DLFFBR007QUFBQSxNQUhOQSxRQUdNLDhCQUhLLEtBR0w7QUFBQSxNQUZOQyxLQUVNLFFBRk5BLEtBRU07QUFBQSwwQkFETkMsT0FDTTtBQUFBLE1BRE5BLE9BQ00sNkJBREksWUFBTSxDQUFFLENBQ1o7QUFDTixNQUFNQyxTQUFTLEdBQUc7QUFDZCxnQkFBWTtBQURFLG1EQUViUixJQUZhLEVBRU5BLElBRk0saURBR2JDLFNBQVMsSUFBSSxFQUhBLEVBR0tBLFNBSEwsNkRBSWRDLFFBSmMsaURBS2QsU0FMYyxFQUtIQyxJQUxHLDZEQU1kQyxRQU5jLDZEQU9kQyxRQVBjLGdCQUFsQjtBQVVBLHNCQUFPO0FBQUcsSUFBQSxTQUFTLEVBQUVHLFNBQWQ7QUFBeUIsSUFBQSxLQUFLLEVBQUVGLEtBQWhDO0FBQXVDLElBQUEsT0FBTyxFQUFFQztBQUFoRCxJQUFQO0FBQ0giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgTW91c2VFdmVudEhhbmRsZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5cbmltcG9ydCB7IFRCYXNlUHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcydcblxudHlwZSBQcm9wcyA9IFRCYXNlUHJvcHMgJiB7XG4gICAgYm9yZGVyZWQ/OiBib29sZWFuO1xuICAgIGNpcmN1bGFyPzogYm9vbGVhbjtcbiAgICBuYW1lPzogc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRWxlbWVudD47XG4gICAgc3Bpbj86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBJY29uKHtcbiAgICBuYW1lID0gJycsXG4gICAgY2xhc3NOYW1lLFxuICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgc3BpbiA9IGZhbHNlLFxuICAgIGNpcmN1bGFyID0gZmFsc2UsXG4gICAgYm9yZGVyZWQgPSBmYWxzZSxcbiAgICBzdHlsZSxcbiAgICBvbkNsaWNrID0gKCkgPT4ge30sXG59OiBQcm9wcykge1xuICAgIGNvbnN0IGljb25DbGFzcyA9IGNsYXNzTmFtZXMoe1xuICAgICAgICAnbjJvLWljb24nOiB0cnVlLFxuICAgICAgICBbbmFtZV06IG5hbWUsXG4gICAgICAgIFtjbGFzc05hbWUgfHwgJyddOiBjbGFzc05hbWUsXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICAnZmEtc3Bpbic6IHNwaW4sXG4gICAgICAgIGNpcmN1bGFyLFxuICAgICAgICBib3JkZXJlZCxcbiAgICB9KVxuXG4gICAgcmV0dXJuIDxpIGNsYXNzTmFtZT17aWNvbkNsYXNzfSBzdHlsZT17c3R5bGV9IG9uQ2xpY2s9e29uQ2xpY2t9IC8+XG59XG4iXX0=

package/lib/display/Image/Image.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { TBaseProps } from '../../types';
+declare enum TextPosition {
+    top = "top",
+    left = "left",
+    bottom = "bottom",
+    right = "right"
+}
+declare enum Shape {
+    square = "square",
+    circle = "circle",
+    rounded = "rounded"
+}
+declare type Props = TBaseProps & {
+    id: string;
+    height: number;
+    src: string;
+    title: string;
+    description: string;
+    width: string;
+    textPosition: TextPosition;
+    shape: Shape;
+    style: object;
+    onClick(): void;
+};
+export declare function Image({ id, src, title, description, textPosition, width, height, shape, visible, style: propsStyle, className, onClick, }: Props): JSX.Element | null;
+export declare namespace Image {
+    var defaultProps: Props;
+}
+export {};

package/lib/display/Image/Image.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Image = Image;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ImageInfo = require("./ImageInfo");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var TextPosition;
+
+(function (TextPosition) {
+  TextPosition["top"] = "top";
+  TextPosition["left"] = "left";
+  TextPosition["bottom"] = "bottom";
+  TextPosition["right"] = "right";
+})(TextPosition || (TextPosition = {}));
+
+var Shape;
+
+(function (Shape) {
+  Shape["square"] = "square";
+  Shape["circle"] = "circle";
+  Shape["rounded"] = "rounded";
+})(Shape || (Shape = {}));
+
+function Image(_ref) {
+  var id = _ref.id,
+      src = _ref.src,
+      title = _ref.title,
+      description = _ref.description,
+      textPosition = _ref.textPosition,
+      width = _ref.width,
+      height = _ref.height,
+      shape = _ref.shape,
+      visible = _ref.visible,
+      propsStyle = _ref.style,
+      className = _ref.className,
+      onClick = _ref.onClick;
+  var style = width ? {
+    maxWidth: width
+  } : {};
+  var imageStyle = height || width ? {
+    height: height,
+    width: width
+  } : {};
+  var hasInfo = title || description;
+
+  if (!visible) {
+    return null;
+  } // eslint-disable-next-line consistent-return
+
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    id: id,
+    className: (0, _classnames["default"])('n2o-image n2o-snippet', className)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('n2o-image__content', (0, _defineProperty2["default"])({}, textPosition, textPosition))
+  }, /*#__PURE__*/_react["default"].createElement("section", {
+    className: (0, _classnames["default"])('n2o-image__image-container', (0, _defineProperty2["default"])({}, shape, shape)),
+    style: _objectSpread(_objectSpread({}, style), propsStyle)
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "n2o-image__image",
+    src: src,
+    onClick: onClick,
+    alt: "image error",
+    style: imageStyle
+  })), hasInfo && /*#__PURE__*/_react["default"].createElement(_ImageInfo.ImageInfo, {
+    title: title,
+    description: description
+  })));
+}
+
+Image.defaultProps = {
+  src: '',
+  textPosition: 'right',
+  shape: 'rounded',
+  visible: true,
+  style: {}
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L0ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6WyJUZXh0UG9zaXRpb24iLCJTaGFwZSIsIkltYWdlIiwiaWQiLCJzcmMiLCJ0aXRsZSIsImRlc2NyaXB0aW9uIiwidGV4dFBvc2l0aW9uIiwid2lkdGgiLCJoZWlnaHQiLCJzaGFwZSIsInZpc2libGUiLCJwcm9wc1N0eWxlIiwic3R5bGUiLCJjbGFzc05hbWUiLCJvbkNsaWNrIiwibWF4V2lkdGgiLCJpbWFnZVN0eWxlIiwiaGFzSW5mbyIsImRlZmF1bHRQcm9wcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFJQTs7Ozs7O0lBRUtBLFk7O1dBQUFBLFk7QUFBQUEsRUFBQUEsWTtBQUFBQSxFQUFBQSxZO0FBQUFBLEVBQUFBLFk7QUFBQUEsRUFBQUEsWTtHQUFBQSxZLEtBQUFBLFk7O0lBT0FDLEs7O1dBQUFBLEs7QUFBQUEsRUFBQUEsSztBQUFBQSxFQUFBQSxLO0FBQUFBLEVBQUFBLEs7R0FBQUEsSyxLQUFBQSxLOztBQW1CRSxTQUFTQyxLQUFULE9BYUc7QUFBQSxNQVpOQyxFQVlNLFFBWk5BLEVBWU07QUFBQSxNQVhOQyxHQVdNLFFBWE5BLEdBV007QUFBQSxNQVZOQyxLQVVNLFFBVk5BLEtBVU07QUFBQSxNQVROQyxXQVNNLFFBVE5BLFdBU007QUFBQSxNQVJOQyxZQVFNLFFBUk5BLFlBUU07QUFBQSxNQVBOQyxLQU9NLFFBUE5BLEtBT007QUFBQSxNQU5OQyxNQU1NLFFBTk5BLE1BTU07QUFBQSxNQUxOQyxLQUtNLFFBTE5BLEtBS007QUFBQSxNQUpOQyxPQUlNLFFBSk5BLE9BSU07QUFBQSxNQUhDQyxVQUdELFFBSE5DLEtBR007QUFBQSxNQUZOQyxTQUVNLFFBRk5BLFNBRU07QUFBQSxNQUROQyxPQUNNLFFBRE5BLE9BQ007QUFDTixNQUFNRixLQUFLLEdBQUdMLEtBQUssR0FBRztBQUFFUSxJQUFBQSxRQUFRLEVBQUVSO0FBQVosR0FBSCxHQUF5QixFQUE1QztBQUNBLE1BQU1TLFVBQVUsR0FBR1IsTUFBTSxJQUFJRCxLQUFWLEdBQWtCO0FBQUVDLElBQUFBLE1BQU0sRUFBTkEsTUFBRjtBQUFVRCxJQUFBQSxLQUFLLEVBQUxBO0FBQVYsR0FBbEIsR0FBc0MsRUFBekQ7QUFDQSxNQUFNVSxPQUFPLEdBQUdiLEtBQUssSUFBSUMsV0FBekI7O0FBRUEsTUFBSSxDQUFDSyxPQUFMLEVBQWM7QUFDVixXQUFPLElBQVA7QUFDSCxHQVBLLENBU047OztBQUNBLHNCQUNJO0FBQUssSUFBQSxFQUFFLEVBQUVSLEVBQVQ7QUFBYSxJQUFBLFNBQVMsRUFBRSw0QkFBVyx1QkFBWCxFQUFvQ1csU0FBcEM7QUFBeEIsa0JBQ0k7QUFDSSxJQUFBLFNBQVMsRUFBRSw0QkFBVyxvQkFBWCx1Q0FDTlAsWUFETSxFQUNTQSxZQURUO0FBRGYsa0JBS0k7QUFDSSxJQUFBLFNBQVMsRUFBRSw0QkFBVyw0QkFBWCx1Q0FDTkcsS0FETSxFQUNFQSxLQURGLEVBRGY7QUFJSSxJQUFBLEtBQUssa0NBQU9HLEtBQVAsR0FBaUJELFVBQWpCO0FBSlQsa0JBT0k7QUFDSSxJQUFBLFNBQVMsRUFBQyxrQkFEZDtBQUVJLElBQUEsR0FBRyxFQUFFUixHQUZUO0FBR0ksSUFBQSxPQUFPLEVBQUVXLE9BSGI7QUFJSSxJQUFBLEdBQUcsRUFBQyxhQUpSO0FBS0ksSUFBQSxLQUFLLEVBQUVFO0FBTFgsSUFQSixDQUxKLEVBb0JLQyxPQUFPLGlCQUFJLGdDQUFDLG9CQUFEO0FBQVcsSUFBQSxLQUFLLEVBQUViLEtBQWxCO0FBQXlCLElBQUEsV0FBVyxFQUFFQztBQUF0QyxJQXBCaEIsQ0FESixDQURKO0FBMEJIOztBQUVESixLQUFLLENBQUNpQixZQUFOLEdBQXFCO0FBQ2pCZixFQUFBQSxHQUFHLEVBQUUsRUFEWTtBQUVqQkcsRUFBQUEsWUFBWSxFQUFFLE9BRkc7QUFHakJHLEVBQUFBLEtBQUssRUFBRSxTQUhVO0FBSWpCQyxFQUFBQSxPQUFPLEVBQUUsSUFKUTtBQUtqQkUsRUFBQUEsS0FBSyxFQUFFO0FBTFUsQ0FBckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuXG5pbXBvcnQgeyBUQmFzZVByb3BzIH0gZnJvbSAnLi4vLi4vdHlwZXMnXG5cbmltcG9ydCB7IEltYWdlSW5mbyB9IGZyb20gJy4vSW1hZ2VJbmZvJ1xuXG5lbnVtIFRleHRQb3NpdGlvbiB7XG4gICAgdG9wID0gJ3RvcCcsXG4gICAgbGVmdCA9ICdsZWZ0JyxcbiAgICBib3R0b20gPSAnYm90dG9tJyxcbiAgICByaWdodCA9ICdyaWdodCdcbn1cblxuZW51bSBTaGFwZSB7XG4gICAgc3F1YXJlID0gJ3NxdWFyZScsXG4gICAgY2lyY2xlID0gJ2NpcmNsZScsXG4gICAgcm91bmRlZCA9ICdyb3VuZGVkJ1xufVxuXG50eXBlIFByb3BzID0gVEJhc2VQcm9wcyAmIHtcbiAgICBpZDogc3RyaW5nLFxuICAgIGhlaWdodDogbnVtYmVyLFxuICAgIHNyYzogc3RyaW5nLFxuICAgIHRpdGxlOiBzdHJpbmcsXG4gICAgZGVzY3JpcHRpb246IHN0cmluZyxcbiAgICB3aWR0aDogc3RyaW5nLFxuICAgIHRleHRQb3NpdGlvbjogVGV4dFBvc2l0aW9uLFxuICAgIHNoYXBlOiBTaGFwZSxcbiAgICBzdHlsZTogb2JqZWN0LFxuICAgIG9uQ2xpY2soKTogdm9pZCxcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEltYWdlKHtcbiAgICBpZCxcbiAgICBzcmMsXG4gICAgdGl0bGUsXG4gICAgZGVzY3JpcHRpb24sXG4gICAgdGV4dFBvc2l0aW9uLFxuICAgIHdpZHRoLFxuICAgIGhlaWdodCxcbiAgICBzaGFwZSxcbiAgICB2aXNpYmxlLFxuICAgIHN0eWxlOiBwcm9wc1N0eWxlLFxuICAgIGNsYXNzTmFtZSxcbiAgICBvbkNsaWNrLFxufTogUHJvcHMpIHtcbiAgICBjb25zdCBzdHlsZSA9IHdpZHRoID8geyBtYXhXaWR0aDogd2lkdGggfSA6IHt9XG4gICAgY29uc3QgaW1hZ2VTdHlsZSA9IGhlaWdodCB8fCB3aWR0aCA/IHsgaGVpZ2h0LCB3aWR0aCB9IDoge31cbiAgICBjb25zdCBoYXNJbmZvID0gdGl0bGUgfHwgZGVzY3JpcHRpb25cblxuICAgIGlmICghdmlzaWJsZSkge1xuICAgICAgICByZXR1cm4gbnVsbFxuICAgIH1cblxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBjb25zaXN0ZW50LXJldHVyblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgaWQ9e2lkfSBjbGFzc05hbWU9e2NsYXNzTmFtZXMoJ24yby1pbWFnZSBuMm8tc25pcHBldCcsIGNsYXNzTmFtZSl9PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcygnbjJvLWltYWdlX19jb250ZW50Jywge1xuICAgICAgICAgICAgICAgICAgICBbdGV4dFBvc2l0aW9uXTogdGV4dFBvc2l0aW9uLFxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcygnbjJvLWltYWdlX19pbWFnZS1jb250YWluZXInLCB7XG4gICAgICAgICAgICAgICAgICAgICAgICBbc2hhcGVdOiBzaGFwZSxcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IC4uLnN0eWxlLCAuLi5wcm9wc1N0eWxlIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7LyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGpzeC1hMTF5L2ltZy1yZWR1bmRhbnQtYWx0LGpzeC1hMTF5L25vLW5vbmludGVyYWN0aXZlLWVsZW1lbnQtaW50ZXJhY3Rpb25zICovfVxuICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJuMm8taW1hZ2VfX2ltYWdlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNyYz17c3JjfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICAgICAgICAgIGFsdD1cImltYWdlIGVycm9yXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXtpbWFnZVN0eWxlfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvc2VjdGlvbj5cbiAgICAgICAgICAgICAgICB7aGFzSW5mbyAmJiA8SW1hZ2VJbmZvIHRpdGxlPXt0aXRsZX0gZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufSAvPn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICApXG59XG5cbkltYWdlLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBzcmM6ICcnLFxuICAgIHRleHRQb3NpdGlvbjogJ3JpZ2h0JyxcbiAgICBzaGFwZTogJ3JvdW5kZWQnLFxuICAgIHZpc2libGU6IHRydWUsXG4gICAgc3R5bGU6IHt9LFxufSBhcyBQcm9wc1xuIl19

package/lib/display/Image/ImageInfo.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    title: string;
+    description: string;
+};
+export declare function ImageInfo({ title, description }: Props): JSX.Element;
+export {};