guestbell-forms 2.0.298 → 2.0.300

package/build/components/checkbox/Checkbox.js

@@ -1,17 +1,15 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Checkbox = exports.CheckboxRaw = void 0;
+exports.default = exports.CheckboxRaw = exports.Checkbox = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
 var _InputGroup = _interopRequireDefault(require("../inputGroup/InputGroup"));
 
-var _BaseInput2 = require("../base/input/BaseInput");
+var _BaseInput = require("../base/input/BaseInput");
 
 var _withFormContext = require("../form/withFormContext");
 
@@ -19,180 +17,139 @@ var _withThemeContext = require("../themeProvider/withThemeContext");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
-
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-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; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var classNames = require('classnames');
 
-var CheckboxRaw = /*#__PURE__*/function (_BaseInput) {
-  _inherits(CheckboxRaw, _BaseInput);
-
-  var _super = _createSuper(CheckboxRaw);
-
-  function CheckboxRaw(props) {
-    var _this;
-
-    _classCallCheck(this, CheckboxRaw);
-
-    _this = _super.call(this, props, false);
-    _this.state = Object.assign(_this.state, {
-      checked: props.checked,
+class CheckboxRaw extends _BaseInput.BaseInput {
+  constructor(props) {
+    super(props, false);
+    this.state = Object.assign(this.state, {
+      checked: Boolean(props.checked),
       isValid: props.required ? props.checked : true,
-      errors: props.required && !props.checked ? [_this.getTranslations(_BaseInput2.defaultBaseTranslations).required] : []
+      errors: props.required && !props.checked ? [this.getTranslations(_BaseInput.defaultBaseTranslations).required] : []
     });
-    _this.handleChecked = _this.handleChecked.bind(_assertThisInitialized(_this));
-    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
+    this.handleChecked = this.handleChecked.bind(this);
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+    this.subscribeSelf(props);
+  }
 
-    _this.subscribeSelf(props);
+  componentDidMount() {
+    var _this$inputRef$curren, _super$componentDidMo;
 
-    return _this;
-  }
+    const finalIndeterminate = Boolean(this.props.supportsIndeterminate && typeof this.props.checked !== 'boolean');
 
-  _createClass(CheckboxRaw, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$inputRef$curren, _get2;
+    if (typeof this.props.checked !== 'boolean' && this.inputRef.current && ((_this$inputRef$curren = this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.indeterminate) !== finalIndeterminate) {
+      this.inputRef.current.indeterminate = finalIndeterminate;
+    }
 
-      var finalIndeterminate = Boolean(this.props.supportsIndeterminate && typeof this.props.checked !== 'boolean');
+    (_super$componentDidMo = super.componentDidMount) === null || _super$componentDidMo === void 0 ? void 0 : _super$componentDidMo.call(this);
+  }
 
-      if (typeof this.props.checked !== 'boolean' && this.inputRef.current && ((_this$inputRef$curren = this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.indeterminate) !== finalIndeterminate) {
-        this.inputRef.current.indeterminate = finalIndeterminate;
-      }
+  componentDidUpdate(oldProps) {
+    var _this$inputRef$curren2;
 
-      (_get2 = _get(_getPrototypeOf(CheckboxRaw.prototype), "componentDidMount", this)) === null || _get2 === void 0 ? void 0 : _get2.call(this);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(oldProps) {
-      var _this$inputRef$curren2;
-
-      if (this.props.checked !== this.state.checked) {
-        this.setState({
-          checked: this.props.checked
-        });
-
-        if (this.props.checked) {
-          this.setValid();
-        } else {
-          if (this.props.required) {
-            this.setInvalid([this.getTranslations(_BaseInput2.defaultBaseTranslations).required]);
-          }
-        }
-      }
+    if (this.props.checked !== undefined && this.props.checked !== this.state.checked) {
+      this.setState({
+        checked: this.props.checked
+      });
 
-      if (oldProps.required !== this.props.required) {
-        if (this.props.required && !this.props.checked) {
-          this.setInvalid([this.getTranslations(_BaseInput2.defaultBaseTranslations).required]);
-        } else {
-          this.setValid();
+      if (this.props.checked) {
+        this.setValid();
+      } else {
+        if (this.props.required) {
+          this.setInvalid([this.getTranslations(_BaseInput.defaultBaseTranslations).required]);
         }
       }
+    }
 
-      var finalIndeterminate = Boolean(this.props.supportsIndeterminate && typeof this.props.checked !== 'boolean');
-
-      if (this.props.supportsIndeterminate && ((_this$inputRef$curren2 = this.inputRef.current) === null || _this$inputRef$curren2 === void 0 ? void 0 : _this$inputRef$curren2.indeterminate) !== finalIndeterminate) {
-        this.inputRef.current.indeterminate = finalIndeterminate;
+    if (oldProps.required !== this.props.required) {
+      if (this.props.required && !this.props.checked) {
+        this.setInvalid([this.getTranslations(_BaseInput.defaultBaseTranslations).required]);
+      } else {
+        this.setValid();
       }
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state$checked;
-
-      var containerClassName = classNames(['input__base checkbox-input', this.getValidationClass(), this.props.className, _defineProperty({}, 'checkbox-input--with-label', Boolean(this.props.label)), _defineProperty({}, 'checkbox-input--disabled', this.props.disabled)]);
-      var input = /*#__PURE__*/React.createElement("input", _extends({}, this.props.id && {
-        id: this.props.id
-      }, {
-        ref: this.inputRef,
-        value: this.props.value || '',
-        type: "checkbox",
-        required: this.props.required,
-        checked: (_this$state$checked = this.state.checked) !== null && _this$state$checked !== void 0 ? _this$state$checked : false,
-        onChange: this.handleChecked,
-        onBlur: this.handleBlur,
-        onFocus: this.handleFocus,
-        onKeyDown: this.handleKeyDown,
-        tabIndex: this.props.disabled ? -1 : 0
-      }));
-      return /*#__PURE__*/React.createElement(_InputGroup.default, {
-        title: this.props.title,
-        tooltip: this.props.tooltip
-      }, /*#__PURE__*/React.createElement("div", {
-        className: containerClassName,
-        ref: this.containerRef
-      }, this.props.title && !this.props.label && input, !this.props.title && !this.props.label && this.renderTooltip(input), this.renderDefaultValidation(), this.props.label && /*#__PURE__*/React.createElement("label", {
-        className: "checkbox-input__label"
-      }, input, this.renderLabel())));
+
+    const finalIndeterminate = Boolean(this.props.supportsIndeterminate && typeof this.props.checked !== 'boolean');
+
+    if (this.props.supportsIndeterminate && ((_this$inputRef$curren2 = this.inputRef.current) === null || _this$inputRef$curren2 === void 0 ? void 0 : _this$inputRef$curren2.indeterminate) !== finalIndeterminate) {
+      this.inputRef.current.indeterminate = finalIndeterminate;
     }
-  }, {
-    key: "handleChecked",
-    value: function handleChecked(e) {
-      if (!this.props.disabled) {
-        this.props.onChecked && this.props.onChecked(e);
-        this.setState({
-          checked: !this.state.checked
-        });
-
-        if (!this.state.checked) {
-          this.setValid();
-        } else {
-          if (this.props.required) {
-            this.setInvalid([this.getTranslations(_BaseInput2.defaultBaseTranslations).required]);
-          }
+  }
+
+  render() {
+    const containerClassName = classNames(['input__base checkbox-input', this.getValidationClass(), this.props.className, {
+      ['checkbox-input--with-label']: Boolean(this.props.label)
+    }, {
+      ['checkbox-input--disabled']: this.props.disabled
+    }]);
+    const input = /*#__PURE__*/React.createElement("input", _extends({}, this.props.id && {
+      id: this.props.id
+    }, {
+      ref: this.inputRef,
+      value: this.props.value || '',
+      type: "checkbox",
+      required: this.props.required,
+      checked: this.state.checked ?? false,
+      onChange: this.handleChecked,
+      onBlur: this.handleBlur,
+      onFocus: this.handleFocus,
+      onKeyDown: this.handleKeyDown,
+      tabIndex: this.props.disabled ? -1 : 0
+    }));
+    return /*#__PURE__*/React.createElement(_InputGroup.default, {
+      title: this.props.title,
+      tooltip: this.props.tooltip
+    }, /*#__PURE__*/React.createElement("div", {
+      className: containerClassName,
+      ref: this.containerRef
+    }, this.props.title && !this.props.label && input, !this.props.title && !this.props.label && this.renderTooltip(input), this.renderDefaultValidation(), this.props.label && /*#__PURE__*/React.createElement("label", {
+      className: "checkbox-input__label"
+    }, input, this.renderLabel())));
+  }
+
+  handleChecked(e) {
+    if (!this.props.disabled) {
+      this.props.onChecked && this.props.onChecked(e);
+      this.setState({
+        checked: !this.state.checked
+      });
+
+      if (!this.state.checked) {
+        this.setValid();
+      } else {
+        if (this.props.required) {
+          this.setInvalid([this.getTranslations(_BaseInput.defaultBaseTranslations).required]);
         }
       }
     }
-  }, {
-    key: "handleKeyDown",
-    value: function handleKeyDown(e) {
-      if (!this.props.disabled) {
-        if (e.key === 'Enter') {
-          var _this$inputRef$curren3;
-
-          (_this$inputRef$curren3 = this.inputRef.current) === null || _this$inputRef$curren3 === void 0 ? void 0 : _this$inputRef$curren3.click();
-        }
+  }
+
+  handleKeyDown(e) {
+    if (!this.props.disabled) {
+      if (e.key === 'Enter') {
+        var _this$inputRef$curren3;
+
+        (_this$inputRef$curren3 = this.inputRef.current) === null || _this$inputRef$curren3 === void 0 ? void 0 : _this$inputRef$curren3.click();
       }
     }
-  }]);
+  }
 
-  return CheckboxRaw;
-}(_BaseInput2.BaseInput);
+}
 
 exports.CheckboxRaw = CheckboxRaw;
 
-_defineProperty(CheckboxRaw, "defaultProps", Object.assign({}, _BaseInput2.BaseInput.defaultProps, {// checked: false,
+_defineProperty(CheckboxRaw, "defaultProps", Object.assign({}, _BaseInput.BaseInput.defaultProps, {// checked: false,
 }));
 
-var Checkbox = (0, _withThemeContext.withThemeContext)((0, _withFormContext.withFormContext)(CheckboxRaw), 'checkbox');
+const Checkbox = (0, _withThemeContext.withThemeContext)((0, _withFormContext.withFormContext)(CheckboxRaw), 'checkbox');
 exports.Checkbox = Checkbox;
 var _default = Checkbox;
 exports.default = _default;

package/build/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/components/checkbox/Checkbox.tsx"],"names":["classNames","require","CheckboxRaw","props","state","Object","assign","checked","isValid","required","errors","getTranslations","defaultBaseTranslations","handleChecked","bind","handleKeyDown","subscribeSelf","finalIndeterminate","Boolean","supportsIndeterminate","inputRef","current","indeterminate","oldProps","setState","setValid","setInvalid","containerClassName","getValidationClass","className","label","disabled","input","id","value","handleBlur","handleFocus","title","tooltip","containerRef","renderTooltip","renderDefaultValidation","renderLabel","e","onChecked","key","click","BaseInput","defaultProps","Checkbox"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n  BaseInputProps,\r\n  BaseInput,\r\n  BaseInputState,\r\n  defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nvar classNames = require('classnames');\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface CheckboxProps extends BaseInputProps<HTMLInputElement> {\r\n  onChecked?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  onChange?: never;\r\n  type?: string;\r\n  checked?: boolean;\r\n  supportsIndeterminate?: boolean;\r\n}\r\n\r\nexport interface CheckboxState extends BaseInputState {\r\n  checked: boolean;\r\n}\r\n\r\nexport class CheckboxRaw extends BaseInput<\r\n  CheckboxProps,\r\n  CheckboxState,\r\n  HTMLInputElement\r\n> {\r\n  public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n    // checked: false,\r\n  }) as CheckboxProps;\r\n\r\n  constructor(props: CheckboxProps) {\r\n    super(props, false);\r\n    this.state = Object.assign(this.state, {\r\n      checked: props.checked,\r\n      isValid: props.required ? props.checked : true,\r\n      errors:\r\n        props.required && !props.checked\r\n          ? [this.getTranslations(defaultBaseTranslations).required]\r\n          : [],\r\n    });\r\n    this.handleChecked = this.handleChecked.bind(this);\r\n    this.handleKeyDown = this.handleKeyDown.bind(this);\r\n    this.subscribeSelf(props);\r\n  }\r\n\r\n  public componentDidMount() {\r\n    const finalIndeterminate = Boolean(\r\n      this.props.supportsIndeterminate &&\r\n        typeof this.props.checked !== 'boolean'\r\n    );\r\n    if (\r\n      typeof this.props.checked !== 'boolean' &&\r\n      this.inputRef.current &&\r\n      this.inputRef.current?.indeterminate !== finalIndeterminate\r\n    ) {\r\n      this.inputRef.current.indeterminate = finalIndeterminate;\r\n    }\r\n    super.componentDidMount?.();\r\n  }\r\n\r\n  public componentDidUpdate(oldProps: CheckboxProps) {\r\n    if (this.props.checked !== this.state.checked) {\r\n      this.setState({ checked: this.props.checked });\r\n      if (this.props.checked) {\r\n        this.setValid();\r\n      } else {\r\n        if (this.props.required) {\r\n          this.setInvalid([\r\n            this.getTranslations(defaultBaseTranslations).required,\r\n          ]);\r\n        }\r\n      }\r\n    }\r\n    if (oldProps.required !== this.props.required) {\r\n      if (this.props.required && !this.props.checked) {\r\n        this.setInvalid([\r\n          this.getTranslations(defaultBaseTranslations).required,\r\n        ]);\r\n      } else {\r\n        this.setValid();\r\n      }\r\n    }\r\n    const finalIndeterminate = Boolean(\r\n      this.props.supportsIndeterminate &&\r\n        typeof this.props.checked !== 'boolean'\r\n    );\r\n    if (\r\n      this.props.supportsIndeterminate &&\r\n      this.inputRef.current?.indeterminate !== finalIndeterminate\r\n    ) {\r\n      this.inputRef.current.indeterminate = finalIndeterminate;\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const containerClassName = classNames([\r\n      'input__base checkbox-input',\r\n      this.getValidationClass(),\r\n      this.props.className,\r\n      { ['checkbox-input--with-label']: Boolean(this.props.label) },\r\n      { ['checkbox-input--disabled']: this.props.disabled },\r\n    ]);\r\n    const input = (\r\n      <input\r\n        {...(this.props.id && { id: this.props.id })}\r\n        ref={this.inputRef}\r\n        value={this.props.value || ''}\r\n        type=\"checkbox\"\r\n        required={this.props.required}\r\n        checked={this.state.checked ?? false}\r\n        onChange={this.handleChecked}\r\n        onBlur={this.handleBlur}\r\n        onFocus={this.handleFocus}\r\n        onKeyDown={this.handleKeyDown}\r\n        tabIndex={this.props.disabled ? -1 : 0}\r\n      />\r\n    );\r\n    return (\r\n      <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n        <div className={containerClassName} ref={this.containerRef}>\r\n          {this.props.title && !this.props.label && input}\r\n          {!this.props.title && !this.props.label && this.renderTooltip(input)}\r\n          {this.renderDefaultValidation()}\r\n          {this.props.label && (\r\n            <label className=\"checkbox-input__label\">\r\n              {input}\r\n              {this.renderLabel()}\r\n            </label>\r\n          )}\r\n        </div>\r\n      </InputGroup>\r\n    );\r\n  }\r\n\r\n  private handleChecked(e: React.ChangeEvent<HTMLInputElement>) {\r\n    if (!this.props.disabled) {\r\n      this.props.onChecked && this.props.onChecked(e);\r\n      this.setState({ checked: !this.state.checked });\r\n      if (!this.state.checked) {\r\n        this.setValid();\r\n      } else {\r\n        if (this.props.required) {\r\n          this.setInvalid([\r\n            this.getTranslations(defaultBaseTranslations).required,\r\n          ]);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  protected handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\r\n    if (!this.props.disabled) {\r\n      if (e.key === 'Enter') {\r\n        this.inputRef.current?.click();\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nexport const Checkbox = withThemeContext<\r\n  CheckboxProps,\r\n  InstanceType<typeof CheckboxRaw>\r\n>(withFormContext<CheckboxProps>(CheckboxRaw), 'checkbox');\r\n\r\nexport default Checkbox;\r\n"],"file":"Checkbox.js"}
+{"version":3,"file":"Checkbox.js","names":["classNames","require","CheckboxRaw","BaseInput","constructor","props","state","Object","assign","checked","Boolean","isValid","required","errors","getTranslations","defaultBaseTranslations","handleChecked","bind","handleKeyDown","subscribeSelf","componentDidMount","finalIndeterminate","supportsIndeterminate","inputRef","current","indeterminate","componentDidUpdate","oldProps","undefined","setState","setValid","setInvalid","render","containerClassName","getValidationClass","className","label","disabled","input","id","value","handleBlur","handleFocus","title","tooltip","containerRef","renderTooltip","renderDefaultValidation","renderLabel","e","onChecked","key","click","defaultProps","Checkbox","withThemeContext","withFormContext"],"sources":["../../../src/lib/components/checkbox/Checkbox.tsx"],"sourcesContent":["// Libs\r\nimport * as React from 'react';\r\n\r\n// Misc\r\nimport InputGroup from '../inputGroup/InputGroup';\r\nimport {\r\n  BaseInputProps,\r\n  BaseInput,\r\n  BaseInputState,\r\n  defaultBaseTranslations,\r\n} from '../base/input/BaseInput';\r\nvar classNames = require('classnames');\r\nimport { withFormContext } from '../form/withFormContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\n\r\nexport interface CheckboxProps extends BaseInputProps<HTMLInputElement> {\r\n  onChecked?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  onChange?: never;\r\n  type?: string;\r\n  checked?: boolean;\r\n  supportsIndeterminate?: boolean;\r\n}\r\n\r\nexport interface CheckboxState extends BaseInputState {\r\n  checked: boolean;\r\n}\r\n\r\nexport class CheckboxRaw extends BaseInput<\r\n  CheckboxProps,\r\n  CheckboxState,\r\n  HTMLInputElement\r\n> {\r\n  public static defaultProps = Object.assign({}, BaseInput.defaultProps, {\r\n    // checked: false,\r\n  }) as CheckboxProps;\r\n\r\n  constructor(props: CheckboxProps) {\r\n    super(props, false);\r\n    this.state = Object.assign(this.state, {\r\n      checked: Boolean(props.checked),\r\n      isValid: props.required ? props.checked : true,\r\n      errors:\r\n        props.required && !props.checked\r\n          ? [this.getTranslations(defaultBaseTranslations).required]\r\n          : [],\r\n    });\r\n    this.handleChecked = this.handleChecked.bind(this);\r\n    this.handleKeyDown = this.handleKeyDown.bind(this);\r\n    this.subscribeSelf(props);\r\n  }\r\n\r\n  public componentDidMount() {\r\n    const finalIndeterminate = Boolean(\r\n      this.props.supportsIndeterminate &&\r\n        typeof this.props.checked !== 'boolean'\r\n    );\r\n    if (\r\n      typeof this.props.checked !== 'boolean' &&\r\n      this.inputRef.current &&\r\n      this.inputRef.current?.indeterminate !== finalIndeterminate\r\n    ) {\r\n      this.inputRef.current.indeterminate = finalIndeterminate;\r\n    }\r\n    super.componentDidMount?.();\r\n  }\r\n\r\n  public componentDidUpdate(oldProps: CheckboxProps) {\r\n    if (\r\n      this.props.checked !== undefined &&\r\n      this.props.checked !== this.state.checked\r\n    ) {\r\n      this.setState({ checked: this.props.checked });\r\n      if (this.props.checked) {\r\n        this.setValid();\r\n      } else {\r\n        if (this.props.required) {\r\n          this.setInvalid([\r\n            this.getTranslations(defaultBaseTranslations).required,\r\n          ]);\r\n        }\r\n      }\r\n    }\r\n    if (oldProps.required !== this.props.required) {\r\n      if (this.props.required && !this.props.checked) {\r\n        this.setInvalid([\r\n          this.getTranslations(defaultBaseTranslations).required,\r\n        ]);\r\n      } else {\r\n        this.setValid();\r\n      }\r\n    }\r\n    const finalIndeterminate = Boolean(\r\n      this.props.supportsIndeterminate &&\r\n        typeof this.props.checked !== 'boolean'\r\n    );\r\n    if (\r\n      this.props.supportsIndeterminate &&\r\n      this.inputRef.current?.indeterminate !== finalIndeterminate\r\n    ) {\r\n      this.inputRef.current.indeterminate = finalIndeterminate;\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const containerClassName = classNames([\r\n      'input__base checkbox-input',\r\n      this.getValidationClass(),\r\n      this.props.className,\r\n      { ['checkbox-input--with-label']: Boolean(this.props.label) },\r\n      { ['checkbox-input--disabled']: this.props.disabled },\r\n    ]);\r\n    const input = (\r\n      <input\r\n        {...(this.props.id && { id: this.props.id })}\r\n        ref={this.inputRef}\r\n        value={this.props.value || ''}\r\n        type=\"checkbox\"\r\n        required={this.props.required}\r\n        checked={this.state.checked ?? false}\r\n        onChange={this.handleChecked}\r\n        onBlur={this.handleBlur}\r\n        onFocus={this.handleFocus}\r\n        onKeyDown={this.handleKeyDown}\r\n        tabIndex={this.props.disabled ? -1 : 0}\r\n      />\r\n    );\r\n    return (\r\n      <InputGroup title={this.props.title} tooltip={this.props.tooltip}>\r\n        <div className={containerClassName} ref={this.containerRef}>\r\n          {this.props.title && !this.props.label && input}\r\n          {!this.props.title && !this.props.label && this.renderTooltip(input)}\r\n          {this.renderDefaultValidation()}\r\n          {this.props.label && (\r\n            <label className=\"checkbox-input__label\">\r\n              {input}\r\n              {this.renderLabel()}\r\n            </label>\r\n          )}\r\n        </div>\r\n      </InputGroup>\r\n    );\r\n  }\r\n\r\n  private handleChecked(e: React.ChangeEvent<HTMLInputElement>) {\r\n    if (!this.props.disabled) {\r\n      this.props.onChecked && this.props.onChecked(e);\r\n      this.setState({ checked: !this.state.checked });\r\n      if (!this.state.checked) {\r\n        this.setValid();\r\n      } else {\r\n        if (this.props.required) {\r\n          this.setInvalid([\r\n            this.getTranslations(defaultBaseTranslations).required,\r\n          ]);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  protected handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\r\n    if (!this.props.disabled) {\r\n      if (e.key === 'Enter') {\r\n        this.inputRef.current?.click();\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nexport const Checkbox = withThemeContext<\r\n  CheckboxProps,\r\n  InstanceType<typeof CheckboxRaw>\r\n>(withFormContext<CheckboxProps>(CheckboxRaw), 'checkbox');\r\n\r\nexport default Checkbox;\r\n"],"mappings":"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"}

package/build/components/checkbox/index.js

@@ -1,14 +1,12 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Checkbox.default;
   }
 });
@@ -21,13 +19,13 @@ Object.keys(_Checkbox).forEach(function (key) {
   if (key in exports && exports[key] === _Checkbox[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Checkbox[key];
     }
   });
 });
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _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; }
 //# sourceMappingURL=index.js.map

package/build/components/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/components/checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './Checkbox';\r\nexport { default } from './Checkbox';\r\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/components/checkbox/index.tsx"],"sourcesContent":["export * from './Checkbox';\r\nexport { default } from './Checkbox';\r\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/components/dropdown/Dropdown.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,68 +17,46 @@ var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/Click
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var Dropdown = function Dropdown(props) {
-  var _props$shouldHandleCl = props.shouldHandleClick,
-      shouldHandleClick = _props$shouldHandleCl === void 0 ? true : _props$shouldHandleCl,
-      _props$WrapperTag = props.WrapperTag,
-      WrapperTag = _props$WrapperTag === void 0 ? 'div' : _props$WrapperTag,
-      _props$notificationCo = props.notificationCount,
-      notificationCount = _props$notificationCo === void 0 ? 0 : _props$notificationCo,
-      _props$showArrow = props.showArrow,
-      showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
-      _props$inline = props.inline,
-      inline = _props$inline === void 0 ? true : _props$inline,
-      onClick = props.onClick,
-      onShow = props.onShow,
-      onHide = props.onHide,
-      disabled = props.disabled,
-      className = props.className,
-      headerClassName = props.headerClassName,
-      header = props.header,
-      id = props.id,
-      collapseProps = props.collapseProps,
-      children = props.children,
-      submenuClassName = props.submenuClassName;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isDropdownVisible = _React$useState2[0],
-      setIsDropdownVisible = _React$useState2[1];
-
-  var hideNavigation = React.useCallback(function () {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Dropdown = props => {
+  const {
+    shouldHandleClick = true,
+    WrapperTag = 'div',
+    notificationCount = 0,
+    showArrow = true,
+    inline = true,
+    onClick,
+    onShow,
+    onHide,
+    disabled,
+    className,
+    headerClassName,
+    header,
+    id,
+    collapseProps,
+    children,
+    submenuClassName
+  } = props;
+  const [isDropdownVisible, setIsDropdownVisible] = React.useState(false);
+  const hideNavigation = React.useCallback(() => {
     setIsDropdownVisible(false);
     onHide === null || onHide === void 0 ? void 0 : onHide();
   }, [onHide]);
-  var showNavigation = React.useCallback(function () {
+  const showNavigation = React.useCallback(() => {
     setIsDropdownVisible(true);
     onShow === null || onShow === void 0 ? void 0 : onShow();
   }, [onShow]);
-  var onClickAway = React.useCallback(function (e) {
+  const onClickAway = React.useCallback(e => {
     hideNavigation();
     e.stopPropagation();
     e.preventDefault();
   }, [hideNavigation]);
-  var handleClick = React.useCallback(function (e) {
+  const handleClick = React.useCallback(e => {
     if (shouldHandleClick && !disabled) {
       if (!isDropdownVisible) {
         showNavigation();
@@ -91,14 +67,22 @@ var Dropdown = function Dropdown(props) {
       onClick === null || onClick === void 0 ? void 0 : onClick(e, isDropdownVisible);
     }
   }, [isDropdownVisible, onClick]);
-  var containerClassName = (0, _classnames.default)('guestbell__dropdown', !isDropdownVisible ? 'guestbell__dropdown--closed' : 'guestbell__dropdown--opened', _defineProperty({}, 'guestbell__dropdown--disabled', disabled), _defineProperty({}, 'guestbell__dropdown--inline', inline), className);
-  var headerClassNameAll = (0, _classnames.default)(['guestbell__dropdown-toggle', _defineProperty({}, 'guestbell__dropdown-toggle__arrow--hidden', !showArrow), _defineProperty({}, 'guestbell__dropdown-toggle--disabled', disabled), headerClassName]);
+  const containerClassName = (0, _classnames.default)('guestbell__dropdown', !isDropdownVisible ? 'guestbell__dropdown--closed' : 'guestbell__dropdown--opened', {
+    ['guestbell__dropdown--disabled']: disabled
+  }, {
+    ['guestbell__dropdown--inline']: inline
+  }, className);
+  const headerClassNameAll = (0, _classnames.default)(['guestbell__dropdown-toggle', {
+    ['guestbell__dropdown-toggle__arrow--hidden']: !showArrow
+  }, {
+    ['guestbell__dropdown-toggle--disabled']: disabled
+  }, headerClassName]);
   return /*#__PURE__*/React.createElement(_ClickAwayListener.default, {
     onClickAway: onClickAway,
     mouseEvent: isDropdownVisible ? 'onMouseDown' : false,
     touchEvent: isDropdownVisible ? 'onTouchStart' : false
   }, /*#__PURE__*/React.createElement(WrapperTag, {
-    id: id !== null && id !== void 0 ? id : null,
+    id: id ?? null,
     className: containerClassName
   }, /*#__PURE__*/React.createElement("div", {
     role: "button",

package/build/components/dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/components/dropdown/Dropdown.tsx"],"names":["Dropdown","props","shouldHandleClick","WrapperTag","notificationCount","showArrow","inline","onClick","onShow","onHide","disabled","className","headerClassName","header","id","collapseProps","children","submenuClassName","React","useState","isDropdownVisible","setIsDropdownVisible","hideNavigation","useCallback","showNavigation","onClickAway","e","stopPropagation","preventDefault","handleClick","containerClassName","headerClassNameAll"],"mappings":"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","sourcesContent":["// Libs\r\nimport * as React from 'react';\r\nimport Collapse, { CollapseProps } from '@material-ui/core/Collapse';\r\nimport { ThemeContextProps } from '../themeProvider/ThemeContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport classNames from 'classnames';\r\nimport ClickAwayListener from '@material-ui/core/ClickAwayListener';\r\n\r\nexport type DropdownProps = React.PropsWithChildren<\r\n  ThemeContextProps & {\r\n    id?: string;\r\n    header?: JSX.Element | string;\r\n    className?: string;\r\n    submenuClassName?: string;\r\n    headerClassName?: string;\r\n    notificationCount?: number;\r\n    // tslint:disable-next-line:no-any\r\n    WrapperTag?: keyof JSX.IntrinsicElements;\r\n    shouldHandleClick?: boolean;\r\n    showArrow?: boolean;\r\n    onClick?: (e: React.MouseEvent, isVisible: boolean) => void;\r\n    onShow?: () => void;\r\n    onHide?: () => void;\r\n    disabled?: boolean;\r\n    inline?: boolean;\r\n    collapseProps?: Partial<CollapseProps>;\r\n  }\r\n>;\r\n\r\nexport interface DropdownState {\r\n  isDropdownVisible: boolean;\r\n}\r\n\r\nconst Dropdown: React.FC<DropdownProps> = props => {\r\n  const {\r\n    shouldHandleClick = true,\r\n    WrapperTag = 'div',\r\n    notificationCount = 0,\r\n    showArrow = true,\r\n    inline = true,\r\n    onClick,\r\n    onShow,\r\n    onHide,\r\n    disabled,\r\n    className,\r\n    headerClassName,\r\n    header,\r\n    id,\r\n    collapseProps,\r\n    children,\r\n    submenuClassName,\r\n  } = props;\r\n\r\n  const [isDropdownVisible, setIsDropdownVisible] = React.useState(false);\r\n\r\n  const hideNavigation = React.useCallback(() => {\r\n    setIsDropdownVisible(false);\r\n    onHide?.();\r\n  }, [onHide]);\r\n\r\n  const showNavigation = React.useCallback(() => {\r\n    setIsDropdownVisible(true);\r\n    onShow?.();\r\n  }, [onShow]);\r\n\r\n  const onClickAway = React.useCallback(\r\n    (e: React.MouseEvent<Document>) => {\r\n      hideNavigation();\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n    },\r\n    [hideNavigation]\r\n  );\r\n\r\n  const handleClick = React.useCallback(\r\n    (e: React.MouseEvent) => {\r\n      if (shouldHandleClick && !disabled) {\r\n        if (!isDropdownVisible) {\r\n          showNavigation();\r\n        } else {\r\n          hideNavigation();\r\n        }\r\n        onClick?.(e, isDropdownVisible);\r\n      }\r\n    },\r\n    [isDropdownVisible, onClick]\r\n  );\r\n  const containerClassName = classNames(\r\n    'guestbell__dropdown',\r\n    !isDropdownVisible\r\n      ? 'guestbell__dropdown--closed'\r\n      : 'guestbell__dropdown--opened',\r\n    { ['guestbell__dropdown--disabled']: disabled },\r\n    { ['guestbell__dropdown--inline']: inline },\r\n    className\r\n  );\r\n  const headerClassNameAll = classNames([\r\n    'guestbell__dropdown-toggle',\r\n    { ['guestbell__dropdown-toggle__arrow--hidden']: !showArrow },\r\n    { ['guestbell__dropdown-toggle--disabled']: disabled },\r\n    headerClassName,\r\n  ]);\r\n  return (\r\n    <ClickAwayListener\r\n      onClickAway={onClickAway}\r\n      mouseEvent={isDropdownVisible ? 'onMouseDown' : false}\r\n      touchEvent={isDropdownVisible ? 'onTouchStart' : false}\r\n    >\r\n      <WrapperTag id={id ?? null} className={containerClassName}>\r\n        <div role=\"button\" className={headerClassNameAll} onClick={handleClick}>\r\n          {header}\r\n          {notificationCount > 0 && (\r\n            <span className=\"guestbell__label-count\">{notificationCount}</span>\r\n          )}\r\n        </div>\r\n        <div className={'guestbell__dropdown-menu__container'}>\r\n          <Collapse {...collapseProps} in={isDropdownVisible}>\r\n            <ul\r\n              className={classNames(\r\n                'guestbell__dropdown-menu',\r\n                submenuClassName\r\n              )}\r\n            >\r\n              {children}\r\n            </ul>\r\n          </Collapse>\r\n        </div>\r\n      </WrapperTag>\r\n    </ClickAwayListener>\r\n  );\r\n};\r\n\r\nexport default withThemeContext<DropdownProps, React.FC<DropdownProps>>(\r\n  Dropdown\r\n);\r\n"],"file":"Dropdown.js"}
+{"version":3,"file":"Dropdown.js","names":["Dropdown","props","shouldHandleClick","WrapperTag","notificationCount","showArrow","inline","onClick","onShow","onHide","disabled","className","headerClassName","header","id","collapseProps","children","submenuClassName","isDropdownVisible","setIsDropdownVisible","React","useState","hideNavigation","useCallback","showNavigation","onClickAway","e","stopPropagation","preventDefault","handleClick","containerClassName","classNames","headerClassNameAll","withThemeContext"],"sources":["../../../src/lib/components/dropdown/Dropdown.tsx"],"sourcesContent":["// Libs\r\nimport * as React from 'react';\r\nimport Collapse, { CollapseProps } from '@material-ui/core/Collapse';\r\nimport { ThemeContextProps } from '../themeProvider/ThemeContext';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport classNames from 'classnames';\r\nimport ClickAwayListener from '@material-ui/core/ClickAwayListener';\r\n\r\nexport type DropdownProps = React.PropsWithChildren<\r\n  ThemeContextProps & {\r\n    id?: string;\r\n    header?: JSX.Element | string;\r\n    className?: string;\r\n    submenuClassName?: string;\r\n    headerClassName?: string;\r\n    notificationCount?: number;\r\n    // tslint:disable-next-line:no-any\r\n    WrapperTag?: keyof JSX.IntrinsicElements;\r\n    shouldHandleClick?: boolean;\r\n    showArrow?: boolean;\r\n    onClick?: (e: React.MouseEvent, isVisible: boolean) => void;\r\n    onShow?: () => void;\r\n    onHide?: () => void;\r\n    disabled?: boolean;\r\n    inline?: boolean;\r\n    collapseProps?: Partial<CollapseProps>;\r\n  }\r\n>;\r\n\r\nexport interface DropdownState {\r\n  isDropdownVisible: boolean;\r\n}\r\n\r\nconst Dropdown: React.FC<DropdownProps> = props => {\r\n  const {\r\n    shouldHandleClick = true,\r\n    WrapperTag = 'div',\r\n    notificationCount = 0,\r\n    showArrow = true,\r\n    inline = true,\r\n    onClick,\r\n    onShow,\r\n    onHide,\r\n    disabled,\r\n    className,\r\n    headerClassName,\r\n    header,\r\n    id,\r\n    collapseProps,\r\n    children,\r\n    submenuClassName,\r\n  } = props;\r\n\r\n  const [isDropdownVisible, setIsDropdownVisible] = React.useState(false);\r\n\r\n  const hideNavigation = React.useCallback(() => {\r\n    setIsDropdownVisible(false);\r\n    onHide?.();\r\n  }, [onHide]);\r\n\r\n  const showNavigation = React.useCallback(() => {\r\n    setIsDropdownVisible(true);\r\n    onShow?.();\r\n  }, [onShow]);\r\n\r\n  const onClickAway = React.useCallback(\r\n    (e: React.MouseEvent<Document>) => {\r\n      hideNavigation();\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n    },\r\n    [hideNavigation]\r\n  );\r\n\r\n  const handleClick = React.useCallback(\r\n    (e: React.MouseEvent) => {\r\n      if (shouldHandleClick && !disabled) {\r\n        if (!isDropdownVisible) {\r\n          showNavigation();\r\n        } else {\r\n          hideNavigation();\r\n        }\r\n        onClick?.(e, isDropdownVisible);\r\n      }\r\n    },\r\n    [isDropdownVisible, onClick]\r\n  );\r\n  const containerClassName = classNames(\r\n    'guestbell__dropdown',\r\n    !isDropdownVisible\r\n      ? 'guestbell__dropdown--closed'\r\n      : 'guestbell__dropdown--opened',\r\n    { ['guestbell__dropdown--disabled']: disabled },\r\n    { ['guestbell__dropdown--inline']: inline },\r\n    className\r\n  );\r\n  const headerClassNameAll = classNames([\r\n    'guestbell__dropdown-toggle',\r\n    { ['guestbell__dropdown-toggle__arrow--hidden']: !showArrow },\r\n    { ['guestbell__dropdown-toggle--disabled']: disabled },\r\n    headerClassName,\r\n  ]);\r\n  return (\r\n    <ClickAwayListener\r\n      onClickAway={onClickAway}\r\n      mouseEvent={isDropdownVisible ? 'onMouseDown' : false}\r\n      touchEvent={isDropdownVisible ? 'onTouchStart' : false}\r\n    >\r\n      <WrapperTag id={id ?? null} className={containerClassName}>\r\n        <div role=\"button\" className={headerClassNameAll} onClick={handleClick}>\r\n          {header}\r\n          {notificationCount > 0 && (\r\n            <span className=\"guestbell__label-count\">{notificationCount}</span>\r\n          )}\r\n        </div>\r\n        <div className={'guestbell__dropdown-menu__container'}>\r\n          <Collapse {...collapseProps} in={isDropdownVisible}>\r\n            <ul\r\n              className={classNames(\r\n                'guestbell__dropdown-menu',\r\n                submenuClassName\r\n              )}\r\n            >\r\n              {children}\r\n            </ul>\r\n          </Collapse>\r\n        </div>\r\n      </WrapperTag>\r\n    </ClickAwayListener>\r\n  );\r\n};\r\n\r\nexport default withThemeContext<DropdownProps, React.FC<DropdownProps>>(\r\n  Dropdown\r\n);\r\n"],"mappings":";;;;;;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AA2BA,MAAMA,QAAiC,GAAGC,KAAK,IAAI;EACjD,MAAM;IACJC,iBAAiB,GAAG,IADhB;IAEJC,UAAU,GAAG,KAFT;IAGJC,iBAAiB,GAAG,CAHhB;IAIJC,SAAS,GAAG,IAJR;IAKJC,MAAM,GAAG,IALL;IAMJC,OANI;IAOJC,MAPI;IAQJC,MARI;IASJC,QATI;IAUJC,SAVI;IAWJC,eAXI;IAYJC,MAZI;IAaJC,EAbI;IAcJC,aAdI;IAeJC,QAfI;IAgBJC;EAhBI,IAiBFhB,KAjBJ;EAmBA,MAAM,CAACiB,iBAAD,EAAoBC,oBAApB,IAA4CC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAlD;EAEA,MAAMC,cAAc,GAAGF,KAAK,CAACG,WAAN,CAAkB,MAAM;IAC7CJ,oBAAoB,CAAC,KAAD,CAApB;IACAV,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;EACP,CAHsB,EAGpB,CAACA,MAAD,CAHoB,CAAvB;EAKA,MAAMe,cAAc,GAAGJ,KAAK,CAACG,WAAN,CAAkB,MAAM;IAC7CJ,oBAAoB,CAAC,IAAD,CAApB;IACAX,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;EACP,CAHsB,EAGpB,CAACA,MAAD,CAHoB,CAAvB;EAKA,MAAMiB,WAAW,GAAGL,KAAK,CAACG,WAAN,CACjBG,CAAD,IAAmC;IACjCJ,cAAc;IACdI,CAAC,CAACC,eAAF;IACAD,CAAC,CAACE,cAAF;EACD,CALiB,EAMlB,CAACN,cAAD,CANkB,CAApB;EASA,MAAMO,WAAW,GAAGT,KAAK,CAACG,WAAN,CACjBG,CAAD,IAAyB;IACvB,IAAIxB,iBAAiB,IAAI,CAACQ,QAA1B,EAAoC;MAClC,IAAI,CAACQ,iBAAL,EAAwB;QACtBM,cAAc;MACf,CAFD,MAEO;QACLF,cAAc;MACf;;MACDf,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGmB,CAAH,EAAMR,iBAAN,CAAP;IACD;EACF,CAViB,EAWlB,CAACA,iBAAD,EAAoBX,OAApB,CAXkB,CAApB;EAaA,MAAMuB,kBAAkB,GAAG,IAAAC,mBAAA,EACzB,qBADyB,EAEzB,CAACb,iBAAD,GACI,6BADJ,GAEI,6BAJqB,EAKzB;IAAE,CAAC,+BAAD,GAAmCR;EAArC,CALyB,EAMzB;IAAE,CAAC,6BAAD,GAAiCJ;EAAnC,CANyB,EAOzBK,SAPyB,CAA3B;EASA,MAAMqB,kBAAkB,GAAG,IAAAD,mBAAA,EAAW,CACpC,4BADoC,EAEpC;IAAE,CAAC,2CAAD,GAA+C,CAAC1B;EAAlD,CAFoC,EAGpC;IAAE,CAAC,sCAAD,GAA0CK;EAA5C,CAHoC,EAIpCE,eAJoC,CAAX,CAA3B;EAMA,oBACE,oBAAC,0BAAD;IACE,WAAW,EAAEa,WADf;IAEE,UAAU,EAAEP,iBAAiB,GAAG,aAAH,GAAmB,KAFlD;IAGE,UAAU,EAAEA,iBAAiB,GAAG,cAAH,GAAoB;EAHnD,gBAKE,oBAAC,UAAD;IAAY,EAAE,EAAEJ,EAAE,IAAI,IAAtB;IAA4B,SAAS,EAAEgB;EAAvC,gBACE;IAAK,IAAI,EAAC,QAAV;IAAmB,SAAS,EAAEE,kBAA9B;IAAkD,OAAO,EAAEH;EAA3D,GACGhB,MADH,EAEGT,iBAAiB,GAAG,CAApB,iBACC;IAAM,SAAS,EAAC;EAAhB,GAA0CA,iBAA1C,CAHJ,CADF,eAOE;IAAK,SAAS,EAAE;EAAhB,gBACE,oBAAC,iBAAD,eAAcW,aAAd;IAA6B,EAAE,EAAEG;EAAjC,iBACE;IACE,SAAS,EAAE,IAAAa,mBAAA,EACT,0BADS,EAETd,gBAFS;EADb,GAMGD,QANH,CADF,CADF,CAPF,CALF,CADF;AA4BD,CAjGD;;eAmGe,IAAAiB,kCAAA,EACbjC,QADa,C"}

package/build/components/dropdown/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,7 +8,7 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "Dropdown", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Dropdown.default;
   }
 });
@@ -23,13 +21,13 @@ Object.keys(_Dropdown).forEach(function (key) {
   if (key in exports && exports[key] === _Dropdown[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Dropdown[key];
     }
   });
 });
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _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; }
 //# sourceMappingURL=index.js.map