@i-novus/n2o-components 1.0.0

package/lib/helpers/HelpPopover.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HelpPopover = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactstrap = require("reactstrap");
+
+var _dompurify = _interopRequireDefault(require("dompurify"));
+
+var _id = require("../utils/id");
+
+var HelpPopover = function HelpPopover(_ref) {
+  var help = _ref.help,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'right' : _ref$placement,
+      _ref$icon = _ref.icon,
+      icon = _ref$icon === void 0 ? 'fa fa-question-circle' : _ref$icon;
+  var fieldId = (0, _id.id)();
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "n2o-popover"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "n2o-popover-btn",
+    id: fieldId,
+    type: "button"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: icon
+  })), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
+    className: "n2o-popover-body",
+    placement: placement,
+    target: fieldId,
+    trigger: "focus"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.PopoverBody, null, /*#__PURE__*/_react["default"].createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: _dompurify["default"].sanitize(help)
+    }
+  }))));
+};
+
+exports.HelpPopover = HelpPopover;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9oZWxwZXJzL0hlbHBQb3BvdmVyLnRzeCJdLCJuYW1lcyI6WyJIZWxwUG9wb3ZlciIsImhlbHAiLCJwbGFjZW1lbnQiLCJpY29uIiwiZmllbGRJZCIsIl9faHRtbCIsIkRvbXB1cmlmeSIsInNhbml0aXplIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFFQTs7QUFFQTs7QUFPTyxJQUFNQSxXQUFXLEdBQUcsU0FBZEEsV0FBYyxPQUlIO0FBQUEsTUFIcEJDLElBR29CLFFBSHBCQSxJQUdvQjtBQUFBLDRCQUZwQkMsU0FFb0I7QUFBQSxNQUZwQkEsU0FFb0IsK0JBRlIsT0FFUTtBQUFBLHVCQURwQkMsSUFDb0I7QUFBQSxNQURwQkEsSUFDb0IsMEJBRGIsdUJBQ2E7QUFDcEIsTUFBTUMsT0FBTyxHQUFHLGFBQWhCO0FBRUEsc0JBRUk7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLGtCQUNJO0FBQ0ksSUFBQSxTQUFTLEVBQUMsaUJBRGQ7QUFFSSxJQUFBLEVBQUUsRUFBRUEsT0FGUjtBQUdJLElBQUEsSUFBSSxFQUFDO0FBSFQsa0JBS0k7QUFBRyxJQUFBLFNBQVMsRUFBRUQ7QUFBZCxJQUxKLENBREosZUFRSSxnQ0FBQywrQkFBRDtBQUNJLElBQUEsU0FBUyxFQUFDLGtCQURkO0FBRUksSUFBQSxTQUFTLEVBQUVELFNBRmY7QUFHSSxJQUFBLE1BQU0sRUFBRUUsT0FIWjtBQUlJLElBQUEsT0FBTyxFQUFDO0FBSlosa0JBTUksZ0NBQUMsdUJBQUQscUJBRUk7QUFBSyxJQUFBLHVCQUF1QixFQUFFO0FBQUVDLE1BQUFBLE1BQU0sRUFBRUMsc0JBQVVDLFFBQVYsQ0FBbUJOLElBQW5CO0FBQVY7QUFBOUIsSUFGSixDQU5KLENBUkosQ0FGSjtBQXVCSCxDQTlCTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFVuY29udHJvbGxlZFBvcG92ZXIsIFBvcG92ZXJCb2R5IH0gZnJvbSAncmVhY3RzdHJhcCdcbmltcG9ydCB0eXBlIHsgUGxhY2VtZW50IH0gZnJvbSAncG9wcGVyLmpzJ1xuaW1wb3J0IERvbXB1cmlmeSBmcm9tICdkb21wdXJpZnknXG5cbmltcG9ydCB7IGlkIH0gZnJvbSAnLi4vdXRpbHMvaWQnXG5cbnR5cGUgSGVscFBvcG92ZXJQcm9wcyA9IHtcbiAgICBoZWxwOiBzdHJpbmcsXG4gICAgaWNvbj86IHN0cmluZyxcbiAgICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnQsXG59XG5leHBvcnQgY29uc3QgSGVscFBvcG92ZXIgPSAoe1xuICAgIGhlbHAsXG4gICAgcGxhY2VtZW50ID0gJ3JpZ2h0JyxcbiAgICBpY29uID0gJ2ZhIGZhLXF1ZXN0aW9uLWNpcmNsZScsXG59OiBIZWxwUG9wb3ZlclByb3BzKSA9PiB7XG4gICAgY29uc3QgZmllbGRJZCA9IGlkKClcblxuICAgIHJldHVybiAoXG5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJuMm8tcG9wb3ZlclwiPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cIm4yby1wb3BvdmVyLWJ0blwiXG4gICAgICAgICAgICAgICAgaWQ9e2ZpZWxkSWR9XG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3NOYW1lPXtpY29ufSAvPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8VW5jb250cm9sbGVkUG9wb3ZlclxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cIm4yby1wb3BvdmVyLWJvZHlcIlxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICAgICAgICAgIHRhcmdldD17ZmllbGRJZH1cbiAgICAgICAgICAgICAgICB0cmlnZ2VyPVwiZm9jdXNcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxQb3BvdmVyQm9keT5cbiAgICAgICAgICAgICAgICAgICAgey8qIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby1kYW5nZXIgKi99XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBEb21wdXJpZnkuc2FuaXRpemUoaGVscCkgfX0gLz5cbiAgICAgICAgICAgICAgICA8L1BvcG92ZXJCb2R5PlxuICAgICAgICAgICAgPC9VbmNvbnRyb2xsZWRQb3BvdmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICApXG59XG4iXX0=

