@stokr/components-library 3.0.67 → 3.0.68

package/dist/node_modules/react-otp-input/lib/index.esm.js

@@ -1,168 +0,0 @@
-import React__default from "react";
-var isStyleObject = function(obj) {
-  return typeof obj === "object" && obj !== null;
-};
-var OTPInput = function(_a) {
-  var _b = _a.value, value = _b === void 0 ? "" : _b, _c = _a.numInputs, numInputs = _c === void 0 ? 4 : _c, onChange = _a.onChange, onPaste = _a.onPaste, renderInput = _a.renderInput, _d = _a.shouldAutoFocus, shouldAutoFocus = _d === void 0 ? false : _d, _e = _a.inputType, inputType = _e === void 0 ? "text" : _e, renderSeparator = _a.renderSeparator, placeholder = _a.placeholder, containerStyle = _a.containerStyle, inputStyle = _a.inputStyle, _f = _a.skipDefaultStyles, skipDefaultStyles = _f === void 0 ? false : _f;
-  var _g = React__default.useState(0), activeInput = _g[0], setActiveInput = _g[1];
-  var inputRefs = React__default.useRef([]);
-  var getOTPValue = function() {
-    return value ? value.toString().split("") : [];
-  };
-  var isInputNum = inputType === "number" || inputType === "tel";
-  React__default.useEffect(function() {
-    inputRefs.current = inputRefs.current.slice(0, numInputs);
-  }, [numInputs]);
-  React__default.useEffect(function() {
-    var _a2;
-    if (shouldAutoFocus) {
-      (_a2 = inputRefs.current[0]) === null || _a2 === void 0 ? void 0 : _a2.focus();
-    }
-  }, [shouldAutoFocus]);
-  var getPlaceholderValue = function() {
-    if (typeof placeholder === "string") {
-      if (placeholder.length === numInputs) {
-        return placeholder;
-      }
-      if (placeholder.length > 0) {
-        console.error("Length of the placeholder should be equal to the number of inputs.");
-      }
-    }
-    return void 0;
-  };
-  var isInputValueValid = function(value2) {
-    var isTypeValid = isInputNum ? !isNaN(Number(value2)) : typeof value2 === "string";
-    return isTypeValid && value2.trim().length === 1;
-  };
-  var handleChange = function(event) {
-    var value2 = event.target.value;
-    if (isInputValueValid(value2)) {
-      changeCodeAtFocus(value2);
-      focusInput(activeInput + 1);
-    }
-  };
-  var handleInputChange = function(event) {
-    var nativeEvent = event.nativeEvent;
-    var value2 = event.target.value;
-    if (!isInputValueValid(value2)) {
-      if (value2.length === numInputs) {
-        var hasInvalidInput = value2.split("").some(function(cellInput) {
-          return !isInputValueValid(cellInput);
-        });
-        if (!hasInvalidInput) {
-          handleOTPChange(value2.split(""));
-          focusInput(numInputs - 1);
-        }
-      }
-      if (nativeEvent.data === null && nativeEvent.inputType === "deleteContentBackward") {
-        event.preventDefault();
-        changeCodeAtFocus("");
-        focusInput(activeInput - 1);
-      }
-      event.target.value = "";
-    }
-  };
-  var handleFocus = function(event) {
-    return function(index) {
-      setActiveInput(index);
-      event.target.select();
-    };
-  };
-  var handleBlur = function() {
-    setActiveInput(activeInput - 1);
-  };
-  var handleKeyDown = function(event) {
-    var otp = getOTPValue();
-    if ([event.code, event.key].includes("Backspace")) {
-      event.preventDefault();
-      changeCodeAtFocus("");
-      focusInput(activeInput - 1);
-    } else if (event.code === "Delete") {
-      event.preventDefault();
-      changeCodeAtFocus("");
-    } else if (event.code === "ArrowLeft") {
-      event.preventDefault();
-      focusInput(activeInput - 1);
-    } else if (event.code === "ArrowRight") {
-      event.preventDefault();
-      focusInput(activeInput + 1);
-    } else if (event.key === otp[activeInput]) {
-      event.preventDefault();
-      focusInput(activeInput + 1);
-    } else if (event.code === "Spacebar" || event.code === "Space" || event.code === "ArrowUp" || event.code === "ArrowDown") {
-      event.preventDefault();
-    }
-  };
-  var focusInput = function(index) {
-    var _a2, _b2;
-    var activeInput2 = Math.max(Math.min(numInputs - 1, index), 0);
-    if (inputRefs.current[activeInput2]) {
-      (_a2 = inputRefs.current[activeInput2]) === null || _a2 === void 0 ? void 0 : _a2.focus();
-      (_b2 = inputRefs.current[activeInput2]) === null || _b2 === void 0 ? void 0 : _b2.select();
-      setActiveInput(activeInput2);
-    }
-  };
-  var changeCodeAtFocus = function(value2) {
-    var otp = getOTPValue();
-    otp[activeInput] = value2[0];
-    handleOTPChange(otp);
-  };
-  var handleOTPChange = function(otp) {
-    var otpValue = otp.join("");
-    onChange(otpValue);
-  };
-  var handlePaste = function(event) {
-    var _a2;
-    event.preventDefault();
-    var otp = getOTPValue();
-    var nextActiveInput = activeInput;
-    var pastedData = event.clipboardData.getData("text/plain").slice(0, numInputs - activeInput).split("");
-    if (isInputNum && pastedData.some(function(value2) {
-      return isNaN(Number(value2));
-    })) {
-      return;
-    }
-    for (var pos = 0; pos < numInputs; ++pos) {
-      if (pos >= activeInput && pastedData.length > 0) {
-        otp[pos] = (_a2 = pastedData.shift()) !== null && _a2 !== void 0 ? _a2 : "";
-        nextActiveInput++;
-      }
-    }
-    focusInput(nextActiveInput);
-    handleOTPChange(otp);
-  };
-  return React__default.createElement("div", { style: Object.assign({ display: "flex", alignItems: "center" }, isStyleObject(containerStyle) && containerStyle), className: typeof containerStyle === "string" ? containerStyle : void 0, onPaste }, Array.from({ length: numInputs }, function(_, index) {
-    return index;
-  }).map(function(index) {
-    var _a2, _b2, _c2;
-    return React__default.createElement(
-      React__default.Fragment,
-      { key: index },
-      renderInput({
-        value: (_a2 = getOTPValue()[index]) !== null && _a2 !== void 0 ? _a2 : "",
-        placeholder: (_c2 = (_b2 = getPlaceholderValue()) === null || _b2 === void 0 ? void 0 : _b2[index]) !== null && _c2 !== void 0 ? _c2 : void 0,
-        ref: function(element) {
-          return inputRefs.current[index] = element;
-        },
-        onChange: handleChange,
-        onFocus: function(event) {
-          return handleFocus(event)(index);
-        },
-        onBlur: handleBlur,
-        onKeyDown: handleKeyDown,
-        onPaste: handlePaste,
-        autoComplete: "off",
-        "aria-label": "Please enter OTP character ".concat(index + 1),
-        style: Object.assign(!skipDefaultStyles ? { width: "1em", textAlign: "center" } : {}, isStyleObject(inputStyle) ? inputStyle : {}),
-        className: typeof inputStyle === "string" ? inputStyle : void 0,
-        type: inputType,
-        inputMode: isInputNum ? "numeric" : "text",
-        onInput: handleInputChange
-      }, index),
-      index < numInputs - 1 && (typeof renderSeparator === "function" ? renderSeparator(index) : renderSeparator)
-    );
-  }));
-};
-export {
-  OTPInput as default
-};

