react-survey-builder 1.0.54 → 1.0.56

package/lib/survey-elements/index.js

@@ -37,7 +37,7 @@ var _functions = require("../functions");
 var _esm = require("react-bootstrap/esm");
 var _validators = require("../utils/validators");
 var _reactHookForm = require("react-hook-form");
-var _reactImask = require("react-imask");
+var _esm2 = require("react-imask/esm");
 var _excluded = ["name", "onChange", "value", "style", "item"],
   _excluded2 = ["name", "onChange", "value", "style", "item"],
   _excluded3 = ["name", "onChange", "value", "style", "item"],
@@ -571,7 +571,7 @@ var PhoneNumber = exports.PhoneNumber = function PhoneNumber(_ref5) {
     name: name,
     rules: fieldRules
   };
-  if (_reactImask.IMaskInput !== undefined) {
+  if (_esm2.IMaskInput !== undefined) {
     controllerProps.render = function (_ref6) {
       var _ref6$field = _ref6.field,
         onChange = _ref6$field.onChange,
@@ -585,7 +585,7 @@ var PhoneNumber = exports.PhoneNumber = function PhoneNumber(_ref5) {
         isDirty = _ref6$fieldState.isDirty,
         error = _ref6$fieldState.error,
         formState = _ref6.formState;
-      return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, (0, _extends2["default"])({
+      return /*#__PURE__*/_react["default"].createElement(_esm2.IMaskInput, (0, _extends2["default"])({
         id: name + '-' + (0, _functions.generateUUID)(),
         className: "form-control",
         onBlur: onBlur,
@@ -785,8 +785,8 @@ var DatePicker = exports.DatePicker = function DatePicker(_ref8) {
     rules: fieldRules
   };
   console.log('inputProps', inputProps);
-  console.log('iMaskInput', _reactImask.IMaskInput);
-  if (_reactImask.IMaskInput !== undefined && _reactImask.IMask !== undefined) {
+  console.log('iMaskInput', _esm2.IMaskInput);
+  if (_esm2.IMaskInput !== undefined && _esm2.IMask !== undefined) {
     controllerProps.render = function (_ref9) {
       var _inputProps$formatMas;
       var _ref9$field = _ref9.field,
@@ -801,7 +801,7 @@ var DatePicker = exports.DatePicker = function DatePicker(_ref8) {
         isDirty = _ref9$fieldState.isDirty,
         error = _ref9$fieldState.error,
         formState = _ref9.formState;
-      return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, (0, _extends2["default"])({
+      return /*#__PURE__*/_react["default"].createElement(_esm2.IMaskInput, (0, _extends2["default"])({
         id: name + '-' + (0, _functions.generateUUID)(),
         className: "form-control",
         onBlur: onBlur,
@@ -825,21 +825,21 @@ var DatePicker = exports.DatePicker = function DatePicker(_ref8) {
         ,
         blocks: {
           DD: {
-            mask: _reactImask.IMask.MaskedRange,
+            mask: _esm2.IMask.MaskedRange,
             from: 1,
             to: 31,
             maxLength: 2,
             placeholderChar: 'D'
           },
           MM: {
-            mask: _reactImask.IMask.MaskedRange,
+            mask: _esm2.IMask.MaskedRange,
             from: 1,
             to: 12,
             maxLength: 2,
             placeholderChar: 'M'
           },
           YYYY: {
-            mask: _reactImask.IMask.MaskedRange,
+            mask: _esm2.IMask.MaskedRange,
             from: 1900,
             to: new Date().getFullYear() + 5,
             placeholderChar: 'Y'

package/lib/utils/validators.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validatePhone = exports.validateEmail = exports.validateDate = exports.toE164PhoneNumber = void 0;
-var _reactPhoneNumberInput = require("react-phone-number-input");
+var _core = require("react-phone-number-input/core");
 var validateEmail = exports.validateEmail = function validateEmail(email) {
   return email.match(
   // eslint-disable-next-line no-useless-escape
@@ -29,7 +29,7 @@ var toE164PhoneNumber = exports.toE164PhoneNumber = function toE164PhoneNumber(p
   }
 };
 var validatePhone = exports.validatePhone = function validatePhone(phone) {
-  return (0, _reactPhoneNumberInput.isValidPhoneNumber)(toE164PhoneNumber(phone), 'US');
+  return (0, _core.isValidPhoneNumber)(toE164PhoneNumber(phone), 'US');
 };
 var validateDate = exports.validateDate = function validateDate(dateString) {
   if (dateString !== undefined && dateString !== null && dateString !== "") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-survey-builder",
-  "version": "1.0.54",
+  "version": "1.0.56",
   "description": "A complete survey builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
@@ -89,8 +89,11 @@
     "eslint-plugin-react": "^7.22.0",
     "express": "^4.17.1",
     "multer": "^1.4.2",
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0",
     "react-hook-form": "^7.51.1",
     "react-imask": "^7.6.0",
+    "react-phone-number-input": "^3.3.9",
     "rimraf": "^3.0.2",
     "sass": "^1.69.7",
     "sass-loader": "^14.0.0",

package/lib/utils/masks.js

@@ -1,131 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomPhoneInput = exports.CustomDateInput = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactImask = require("react-imask");
-var CustomPhoneInput = exports.CustomPhoneInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
-  var id = _ref.id,
-    name = _ref.name,
-    onChange = _ref.onChange,
-    className = _ref.className,
-    onBlur = _ref.onBlur,
-    autoComplete = _ref.autoComplete,
-    required = _ref.required,
-    disabled = _ref.disabled;
-  return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, {
-    required: required !== null && required !== void 0 ? required : false,
-    disabled: disabled !== null && disabled !== void 0 ? disabled : false,
-    id: id,
-    name: name,
-    autoComplete: autoComplete,
-    onBlur: onBlur,
-    className: className,
-    mask: '{+1} (#00) 000-0000',
-    lazy: false,
-    overwrite: true,
-    definitions: {
-      '#': /[1-9]/
-    },
-    unmask: true // true|false|'typed'
-    ,
-    inputRef: ref
-    // inputRef={inputRef}  // access to nested input
-    // DO NOT USE onChange TO HANDLE CHANGES!
-    // USE onAccept INSTEAD
-    ,
-    onAccept:
-    // depending on prop above first argument is
-    // `value` if `unmask=false`,
-    // `unmaskedValue` if `unmask=true`,
-    // `typedValue` if `unmask='typed'`
-    function onAccept(value, mask) {
-      if (onChange !== undefined) {
-        onChange(value);
-      }
-    }
-  });
-});
-var CustomDateInput = exports.CustomDateInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
-  var id = _ref2.id,
-    name = _ref2.name,
-    onChange = _ref2.onChange,
-    className = _ref2.className,
-    onBlur = _ref2.onBlur,
-    autoComplete = _ref2.autoComplete,
-    _ref2$formatMask = _ref2.formatMask,
-    formatMask = _ref2$formatMask === void 0 ? 'MM/DD/YYYY' : _ref2$formatMask,
-    required = _ref2.required,
-    disabled = _ref2.disabled;
-  return /*#__PURE__*/_react["default"].createElement(_reactImask.IMaskInput, {
-    required: required !== null && required !== void 0 ? required : false,
-    disabled: disabled !== null && disabled !== void 0 ? disabled : false,
-    id: id,
-    name: name,
-    autoComplete: autoComplete,
-    onBlur: onBlur,
-    className: className,
-    mask: Date,
-    lazy: false,
-    overwrite: true,
-    pattern: formatMask !== null && formatMask !== void 0 ? formatMask : 'MM/DD/YYYY',
-    format: function format(date) {
-      var day = date.getDate();
-      var month = date.getMonth() + 1;
-      var year = date.getFullYear();
-      if (day < 10) day = "0" + day;
-      if (month < 10) month = "0" + month;
-      return [month, day, year].join('/');
-    },
-    autofix: true
-    // min={new Date(1900, 0, 1)}
-    // max={new Date()}
-    ,
-    blocks: {
-      DD: {
-        mask: IMask.MaskedRange,
-        from: 1,
-        to: 31,
-        maxLength: 2,
-        placeholderChar: 'D'
-      },
-      MM: {
-        mask: IMask.MaskedRange,
-        from: 1,
-        to: 12,
-        maxLength: 2,
-        placeholderChar: 'M'
-      },
-      YYYY: {
-        mask: IMask.MaskedRange,
-        from: 1900,
-        to: new Date().getFullYear() + 5,
-        placeholderChar: 'Y'
-      }
-    },
-    parse: function parse(str) {
-      var monthDayYear = str.split('/');
-      return new Date(monthDayYear[2], monthDayYear[0] - 1, monthDayYear[1]);
-    },
-    unmask: false // true|false|'typed'
-    ,
-    inputRef: ref
-    // inputRef={inputRef}  // access to nested input
-    // DO NOT USE onChange TO HANDLE CHANGES!
-    // USE onAccept INSTEAD
-    ,
-    onAccept:
-    // depending on prop above first argument is
-    // `value` if `unmask=false`,
-    // `unmaskedValue` if `unmask=true`,
-    // `typedValue` if `unmask='typed'`
-    function onAccept(value, mask) {
-      if (onChange !== undefined) {
-        onChange(value);
-      }
-    }
-  });
-});