package/lib/helpers/withRightPlaceholder.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentType } from 'react';
+declare type WithRightPlaceholderProps = {
+    measure?: string;
+};
+export declare const withRightPlaceholder: <Props extends object = Record<string, unknown>>(WrappedComponent: React.ComponentType<Props>) => {
+    ({ measure, ...props }: Props & WithRightPlaceholderProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/lib/helpers/withRightPlaceholder.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withRightPlaceholder = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _excluded = ["measure"];
+
+var withRightPlaceholder = function withRightPlaceholder(WrappedComponent) {
+  var displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+
+  var WrappedComponentWithRightPlaceholder = function WrappedComponentWithRightPlaceholder(_ref) {
+    var _ref$measure = _ref.measure,
+        measure = _ref$measure === void 0 ? '' : _ref$measure,
+        props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "n2o-control-container"
+    }, /*#__PURE__*/_react["default"].createElement(WrappedComponent, props), measure && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "n2o-control-container-placeholder"
+    }, measure));
+  };
+
+  WrappedComponentWithRightPlaceholder.displayName = "withRightPlaceholder(".concat(displayName, ")");
+  return WrappedComponentWithRightPlaceholder;
+};
+
+exports.withRightPlaceholder = withRightPlaceholder;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9oZWxwZXJzL3dpdGhSaWdodFBsYWNlaG9sZGVyLnRzeCJdLCJuYW1lcyI6WyJ3aXRoUmlnaHRQbGFjZWhvbGRlciIsIldyYXBwZWRDb21wb25lbnQiLCJkaXNwbGF5TmFtZSIsIm5hbWUiLCJXcmFwcGVkQ29tcG9uZW50V2l0aFJpZ2h0UGxhY2Vob2xkZXIiLCJtZWFzdXJlIiwicHJvcHMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7Ozs7QUFNTyxJQUFNQSxvQkFBb0IsR0FDN0IsU0FEU0Esb0JBQ1QsQ0FBaURDLGdCQUFqRCxFQUE0RjtBQUN4RixNQUFNQyxXQUFXLEdBQUdELGdCQUFnQixDQUFDQyxXQUFqQixJQUFnQ0QsZ0JBQWdCLENBQUNFLElBQWpELElBQXlELFdBQTdFOztBQUNBLE1BQU1DLG9DQUFvQyxHQUFHLFNBQXZDQSxvQ0FBdUM7QUFBQSw0QkFBR0MsT0FBSDtBQUFBLFFBQUdBLE9BQUgsNkJBQWEsRUFBYjtBQUFBLFFBQW9CQyxLQUFwQjtBQUFBLHdCQUN6QztBQUFLLE1BQUEsU0FBUyxFQUFDO0FBQWYsb0JBQ0ksZ0NBQUMsZ0JBQUQsRUFBdUJBLEtBQXZCLENBREosRUFFS0QsT0FBTyxpQkFBSTtBQUFLLE1BQUEsU0FBUyxFQUFDO0FBQWYsT0FBb0RBLE9BQXBELENBRmhCLENBRHlDO0FBQUEsR0FBN0M7O0FBT0FELEVBQUFBLG9DQUFvQyxDQUFDRixXQUFyQyxrQ0FBMkVBLFdBQTNFO0FBRUEsU0FBT0Usb0NBQVA7QUFDSCxDQWJFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFR5cGUgfSBmcm9tICdyZWFjdCdcblxudHlwZSBXaXRoUmlnaHRQbGFjZWhvbGRlclByb3BzID0ge1xuICAgIG1lYXN1cmU/OiBzdHJpbmcsXG59XG5cbmV4cG9ydCBjb25zdCB3aXRoUmlnaHRQbGFjZWhvbGRlciA9XG4gICAgPFByb3BzIGV4dGVuZHMgb2JqZWN0ID0gUmVjb3JkPHN0cmluZywgdW5rbm93bj4+KFdyYXBwZWRDb21wb25lbnQ6IENvbXBvbmVudFR5cGU8UHJvcHM+KSA9PiB7XG4gICAgICAgIGNvbnN0IGRpc3BsYXlOYW1lID0gV3JhcHBlZENvbXBvbmVudC5kaXNwbGF5TmFtZSB8fCBXcmFwcGVkQ29tcG9uZW50Lm5hbWUgfHwgJ0NvbXBvbmVudCdcbiAgICAgICAgY29uc3QgV3JhcHBlZENvbXBvbmVudFdpdGhSaWdodFBsYWNlaG9sZGVyID0gKHsgbWVhc3VyZSA9ICcnLCAuLi5wcm9wcyB9OiBQcm9wcyAmIFdpdGhSaWdodFBsYWNlaG9sZGVyUHJvcHMpID0+IChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibjJvLWNvbnRyb2wtY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgPFdyYXBwZWRDb21wb25lbnQgey4uLihwcm9wcyBhcyBQcm9wcyl9IC8+XG4gICAgICAgICAgICAgICAge21lYXN1cmUgJiYgPGRpdiBjbGFzc05hbWU9XCJuMm8tY29udHJvbC1jb250YWluZXItcGxhY2Vob2xkZXJcIj57bWVhc3VyZX08L2Rpdj59XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKVxuXG4gICAgICAgIFdyYXBwZWRDb21wb25lbnRXaXRoUmlnaHRQbGFjZWhvbGRlci5kaXNwbGF5TmFtZSA9IGB3aXRoUmlnaHRQbGFjZWhvbGRlcigke2Rpc3BsYXlOYW1lfSlgXG5cbiAgICAgICAgcmV0dXJuIFdyYXBwZWRDb21wb25lbnRXaXRoUmlnaHRQbGFjZWhvbGRlclxuICAgIH1cbiJdfQ==

package/lib/inputs/Checkbox/Checkbox.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { TBaseInputProps, TBaseProps } from '../../types';
+/**
+ * Альтернативный чекбокс
+ * @reactProps {string|number} value - уникально определяет элемент
+ * @reactProps {boolean} checked - начальное значение
+ * @reactProps {boolean} disabled - только для чтения / нет
+ * @reactProps {function} onChange - вызывается при изменении значения
+ * @reactProps {function} onClick - событие клика по чекбоксу,
+ * @reactProps {string} label - лейбл
+ * @reactProps {string} className - класс копонента CheckboxN2O
+ * @reactProps {string} help - подсказка в popover
+ * @reactProps {boolean} inline - в ряд
+ */
+export declare type Props = TBaseProps & TBaseInputProps<any> & {
+    checked?: boolean;
+    help?: string;
+    inline?: boolean;
+    label?: string;
+    onClick?(): void;
+    tabIndex?: number;
+};
+export declare class Checkbox extends React.Component<Props> {
+    state: {
+        id: string;
+    };
+    componentDidMount(): void;
+    render(): JSX.Element;
+}