package/dist/node_modules/react-portal/es/LegacyPortal.js

@@ -1,91 +0,0 @@
-import React__default from "react";
-import ReactDOM from "react-dom";
-import PropTypes from "../../../_virtual/index2.js";
-var _createClass = /* @__PURE__ */ (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);
-    }
-  }
-  return function(Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
-  };
-})();
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _possibleConstructorReturn(self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-}
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-}
-var Portal = (function(_React$Component) {
-  _inherits(Portal2, _React$Component);
-  function Portal2() {
-    _classCallCheck(this, Portal2);
-    return _possibleConstructorReturn(this, (Portal2.__proto__ || Object.getPrototypeOf(Portal2)).apply(this, arguments));
-  }
-  _createClass(Portal2, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.renderPortal();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(props) {
-      this.renderPortal();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      ReactDOM.unmountComponentAtNode(this.defaultNode || this.props.node);
-      if (this.defaultNode) {
-        document.body.removeChild(this.defaultNode);
-      }
-      this.defaultNode = null;
-      this.portal = null;
-    }
-  }, {
-    key: "renderPortal",
-    value: function renderPortal(props) {
-      if (!this.props.node && !this.defaultNode) {
-        this.defaultNode = document.createElement("div");
-        document.body.appendChild(this.defaultNode);
-      }
-      var children = this.props.children;
-      if (typeof this.props.children.type === "function") {
-        children = React__default.cloneElement(this.props.children);
-      }
-      this.portal = ReactDOM.unstable_renderSubtreeIntoContainer(this, children, this.props.node || this.defaultNode);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return null;
-    }
-  }]);
-  return Portal2;
-})(React__default.Component);
-Portal.propTypes = {
-  children: PropTypes.node.isRequired,
-  node: PropTypes.any
-};
-export {
-  Portal as default
-};

package/dist/node_modules/react-portal/es/Portal.js

@@ -1,74 +0,0 @@
-import React__default from "react";
-import PropTypes from "../../../_virtual/index2.js";
-import ReactDOM from "react-dom";
-import { canUseDOM } from "./utils.js";
-var _createClass = /* @__PURE__ */ (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);
-    }
-  }
-  return function(Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
-  };
-})();
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _possibleConstructorReturn(self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-}
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-}
-var Portal = (function(_React$Component) {
-  _inherits(Portal2, _React$Component);
-  function Portal2() {
-    _classCallCheck(this, Portal2);
-    return _possibleConstructorReturn(this, (Portal2.__proto__ || Object.getPrototypeOf(Portal2)).apply(this, arguments));
-  }
-  _createClass(Portal2, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.defaultNode) {
-        document.body.removeChild(this.defaultNode);
-      }
-      this.defaultNode = null;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      if (!canUseDOM) {
-        return null;
-      }
-      if (!this.props.node && !this.defaultNode) {
-        this.defaultNode = document.createElement("div");
-        document.body.appendChild(this.defaultNode);
-      }
-      return ReactDOM.createPortal(this.props.children, this.props.node || this.defaultNode);
-    }
-  }]);
-  return Portal2;
-})(React__default.Component);
-Portal.propTypes = {
-  children: PropTypes.node.isRequired,
-  node: PropTypes.any
-};
-export {
-  Portal as default
-};

package/dist/node_modules/react-portal/es/PortalCompat.js

@@ -1,12 +0,0 @@
-import ReactDOM from "react-dom";
-import Portal$1 from "./Portal.js";
-import Portal$2 from "./LegacyPortal.js";
-var Portal = void 0;
-if (ReactDOM.createPortal) {
-  Portal = Portal$1;
-} else {
-  Portal = Portal$2;
-}
-export {
-  Portal as default
-};

package/dist/node_modules/react-portal/es/utils.js

@@ -1,4 +0,0 @@
-var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
-export {
-  canUseDOM
-};