package/lib/inputs/Checkbox/Checkbox.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = 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 = _interopRequireDefault(require("react"));
+
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _HelpPopover = require("../../helpers/HelpPopover");
+
+var _Input = require("../Input");
+
+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 Checkbox = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Checkbox, _React$Component);
+
+  var _super = _createSuper(Checkbox);
+
+  function Checkbox() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Checkbox);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      id: ''
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Checkbox, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.setState({
+        id: (0, _uniqueId["default"])('checkbox-')
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          className = _this$props.className,
+          label = _this$props.label,
+          disabled = _this$props.disabled,
+          value = _this$props.value,
+          inline = _this$props.inline,
+          checked = _this$props.checked,
+          help = _this$props.help,
+          tabIndex = _this$props.tabIndex,
+          style = _this$props.style,
+          onClick = _this$props.onClick,
+          onFocus = _this$props.onFocus,
+          onChange = _this$props.onChange,
+          onBlur = _this$props.onBlur;
+      var id = this.state.id;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: style,
+        className: (0, _classnames["default"])('custom-control', 'custom-checkbox', 'n2o-checkbox', className, {
+          'custom-control-inline': inline,
+          'd-flex': help
+        }),
+        onClick: onClick
+      }, /*#__PURE__*/_react["default"].createElement(_Input.Input, {
+        id: id,
+        className: "custom-control-input",
+        disabled: disabled,
+        type: "checkbox",
+        value: value,
+        checked: (0, _isNil["default"])(checked) ? !!value : checked,
+        onChange: onChange,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        tabIndex: tabIndex,
+        label: label
+      }), /*#__PURE__*/_react["default"].createElement("label", {
+        className: "custom-control-label",
+        htmlFor: id
+      }, label), help && /*#__PURE__*/_react["default"].createElement(_HelpPopover.HelpPopover, {
+        help: help
+      }));
+    }
+  }]);
+  return Checkbox;
+}(_react["default"].Component);
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pbnB1dHMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbIkNoZWNrYm94IiwiaWQiLCJzZXRTdGF0ZSIsInByb3BzIiwiY2xhc3NOYW1lIiwibGFiZWwiLCJkaXNhYmxlZCIsInZhbHVlIiwiaW5saW5lIiwiY2hlY2tlZCIsImhlbHAiLCJ0YWJJbmRleCIsInN0eWxlIiwib25DbGljayIsIm9uRm9jdXMiLCJvbkNoYW5nZSIsIm9uQmx1ciIsInN0YXRlIiwiUmVhY3QiLCJDb21wb25lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBR0E7O0FBQ0E7Ozs7OztJQXlCYUEsUTs7Ozs7Ozs7Ozs7Ozs7OzhGQUNEO0FBQ0pDLE1BQUFBLEVBQUUsRUFBRTtBQURBLEs7Ozs7OztXQUlSLDZCQUEwQjtBQUN0QixXQUFLQyxRQUFMLENBQWM7QUFBRUQsUUFBQUEsRUFBRSxFQUFFLDBCQUFTLFdBQVQ7QUFBTixPQUFkO0FBQ0g7OztXQUVELGtCQUFTO0FBQ0wsd0JBYUksS0FBS0UsS0FiVDtBQUFBLFVBQVFDLFNBQVIsZUFBUUEsU0FBUjtBQUFBLFVBQ0lDLEtBREosZUFDSUEsS0FESjtBQUFBLFVBRUlDLFFBRkosZUFFSUEsUUFGSjtBQUFBLFVBR0lDLEtBSEosZUFHSUEsS0FISjtBQUFBLFVBSUlDLE1BSkosZUFJSUEsTUFKSjtBQUFBLFVBS0lDLE9BTEosZUFLSUEsT0FMSjtBQUFBLFVBTUlDLElBTkosZUFNSUEsSUFOSjtBQUFBLFVBT0lDLFFBUEosZUFPSUEsUUFQSjtBQUFBLFVBUUlDLEtBUkosZUFRSUEsS0FSSjtBQUFBLFVBU0lDLE9BVEosZUFTSUEsT0FUSjtBQUFBLFVBVUlDLE9BVkosZUFVSUEsT0FWSjtBQUFBLFVBV0lDLFFBWEosZUFXSUEsUUFYSjtBQUFBLFVBWUlDLE1BWkosZUFZSUEsTUFaSjtBQWVBLFVBQVFmLEVBQVIsR0FBZSxLQUFLZ0IsS0FBcEIsQ0FBUWhCLEVBQVI7QUFFQSwwQkFDSTtBQUNJLFFBQUEsS0FBSyxFQUFFVyxLQURYO0FBRUksUUFBQSxTQUFTLEVBQUUsNEJBQ1AsZ0JBRE8sRUFFUCxpQkFGTyxFQUdQLGNBSE8sRUFJUFIsU0FKTyxFQUtQO0FBQ0ksbUNBQXlCSSxNQUQ3QjtBQUVJLG9CQUFVRTtBQUZkLFNBTE8sQ0FGZjtBQVlJLFFBQUEsT0FBTyxFQUFFRztBQVpiLHNCQWNJLGdDQUFDLFlBQUQ7QUFDSSxRQUFBLEVBQUUsRUFBRVosRUFEUjtBQUVJLFFBQUEsU0FBUyxFQUFDLHNCQUZkO0FBR0ksUUFBQSxRQUFRLEVBQUVLLFFBSGQ7QUFJSSxRQUFBLElBQUksRUFBQyxVQUpUO0FBS0ksUUFBQSxLQUFLLEVBQUVDLEtBTFg7QUFNSSxRQUFBLE9BQU8sRUFBRSx1QkFBTUUsT0FBTixJQUFpQixDQUFDLENBQUNGLEtBQW5CLEdBQTJCRSxPQU54QztBQU9JLFFBQUEsUUFBUSxFQUFFTSxRQVBkO0FBUUksUUFBQSxPQUFPLEVBQUVELE9BUmI7QUFTSSxRQUFBLE1BQU0sRUFBRUUsTUFUWjtBQVVJLFFBQUEsUUFBUSxFQUFFTCxRQVZkO0FBV0ksUUFBQSxLQUFLLEVBQUVOO0FBWFgsUUFkSixlQTJCSTtBQUFPLFFBQUEsU0FBUyxFQUFDLHNCQUFqQjtBQUF3QyxRQUFBLE9BQU8sRUFBRUo7QUFBakQsU0FDS0ksS0FETCxDQTNCSixFQThCS0ssSUFBSSxpQkFBSSxnQ0FBQyx3QkFBRDtBQUFhLFFBQUEsSUFBSSxFQUFFQTtBQUFuQixRQTlCYixDQURKO0FBa0NIOzs7RUE3RHlCUSxrQkFBTUMsUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnXG5pbXBvcnQgdW5pcXVlSWQgZnJvbSAnbG9kYXNoL3VuaXF1ZUlkJ1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcydcblxuaW1wb3J0IHsgVEJhc2VJbnB1dFByb3BzLCBUQmFzZVByb3BzIH0gZnJvbSAnLi4vLi4vdHlwZXMnXG5pbXBvcnQgeyBIZWxwUG9wb3ZlciB9IGZyb20gJy4uLy4uL2hlbHBlcnMvSGVscFBvcG92ZXInXG5pbXBvcnQgeyBJbnB1dCB9IGZyb20gJy4uL0lucHV0J1xuXG4vKipcbiAqINCQ0LvRjNGC0LXRgNC90LDRgtC40LLQvdGL0Lkg0YfQtdC60LHQvtC60YFcbiAqIEByZWFjdFByb3BzIHtzdHJpbmd8bnVtYmVyfSB2YWx1ZSAtINGD0L3QuNC60LDQu9GM0L3QviDQvtC/0YDQtdC00LXQu9GP0LXRgiDRjdC70LXQvNC10L3RglxuICogQHJlYWN0UHJvcHMge2Jvb2xlYW59IGNoZWNrZWQgLSDQvdCw0YfQsNC70YzQvdC+0LUg0LfQvdCw0YfQtdC90LjQtVxuICogQHJlYWN0UHJvcHMge2Jvb2xlYW59IGRpc2FibGVkIC0g0YLQvtC70YzQutC+INC00LvRjyDRh9GC0LXQvdC40Y8gLyDQvdC10YJcbiAqIEByZWFjdFByb3BzIHtmdW5jdGlvbn0gb25DaGFuZ2UgLSDQstGL0LfRi9Cy0LDQtdGC0YHRjyDQv9GA0Lgg0LjQt9C80LXQvdC10L3QuNC4INC30L3QsNGH0LXQvdC40Y9cbiAqIEByZWFjdFByb3BzIHtmdW5jdGlvbn0gb25DbGljayAtINGB0L7QsdGL0YLQuNC1INC60LvQuNC60LAg0L/QviDRh9C10LrQsdC+0LrRgdGDLFxuICogQHJlYWN0UHJvcHMge3N0cmluZ30gbGFiZWwgLSDQu9C10LnQsdC7XG4gKiBAcmVhY3RQcm9wcyB7c3RyaW5nfSBjbGFzc05hbWUgLSDQutC70LDRgdGBINC60L7Qv9C+0L3QtdC90YLQsCBDaGVja2JveE4yT1xuICogQHJlYWN0UHJvcHMge3N0cmluZ30gaGVscCAtINC/0L7QtNGB0LrQsNC30LrQsCDQsiBwb3BvdmVyXG4gKiBAcmVhY3RQcm9wcyB7Ym9vbGVhbn0gaW5saW5lIC0g0LIg0YDRj9C0XG4gKi9cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbmV4cG9ydCB0eXBlIFByb3BzID0gVEJhc2VQcm9wcyAmIFRCYXNlSW5wdXRQcm9wczxhbnk+ICYge1xuICAgIGNoZWNrZWQ/OiBib29sZWFuLFxuICAgIGhlbHA/OiBzdHJpbmcsIC8vINCf0L7QtNGB0LrQsNC30LrQsCDQsiBwb3BvdmVyXG4gICAgaW5saW5lPzogYm9vbGVhbiwgLy8g0KTQu9Cw0LMg0YDQtdC90LTQtdGA0LAgbGFiZWwg0LIg0L7QtNC90YMg0YHRgtGA0L7QutGDINGBINC60L7QvdGC0YDQvtC70L7QvFxuICAgIGxhYmVsPzogc3RyaW5nLFxuICAgIG9uQ2xpY2s/KCk6IHZvaWQsXG4gICAgdGFiSW5kZXg/OiBudW1iZXJcbn1cblxuZXhwb3J0IGNsYXNzIENoZWNrYm94IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50PFByb3BzPiB7XG4gICAgc3RhdGUgPSB7XG4gICAgICAgIGlkOiAnJyxcbiAgICB9XG5cbiAgICBjb21wb25lbnREaWRNb3VudCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7IGlkOiB1bmlxdWVJZCgnY2hlY2tib3gtJykgfSlcbiAgICB9XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIGNvbnN0IHsgY2xhc3NOYW1lLFxuICAgICAgICAgICAgbGFiZWwsXG4gICAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICAgIHZhbHVlLFxuICAgICAgICAgICAgaW5saW5lLFxuICAgICAgICAgICAgY2hlY2tlZCxcbiAgICAgICAgICAgIGhlbHAsXG4gICAgICAgICAgICB0YWJJbmRleCxcbiAgICAgICAgICAgIHN0eWxlLFxuICAgICAgICAgICAgb25DbGljayxcbiAgICAgICAgICAgIG9uRm9jdXMsXG4gICAgICAgICAgICBvbkNoYW5nZSxcbiAgICAgICAgICAgIG9uQmx1cixcbiAgICAgICAgfSA9IHRoaXMucHJvcHNcblxuICAgICAgICBjb25zdCB7IGlkIH0gPSB0aGlzLnN0YXRlXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFxuICAgICAgICAgICAgICAgICAgICAnY3VzdG9tLWNvbnRyb2wnLFxuICAgICAgICAgICAgICAgICAgICAnY3VzdG9tLWNoZWNrYm94JyxcbiAgICAgICAgICAgICAgICAgICAgJ24yby1jaGVja2JveCcsXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgJ2N1c3RvbS1jb250cm9sLWlubGluZSc6IGlubGluZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICdkLWZsZXgnOiBoZWxwLFxuICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SW5wdXRcbiAgICAgICAgICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJjdXN0b20tY29udHJvbC1pbnB1dFwiXG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgICAgICBjaGVja2VkPXtpc05pbChjaGVja2VkKSA/ICEhdmFsdWUgOiBjaGVja2VkfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgICAgICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzc05hbWU9XCJjdXN0b20tY29udHJvbC1sYWJlbFwiIGh0bWxGb3I9e2lkfT5cbiAgICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICAgICAge2hlbHAgJiYgPEhlbHBQb3BvdmVyIGhlbHA9e2hlbHB9IC8+fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIClcbiAgICB9XG59XG4iXX0=

package/lib/inputs/Checkbox/CheckboxControl.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Props as CheckboxProps } from './Checkbox';
+declare type Props = CheckboxProps & {
+    defaultUnchecked: boolean | null;
+};
+export declare function CheckboxControl(props: Props): JSX.Element;
+export {};

package/lib/inputs/Checkbox/CheckboxControl.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxControl = CheckboxControl;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Checkbox = require("./Checkbox");
+
+function CheckboxControl(props) {
+  var propsDefaultUnchecked = props.defaultUnchecked,
+      propsOnChange = props.onChange;
+
+  var onChange = function onChange(event) {
+    var value = event.nativeEvent.target.checked;
+    var defaultUnchecked = propsDefaultUnchecked === false ? false : null;
+
+    if (propsOnChange) {
+      propsOnChange(!value ? defaultUnchecked : value);
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, (0, _extends2["default"])({}, props, {
+    onChange: onChange
+  }));
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pbnB1dHMvQ2hlY2tib3gvQ2hlY2tib3hDb250cm9sLnRzeCJdLCJuYW1lcyI6WyJDaGVja2JveENvbnRyb2wiLCJwcm9wcyIsInByb3BzRGVmYXVsdFVuY2hlY2tlZCIsImRlZmF1bHRVbmNoZWNrZWQiLCJwcm9wc09uQ2hhbmdlIiwib25DaGFuZ2UiLCJldmVudCIsInZhbHVlIiwibmF0aXZlRXZlbnQiLCJ0YXJnZXQiLCJjaGVja2VkIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOztBQUVBOztBQU1PLFNBQVNBLGVBQVQsQ0FBeUJDLEtBQXpCLEVBQXVDO0FBQzFDLE1BQ3NCQyxxQkFEdEIsR0FFZ0NELEtBRmhDLENBQ0lFLGdCQURKO0FBQUEsTUFFY0MsYUFGZCxHQUVnQ0gsS0FGaEMsQ0FFSUksUUFGSjs7QUFJQSxNQUFNQSxRQUFRLEdBQUcsU0FBWEEsUUFBVyxDQUFDQyxLQUFELEVBQTBDO0FBQ3ZELFFBQU1DLEtBQUssR0FBSUQsS0FBSyxDQUFDRSxXQUFOLENBQWtCQyxNQUFuQixDQUErQ0MsT0FBN0Q7QUFDQSxRQUFNUCxnQkFBZ0IsR0FBR0QscUJBQXFCLEtBQUssS0FBMUIsR0FBa0MsS0FBbEMsR0FBMEMsSUFBbkU7O0FBRUEsUUFBSUUsYUFBSixFQUFtQjtBQUNmQSxNQUFBQSxhQUFhLENBQUMsQ0FBQ0csS0FBRCxHQUFTSixnQkFBVCxHQUE0QkksS0FBN0IsQ0FBYjtBQUNIO0FBQ0osR0FQRDs7QUFTQSxzQkFDSSxnQ0FBQyxrQkFBRCxnQ0FBY04sS0FBZDtBQUFxQixJQUFBLFFBQVEsRUFBRUk7QUFBL0IsS0FESjtBQUdIIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENoYW5nZUV2ZW50IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IENoZWNrYm94LCBQcm9wcyBhcyBDaGVja2JveFByb3BzIH0gZnJvbSAnLi9DaGVja2JveCdcblxudHlwZSBQcm9wcyA9IENoZWNrYm94UHJvcHMgJiB7XG4gICAgZGVmYXVsdFVuY2hlY2tlZDogYm9vbGVhbiB8IG51bGwsXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDaGVja2JveENvbnRyb2wocHJvcHM6IFByb3BzKSB7XG4gICAgY29uc3Qge1xuICAgICAgICBkZWZhdWx0VW5jaGVja2VkOiBwcm9wc0RlZmF1bHRVbmNoZWNrZWQsXG4gICAgICAgIG9uQ2hhbmdlOiBwcm9wc09uQ2hhbmdlIH0gPSBwcm9wc1xuXG4gICAgY29uc3Qgb25DaGFuZ2UgPSAoZXZlbnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIGNvbnN0IHZhbHVlID0gKGV2ZW50Lm5hdGl2ZUV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS5jaGVja2VkXG4gICAgICAgIGNvbnN0IGRlZmF1bHRVbmNoZWNrZWQgPSBwcm9wc0RlZmF1bHRVbmNoZWNrZWQgPT09IGZhbHNlID8gZmFsc2UgOiBudWxsXG5cbiAgICAgICAgaWYgKHByb3BzT25DaGFuZ2UpIHtcbiAgICAgICAgICAgIHByb3BzT25DaGFuZ2UoIXZhbHVlID8gZGVmYXVsdFVuY2hlY2tlZCA6IHZhbHVlKVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENoZWNrYm94IHsuLi5wcm9wc30gb25DaGFuZ2U9e29uQ2hhbmdlfSAvPlxuICAgIClcbn1cbiJdfQ==

package/lib/inputs/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { TBaseInputProps, TBaseProps } from '../../types';
+declare type Props = TBaseProps & TBaseInputProps<any> & {
+    enabledFieldId: string;
+    inline: boolean;
+    labelFieldId: string;
+    options: any[];
+    valueFieldId: string;
+};
+export declare const CheckboxGroup: FC<Props>;
+export {};

package/lib/inputs/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxGroup = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _some = _interopRequireDefault(require("lodash/some"));
+
+var _isNull = _interopRequireDefault(require("lodash/isNull"));
+
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _Checkbox = require("../Checkbox/Checkbox");
+
+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; }
+
+var isIncludes = function isIncludes(collection, object, key) {
+  return (0, _some["default"])(collection, function (item) {
+    return item[key] === object[key];
+  });
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+var CheckboxGroup = function CheckboxGroup(_ref) {
+  var value = _ref.value,
+      disabled = _ref.disabled,
+      inline = _ref.inline,
+      labelFieldId = _ref.labelFieldId,
+      valueFieldId = _ref.valueFieldId,
+      enabledFieldId = _ref.enabledFieldId,
+      options = _ref.options,
+      visible = _ref.visible,
+      style = _ref.style,
+      className = _ref.className,
+      onChange = _ref.onChange,
+      onBlur = _ref.onBlur,
+      onFocus = _ref.onFocus;
+  var renderedOptions = (0, _react.useMemo)(function () {
+    return options === null || options === void 0 ? void 0 : options.map(function (option) {
+      return /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, {
+        key: option[valueFieldId],
+        value: option,
+        label: option[labelFieldId],
+        checked: !(0, _isNull["default"])(value) && value && isIncludes(value, option, valueFieldId),
+        disabled: disabled || (0, _isNil["default"])(option[enabledFieldId]) ? option.disabled : !option[enabledFieldId],
+        inline: inline,
+        onChange: onChange,
+        onBlur: onBlur,
+        onFocus: onFocus
+      });
+    });
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [options, value, valueFieldId, disabled, inline, onChange, onBlur, onFocus]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement("div", {
+    className: className,
+    style: style
+  }, renderedOptions));
+};
+
+exports.CheckboxGroup = CheckboxGroup;
+CheckboxGroup.defaultProps = {
+  id: '',
+  name: '',
+  value: [],
+  inline: false,
+  valueFieldId: '',
+  enabledFieldId: '',
+  labelFieldId: '',
+  visible: true,
+  options: [],
+  onChange: function onChange() {},
+  onFocus: function onFocus() {},
+  onBlur: function onBlur() {}
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pbnB1dHMvQ2hlY2tib3hHcm91cC9DaGVja2JveEdyb3VwLnRzeCJdLCJuYW1lcyI6WyJpc0luY2x1ZGVzIiwiY29sbGVjdGlvbiIsIm9iamVjdCIsImtleSIsIml0ZW0iLCJDaGVja2JveEdyb3VwIiwidmFsdWUiLCJkaXNhYmxlZCIsImlubGluZSIsImxhYmVsRmllbGRJZCIsInZhbHVlRmllbGRJZCIsImVuYWJsZWRGaWVsZElkIiwib3B0aW9ucyIsInZpc2libGUiLCJzdHlsZSIsImNsYXNzTmFtZSIsIm9uQ2hhbmdlIiwib25CbHVyIiwib25Gb2N1cyIsInJlbmRlcmVkT3B0aW9ucyIsIm1hcCIsIm9wdGlvbiIsImRlZmF1bHRQcm9wcyIsImlkIiwibmFtZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFHQTs7Ozs7O0FBRUEsSUFBTUEsVUFBVSxHQUFHLFNBQWJBLFVBQWEsQ0FDZkMsVUFEZSxFQUVmQyxNQUZlLEVBR2ZDLEdBSGU7QUFBQSxTQUlkLHNCQUFLRixVQUFMLEVBQWlCLFVBQUFHLElBQUk7QUFBQSxXQUFJQSxJQUFJLENBQUNELEdBQUQsQ0FBSixLQUFjRCxNQUFNLENBQUNDLEdBQUQsQ0FBeEI7QUFBQSxHQUFyQixDQUpjO0FBQUEsQ0FBbkIsQyxDQU1BOzs7QUFVTyxJQUFNRSxhQUF3QixHQUFHLFNBQTNCQSxhQUEyQixPQWNsQztBQUFBLE1BYkZDLEtBYUUsUUFiRkEsS0FhRTtBQUFBLE1BWkZDLFFBWUUsUUFaRkEsUUFZRTtBQUFBLE1BWEZDLE1BV0UsUUFYRkEsTUFXRTtBQUFBLE1BVkZDLFlBVUUsUUFWRkEsWUFVRTtBQUFBLE1BVEZDLFlBU0UsUUFURkEsWUFTRTtBQUFBLE1BUkZDLGNBUUUsUUFSRkEsY0FRRTtBQUFBLE1BUEZDLE9BT0UsUUFQRkEsT0FPRTtBQUFBLE1BTkZDLE9BTUUsUUFORkEsT0FNRTtBQUFBLE1BTEZDLEtBS0UsUUFMRkEsS0FLRTtBQUFBLE1BSkZDLFNBSUUsUUFKRkEsU0FJRTtBQUFBLE1BSEZDLFFBR0UsUUFIRkEsUUFHRTtBQUFBLE1BRkZDLE1BRUUsUUFGRkEsTUFFRTtBQUFBLE1BREZDLE9BQ0UsUUFERkEsT0FDRTtBQUNGLE1BQU1DLGVBQWUsR0FBRyxvQkFBUTtBQUFBLFdBQU1QLE9BQU4sYUFBTUEsT0FBTix1QkFBTUEsT0FBTyxDQUFFUSxHQUFULENBQWEsVUFBQUMsTUFBTTtBQUFBLDBCQUNyRCxnQ0FBQyxrQkFBRDtBQUNJLFFBQUEsR0FBRyxFQUFFQSxNQUFNLENBQUNYLFlBQUQsQ0FEZjtBQUVJLFFBQUEsS0FBSyxFQUFFVyxNQUZYO0FBR0ksUUFBQSxLQUFLLEVBQUVBLE1BQU0sQ0FBQ1osWUFBRCxDQUhqQjtBQUlJLFFBQUEsT0FBTyxFQUFFLENBQUMsd0JBQU9ILEtBQVAsQ0FBRCxJQUFrQkEsS0FBbEIsSUFBMkJOLFVBQVUsQ0FBQ00sS0FBRCxFQUFRZSxNQUFSLEVBQWdCWCxZQUFoQixDQUpsRDtBQUtJLFFBQUEsUUFBUSxFQUFFSCxRQUFRLElBQUksdUJBQU1jLE1BQU0sQ0FBQ1YsY0FBRCxDQUFaLENBQVosR0FBNENVLE1BQU0sQ0FBQ2QsUUFBbkQsR0FBOEQsQ0FBQ2MsTUFBTSxDQUFDVixjQUFELENBTG5GO0FBTUksUUFBQSxNQUFNLEVBQUVILE1BTlo7QUFPSSxRQUFBLFFBQVEsRUFBRVEsUUFQZDtBQVFJLFFBQUEsTUFBTSxFQUFFQyxNQVJaO0FBU0ksUUFBQSxPQUFPLEVBQUVDO0FBVGIsUUFEcUQ7QUFBQSxLQUFuQixDQUFOO0FBQUEsR0FBUixFQWF4QjtBQUNBLEdBQUNOLE9BQUQsRUFBVU4sS0FBVixFQUFpQkksWUFBakIsRUFBK0JILFFBQS9CLEVBQXlDQyxNQUF6QyxFQUFpRFEsUUFBakQsRUFBMkRDLE1BQTNELEVBQW1FQyxPQUFuRSxDQWR3QixDQUF4QjtBQWdCQSxzQkFDSSxrRUFDS0wsT0FBTyxpQkFDSjtBQUNJLElBQUEsU0FBUyxFQUFFRSxTQURmO0FBRUksSUFBQSxLQUFLLEVBQUVEO0FBRlgsS0FJS0ssZUFKTCxDQUZSLENBREo7QUFZSCxDQTNDTTs7O0FBNkNQZCxhQUFhLENBQUNpQixZQUFkLEdBQTZCO0FBQ3pCQyxFQUFBQSxFQUFFLEVBQUUsRUFEcUI7QUFFekJDLEVBQUFBLElBQUksRUFBRSxFQUZtQjtBQUd6QmxCLEVBQUFBLEtBQUssRUFBRSxFQUhrQjtBQUl6QkUsRUFBQUEsTUFBTSxFQUFFLEtBSmlCO0FBS3pCRSxFQUFBQSxZQUFZLEVBQUUsRUFMVztBQU16QkMsRUFBQUEsY0FBYyxFQUFFLEVBTlM7QUFPekJGLEVBQUFBLFlBQVksRUFBRSxFQVBXO0FBUXpCSSxFQUFBQSxPQUFPLEVBQUUsSUFSZ0I7QUFTekJELEVBQUFBLE9BQU8sRUFBRSxFQVRnQjtBQVV6QkksRUFBQUEsUUFBUSxFQUFFLG9CQUFNLENBQUUsQ0FWTztBQVd6QkUsRUFBQUEsT0FBTyxFQUFFLG1CQUFNLENBQUUsQ0FYUTtBQVl6QkQsRUFBQUEsTUFBTSxFQUFFLGtCQUFNLENBQUU7QUFaUyxDQUE3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vLCBGQyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHNvbWUgZnJvbSAnbG9kYXNoL3NvbWUnXG5pbXBvcnQgaXNOdWxsIGZyb20gJ2xvZGFzaC9pc051bGwnXG5pbXBvcnQgaXNOaWwgZnJvbSAnbG9kYXNoL2lzTmlsJ1xuXG5pbXBvcnQgeyBUQmFzZUlucHV0UHJvcHMsIFRCYXNlUHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcydcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vQ2hlY2tib3gvQ2hlY2tib3gnXG5cbmNvbnN0IGlzSW5jbHVkZXMgPSAoXG4gICAgY29sbGVjdGlvbjogUHJvcHNbJ3ZhbHVlJ10sXG4gICAgb2JqZWN0OiBQcm9wc1sndmFsdWUnXSxcbiAgICBrZXk6IFByb3BzWyd2YWx1ZUZpZWxkSWQnXSxcbikgPT4gc29tZShjb2xsZWN0aW9uLCBpdGVtID0+IGl0ZW1ba2V5XSA9PT0gb2JqZWN0W2tleV0pXG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG50eXBlIFByb3BzID0gVEJhc2VQcm9wcyAmIFRCYXNlSW5wdXRQcm9wczxhbnk+ICYge1xuICAgIGVuYWJsZWRGaWVsZElkOiBzdHJpbmcsXG4gICAgaW5saW5lOiBib29sZWFuLFxuICAgIGxhYmVsRmllbGRJZDogc3RyaW5nLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgb3B0aW9uczogYW55W10sXG4gICAgdmFsdWVGaWVsZElkOiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IENoZWNrYm94R3JvdXA6IEZDPFByb3BzPiA9ICh7XG4gICAgdmFsdWUsXG4gICAgZGlzYWJsZWQsXG4gICAgaW5saW5lLFxuICAgIGxhYmVsRmllbGRJZCxcbiAgICB2YWx1ZUZpZWxkSWQsXG4gICAgZW5hYmxlZEZpZWxkSWQsXG4gICAgb3B0aW9ucyxcbiAgICB2aXNpYmxlLFxuICAgIHN0eWxlLFxuICAgIGNsYXNzTmFtZSxcbiAgICBvbkNoYW5nZSxcbiAgICBvbkJsdXIsXG4gICAgb25Gb2N1cyxcbn0pID0+IHtcbiAgICBjb25zdCByZW5kZXJlZE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IG9wdGlvbnM/Lm1hcChvcHRpb24gPT4gKFxuICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICAgIGtleT17b3B0aW9uW3ZhbHVlRmllbGRJZF19XG4gICAgICAgICAgICB2YWx1ZT17b3B0aW9ufVxuICAgICAgICAgICAgbGFiZWw9e29wdGlvbltsYWJlbEZpZWxkSWRdfVxuICAgICAgICAgICAgY2hlY2tlZD17IWlzTnVsbCh2YWx1ZSkgJiYgdmFsdWUgJiYgaXNJbmNsdWRlcyh2YWx1ZSwgb3B0aW9uLCB2YWx1ZUZpZWxkSWQpfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGlzTmlsKG9wdGlvbltlbmFibGVkRmllbGRJZF0pID8gb3B0aW9uLmRpc2FibGVkIDogIW9wdGlvbltlbmFibGVkRmllbGRJZF19XG4gICAgICAgICAgICBpbmxpbmU9e2lubGluZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgLz5cbiAgICApKSxcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gICAgW29wdGlvbnMsIHZhbHVlLCB2YWx1ZUZpZWxkSWQsIGRpc2FibGVkLCBpbmxpbmUsIG9uQ2hhbmdlLCBvbkJsdXIsIG9uRm9jdXNdKVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIHt2aXNpYmxlICYmIChcbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7cmVuZGVyZWRPcHRpb25zfVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgKVxufVxuXG5DaGVja2JveEdyb3VwLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBpZDogJycsXG4gICAgbmFtZTogJycsXG4gICAgdmFsdWU6IFtdLFxuICAgIGlubGluZTogZmFsc2UsXG4gICAgdmFsdWVGaWVsZElkOiAnJyxcbiAgICBlbmFibGVkRmllbGRJZDogJycsXG4gICAgbGFiZWxGaWVsZElkOiAnJyxcbiAgICB2aXNpYmxlOiB0cnVlLFxuICAgIG9wdGlvbnM6IFtdLFxuICAgIG9uQ2hhbmdlOiAoKSA9PiB7fSxcbiAgICBvbkZvY3VzOiAoKSA9PiB7fSxcbiAgICBvbkJsdXI6ICgpID0+IHt9LFxufSBhcyBQcm9wc1xuIl19

package/lib/inputs/CodeEditor/CodeEditor.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import 'brace/mode/java';
+import 'brace/mode/groovy';
+import 'brace/mode/html';
+import 'brace/mode/sql';
+import 'brace/mode/javascript';
+import 'brace/mode/xml';
+import 'brace/theme/tomorrow';
+import 'brace/ext/language_tools';
+import { TBaseInputProps, TBaseProps } from '../../types';
+import '../../styles/controls/CodeEditor.scss';
+declare type CodeEditorProps = TBaseProps & TBaseInputProps<string> & {
+    lang?: 'javascript' | 'xml' | 'sql' | 'groovy' | 'java' | 'html';
+    maxLines?: number;
+    minLines?: number;
+};
+export declare const CodeEditor: {
+    (props: CodeEditorProps): JSX.Element | null;
+    defaultProps: CodeEditorProps;
+};
+export {};

package/lib/inputs/CodeEditor/CodeEditor.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeEditor = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAce = _interopRequireDefault(require("react-ace"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("brace/mode/java");
+
+require("brace/mode/groovy");
+
+require("brace/mode/html");
+
+require("brace/mode/sql");
+
+require("brace/mode/javascript");
+
+require("brace/mode/xml");
+
+require("brace/theme/tomorrow");
+
+require("brace/ext/language_tools");
+
+require("../../styles/controls/CodeEditor.scss");
+
+var CodeEditor = function CodeEditor(props) {
+  var disabled = props.disabled,
+      name = props.name,
+      visible = props.visible,
+      _props$lang = props.lang,
+      lang = _props$lang === void 0 ? 'javascript' : _props$lang,
+      value = props.value,
+      _props$minLines = props.minLines,
+      minLines = _props$minLines === void 0 ? 5 : _props$minLines,
+      _props$maxLines = props.maxLines,
+      maxLines = _props$maxLines === void 0 ? 100 : _props$maxLines,
+      autocomplete = props.autocomplete,
+      className = props.className,
+      onChange = props.onChange;
+
+  if (!visible) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('n2o-code-editor', className)
+  }, /*#__PURE__*/_react["default"].createElement(_reactAce["default"], {
+    mode: lang,
+    theme: "tomorrow",
+    name: name,
+    onChange: onChange,
+    fontSize: 14,
+    showPrintMargin: true,
+    showGutter: true,
+    readOnly: disabled,
+    minLines: minLines,
+    maxLines: maxLines,
+    highlightActiveLine: true,
+    value: value,
+    enableBasicAutocompletion: autocomplete,
+    setOptions: {
+      showLineNumbers: true,
+      tabSize: 2
+    }
+  }));
+};
+
+exports.CodeEditor = CodeEditor;
+CodeEditor.defaultProps = {
+  autocomplete: false,
+  lang: 'javascript',
+  onChange: function onChange() {},
+  disabled: false,
+  visible: true,
+  maxLines: 100
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pbnB1dHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6WyJDb2RlRWRpdG9yIiwicHJvcHMiLCJkaXNhYmxlZCIsIm5hbWUiLCJ2aXNpYmxlIiwibGFuZyIsInZhbHVlIiwibWluTGluZXMiLCJtYXhMaW5lcyIsImF1dG9jb21wbGV0ZSIsImNsYXNzTmFtZSIsIm9uQ2hhbmdlIiwic2hvd0xpbmVOdW1iZXJzIiwidGFiU2l6ZSIsImRlZmF1bHRQcm9wcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBSUE7O0FBUU8sSUFBTUEsVUFBVSxHQUFHLFNBQWJBLFVBQWEsQ0FBQ0MsS0FBRCxFQUE0QjtBQUNsRCxNQUNJQyxRQURKLEdBV0lELEtBWEosQ0FDSUMsUUFESjtBQUFBLE1BRUlDLElBRkosR0FXSUYsS0FYSixDQUVJRSxJQUZKO0FBQUEsTUFHSUMsT0FISixHQVdJSCxLQVhKLENBR0lHLE9BSEo7QUFBQSxvQkFXSUgsS0FYSixDQUlJSSxJQUpKO0FBQUEsTUFJSUEsSUFKSiw0QkFJVyxZQUpYO0FBQUEsTUFLSUMsS0FMSixHQVdJTCxLQVhKLENBS0lLLEtBTEo7QUFBQSx3QkFXSUwsS0FYSixDQU1JTSxRQU5KO0FBQUEsTUFNSUEsUUFOSixnQ0FNZSxDQU5mO0FBQUEsd0JBV0lOLEtBWEosQ0FPSU8sUUFQSjtBQUFBLE1BT0lBLFFBUEosZ0NBT2UsR0FQZjtBQUFBLE1BUUlDLFlBUkosR0FXSVIsS0FYSixDQVFJUSxZQVJKO0FBQUEsTUFTSUMsU0FUSixHQVdJVCxLQVhKLENBU0lTLFNBVEo7QUFBQSxNQVVJQyxRQVZKLEdBV0lWLEtBWEosQ0FVSVUsUUFWSjs7QUFhQSxNQUFJLENBQUNQLE9BQUwsRUFBYztBQUNWLFdBQU8sSUFBUDtBQUNIOztBQUVELHNCQUNJO0FBQ0ksSUFBQSxTQUFTLEVBQUUsNEJBQUcsaUJBQUgsRUFBc0JNLFNBQXRCO0FBRGYsa0JBR0ksZ0NBQUMsb0JBQUQ7QUFDSSxJQUFBLElBQUksRUFBRUwsSUFEVjtBQUVJLElBQUEsS0FBSyxFQUFDLFVBRlY7QUFHSSxJQUFBLElBQUksRUFBRUYsSUFIVjtBQUlJLElBQUEsUUFBUSxFQUFFUSxRQUpkO0FBS0ksSUFBQSxRQUFRLEVBQUUsRUFMZDtBQU1JLElBQUEsZUFBZSxNQU5uQjtBQU9JLElBQUEsVUFBVSxNQVBkO0FBUUksSUFBQSxRQUFRLEVBQUVULFFBUmQ7QUFTSSxJQUFBLFFBQVEsRUFBRUssUUFUZDtBQVVJLElBQUEsUUFBUSxFQUFFQyxRQVZkO0FBV0ksSUFBQSxtQkFBbUIsTUFYdkI7QUFZSSxJQUFBLEtBQUssRUFBRUYsS0FaWDtBQWFJLElBQUEseUJBQXlCLEVBQUVHLFlBYi9CO0FBY0ksSUFBQSxVQUFVLEVBQUU7QUFDUkcsTUFBQUEsZUFBZSxFQUFFLElBRFQ7QUFFUkMsTUFBQUEsT0FBTyxFQUFFO0FBRkQ7QUFkaEIsSUFISixDQURKO0FBeUJILENBM0NNOzs7QUE2Q1BiLFVBQVUsQ0FBQ2MsWUFBWCxHQUEwQjtBQUN0QkwsRUFBQUEsWUFBWSxFQUFFLEtBRFE7QUFFdEJKLEVBQUFBLElBQUksRUFBRSxZQUZnQjtBQUd0Qk0sRUFBQUEsUUFBUSxFQUFFLG9CQUFNLENBQUUsQ0FISTtBQUl0QlQsRUFBQUEsUUFBUSxFQUFFLEtBSlk7QUFLdEJFLEVBQUFBLE9BQU8sRUFBRSxJQUxhO0FBTXRCSSxFQUFBQSxRQUFRLEVBQUU7QUFOWSxDQUExQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBBY2VFZGl0b3IgZnJvbSAncmVhY3QtYWNlJ1xuaW1wb3J0IGN4IGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgJ2JyYWNlL21vZGUvamF2YSdcbmltcG9ydCAnYnJhY2UvbW9kZS9ncm9vdnknXG5pbXBvcnQgJ2JyYWNlL21vZGUvaHRtbCdcbmltcG9ydCAnYnJhY2UvbW9kZS9zcWwnXG5pbXBvcnQgJ2JyYWNlL21vZGUvamF2YXNjcmlwdCdcbmltcG9ydCAnYnJhY2UvbW9kZS94bWwnXG5pbXBvcnQgJ2JyYWNlL3RoZW1lL3RvbW9ycm93J1xuaW1wb3J0ICdicmFjZS9leHQvbGFuZ3VhZ2VfdG9vbHMnXG5cbmltcG9ydCB7IFRCYXNlSW5wdXRQcm9wcywgVEJhc2VQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuXG5pbXBvcnQgJy4uLy4uL3N0eWxlcy9jb250cm9scy9Db2RlRWRpdG9yLnNjc3MnXG5cbnR5cGUgQ29kZUVkaXRvclByb3BzID0gVEJhc2VQcm9wcyAmIFRCYXNlSW5wdXRQcm9wczxzdHJpbmc+ICYge1xuICAgIGxhbmc/OiAnamF2YXNjcmlwdCcgfCAneG1sJyB8ICdzcWwnIHwgJ2dyb292eScgfCAnamF2YScgfCAnaHRtbCcsXG4gICAgbWF4TGluZXM/OiBudW1iZXIsXG4gICAgbWluTGluZXM/OiBudW1iZXIsXG59XG5cbmV4cG9ydCBjb25zdCBDb2RlRWRpdG9yID0gKHByb3BzOiBDb2RlRWRpdG9yUHJvcHMpID0+IHtcbiAgICBjb25zdCB7XG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICBuYW1lLFxuICAgICAgICB2aXNpYmxlLFxuICAgICAgICBsYW5nID0gJ2phdmFzY3JpcHQnLFxuICAgICAgICB2YWx1ZSxcbiAgICAgICAgbWluTGluZXMgPSA1LFxuICAgICAgICBtYXhMaW5lcyA9IDEwMCxcbiAgICAgICAgYXV0b2NvbXBsZXRlLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIG9uQ2hhbmdlLFxuICAgIH0gPSBwcm9wc1xuXG4gICAgaWYgKCF2aXNpYmxlKSB7XG4gICAgICAgIHJldHVybiBudWxsXG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjeCgnbjJvLWNvZGUtZWRpdG9yJywgY2xhc3NOYW1lKX1cbiAgICAgICAgPlxuICAgICAgICAgICAgPEFjZUVkaXRvclxuICAgICAgICAgICAgICAgIG1vZGU9e2xhbmd9XG4gICAgICAgICAgICAgICAgdGhlbWU9XCJ0b21vcnJvd1wiXG4gICAgICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgIHNob3dQcmludE1hcmdpblxuICAgICAgICAgICAgICAgIHNob3dHdXR0ZXJcbiAgICAgICAgICAgICAgICByZWFkT25seT17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgbWluTGluZXM9e21pbkxpbmVzfVxuICAgICAgICAgICAgICAgIG1heExpbmVzPXttYXhMaW5lc31cbiAgICAgICAgICAgICAgICBoaWdobGlnaHRBY3RpdmVMaW5lXG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgIGVuYWJsZUJhc2ljQXV0b2NvbXBsZXRpb249e2F1dG9jb21wbGV0ZX1cbiAgICAgICAgICAgICAgICBzZXRPcHRpb25zPXt7XG4gICAgICAgICAgICAgICAgICAgIHNob3dMaW5lTnVtYmVyczogdHJ1ZSxcbiAgICAgICAgICAgICAgICAgICAgdGFiU2l6ZTogMixcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgKVxufVxuXG5Db2RlRWRpdG9yLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBhdXRvY29tcGxldGU6IGZhbHNlLFxuICAgIGxhbmc6ICdqYXZhc2NyaXB0JyxcbiAgICBvbkNoYW5nZTogKCkgPT4ge30sXG4gICAgZGlzYWJsZWQ6IGZhbHNlLFxuICAgIHZpc2libGU6IHRydWUsXG4gICAgbWF4TGluZXM6IDEwMCxcbn0gYXMgQ29kZUVkaXRvclByb3BzXG4iXX0=

package/lib/inputs/DatePicker/Calendar.d.ts

@@ -0,0 +1,65 @@
+import React, { ReactNode } from 'react';
+import { Moment, MomentInput } from 'moment/moment';
+import { CalendarType, Time } from './types';
+import '../../styles/components/Calendar.scss';
+declare type CalendarProps = {
+    auto?: boolean;
+    dateFormat: string;
+    hasDefaultTime?: boolean;
+    index: number;
+    inputName: string;
+    locale: 'en' | 'ru';
+    markTimeAsSet(str: string): void;
+    max?: Moment | Date | string;
+    min?: Moment | Date | string;
+    select(day: Moment, name: string, type?: boolean): void;
+    setPlacement?(): void;
+    setVisibility?(): void;
+    t(key: string): ReactNode;
+    time: Time;
+    timeFormat?: string;
+    type?: string;
+    value: Moment | null;
+    values: Record<string, MomentInput>;
+};
+declare type CalendarState = {
+    calendarType: CalendarType;
+    displayesMonth: Moment;
+    tempTimeObj: Time;
+};
+export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
+    private hourRef;
+    private minuteRef;
+    private secondRef;
+    constructor(props: CalendarProps);
+    changeCalendarType: (type: CalendarType) => void;
+    componentWillReceiveProps(props: CalendarProps): void;
+    setHourRef: (el: HTMLDivElement) => void;
+    setMinuteRef: (el: HTMLDivElement) => void;
+    setSecondRef: (el: HTMLDivElement) => void;
+    renderHeader(): JSX.Element;
+    prevMonth: () => void;
+    nextMonth: () => void;
+    prevYear: () => void;
+    nextYear: () => void;
+    nextDecade: () => void;
+    prevDecade: () => void;
+    setDate(unit: string, value: number | string): void;
+    renderNameOfDays(): JSX.Element;
+    renderWeeks(): JSX.Element[];
+    renderWeek(week: Moment[], i: number): JSX.Element;
+    renderDay(day: Moment, i: number): JSX.Element;
+    renderTime(): React.ReactNode;
+    renderByDays(): JSX.Element;
+    renderByMonths(): JSX.Element;
+    onItemClick: (itemType: string, item: string | number, i: number) => void;
+    renderList(list: Array<string | number>, className: string): JSX.Element[];
+    renderByYears(): JSX.Element;
+    componentDidUpdate(): void;
+    setTimeUnit: (value: number, unit: string) => void;
+    setTime: () => void;
+    renderTimePicker(): JSX.Element;
+    renderBody(type: string): JSX.Element;
+    render(): JSX.Element;
+}
+export {};