iglooform 2.5.52 → 2.5.54

package/es/free-form/step/index.js

@@ -98,7 +98,7 @@ var Step = function Step(_ref) {
 
   invariant(!validationRule || getRuleValidationApi, 'Please provide getRuleValidationApi in Form props');
   useEffect(function () {
-    if (shouldRender || getButtonDisabledState) {
+    if (shouldRender || getButtonDisabledState || shouldRenderCode) {
       registerDependencies(Array.isArray(subscribedFields) ? subscribedFields : 'SUBSCRIBE_ALL', dispatch);
     }
 

package/es/input/email.js

@@ -10,6 +10,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import { jsx as _jsx } from "react/jsx-runtime";
 import omit from 'omit.js';
 import formMethods from '../utils/form-methods';
+import { staticFormatMessage as formatMessage } from '../locale';
 import './style/index.less';
 
 var Email = function Email(props) {
@@ -18,11 +19,30 @@ var Email = function Email(props) {
   }, omit(props, formMethods)));
 };
 
-Email.formItemPropsHandler = function () {
+Email.formItemPropsHandler = function (config) {
+  var maxLength = config.maxLength,
+      label = config.label;
+  var rules = [{
+    type: 'email'
+  }];
+
+  if (maxLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || value === '' || String(value).length <= maxLength) return Promise.resolve();
+        return Promise.reject(formatMessage({
+          id: '{label} must be less than {maxLength} characters.',
+          values: {
+            maxLength: maxLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
   return {
-    rules: [{
-      type: 'email'
-    }]
+    rules: rules
   };
 };
 

package/es/input/text-area.js

@@ -1,14 +1,6 @@
 import "antd/es/input/style";
 import _Input from "antd/es/input";
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -82,7 +74,7 @@ var IglooTextArea = function IglooTextArea(props) {
     children: [_jsx(_Input.TextArea, _objectSpread(_objectSpread({
       className: classnames('igloo-input'),
       rows: 3
-    }, omit(props, [].concat(_toConsumableArray(formMethods), ['maxLength']))), {}, {
+    }, omit(props, formMethods)), {}, {
       onChange: function onChange(e) {
         return handleOnChange(e, onChangeProps, maxLength);
       }

package/es/platform/platform-card/index.d.ts

@@ -8,5 +8,6 @@ declare const PlatformCard: FC<{
     onClick: any;
     className?: any;
     style?: CSSProperties;
+    badgeText?: string;
 }>;
 export default PlatformCard;

package/es/platform/platform-card/index.js

@@ -23,7 +23,8 @@ var PlatformCard = function PlatformCard(_ref) {
   var platform = _ref.platform,
       className = _ref.className,
       style = _ref.style,
-      onClick = _ref.onClick;
+      onClick = _ref.onClick,
+      badgeText = _ref.badgeText;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -33,9 +34,10 @@ var PlatformCard = function PlatformCard(_ref) {
   var key = typeof platform === 'string' ? platform : platform.key;
   var name = typeof platform === 'string' ? platform : platform.name;
   return _jsxs("div", {
-    className: classnames('igloo-platform', className),
+    className: classnames('igloo-platform', className, badgeText && 'igloo-platform-has-badge-text'),
     onClick: onClick,
     style: style,
+    "data-badge-text": badgeText,
     children: [showDefault && _jsxs("div", {
       style: {
         textAlign: 'center'

package/es/platform/platform-card/style/index.less

@@ -19,6 +19,22 @@
     border: 3px solid @active-color;
   }
 
+  &.igloo-platform-has-badge-text {
+    position: relative;
+    &::before {
+      position: absolute;
+      right: 0;
+      top: 0;
+      content: attr(data-badge-text);
+      color: @primary-color;
+      background-color: @purple-light;
+      font-size: 12px;
+      padding: 2px 6px;
+      border-top-right-radius: 3px;
+      border-bottom-left-radius: 3px;
+    }
+  }
+
   .igloo-platform-logo {
     width: 220px;
     height: 120px;

package/es/utils/form-methods.js

@@ -1 +1 @@
-export default ['containerRef', 'setFieldError', 'setFieldValue', 'setShowStepButton', 'locales', 'getFormInstance', 'hideWhenPreview', 'validateField', 'subscribedFields'];
+export default ['containerRef', 'setFieldError', 'setFieldValue', 'setShowStepButton', 'locales', 'getFormInstance', 'hideWhenPreview', 'validateField', 'subscribedFields', 'maxLength', 'minLength', 'length', 'pattern'];

package/lib/free-form/step/index.js

@@ -122,7 +122,7 @@ var Step = function Step(_ref) {
 
   (0, _invariant.default)(!validationRule || getRuleValidationApi, 'Please provide getRuleValidationApi in Form props');
   (0, _react.useEffect)(function () {
-    if (shouldRender || getButtonDisabledState) {
+    if (shouldRender || getButtonDisabledState || shouldRenderCode) {
       registerDependencies(Array.isArray(subscribedFields) ? subscribedFields : 'SUBSCRIBE_ALL', dispatch);
     }
 

package/lib/input/email.js

@@ -15,6 +15,8 @@ var _omit = _interopRequireDefault(require("omit.js"));
 
 var _formMethods = _interopRequireDefault(require("../utils/form-methods"));
 
+var _locale = require("../locale");
+
 require("./style/index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,11 +33,30 @@ var Email = function Email(props) {
   }, (0, _omit.default)(props, _formMethods.default)));
 };
 
-Email.formItemPropsHandler = function () {
+Email.formItemPropsHandler = function (config) {
+  var maxLength = config.maxLength,
+      label = config.label;
+  var rules = [{
+    type: 'email'
+  }];
+
+  if (maxLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || value === '' || String(value).length <= maxLength) return Promise.resolve();
+        return Promise.reject((0, _locale.staticFormatMessage)({
+          id: '{label} must be less than {maxLength} characters.',
+          values: {
+            maxLength: maxLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
   return {
-    rules: [{
-      type: 'email'
-    }]
+    rules: rules
   };
 };
 

package/lib/input/text-area.js

@@ -25,14 +25,6 @@ require("./style/index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -98,7 +90,7 @@ var IglooTextArea = function IglooTextArea(props) {
     children: [(0, _jsxRuntime.jsx)(_input.default.TextArea, _objectSpread(_objectSpread({
       className: (0, _classnames.default)('igloo-input'),
       rows: 3
-    }, (0, _omit.default)(props, [].concat(_toConsumableArray(_formMethods.default), ['maxLength']))), {}, {
+    }, (0, _omit.default)(props, _formMethods.default)), {}, {
       onChange: function onChange(e) {
         return handleOnChange(e, onChangeProps, maxLength);
       }

package/lib/platform/platform-card/index.d.ts

@@ -8,5 +8,6 @@ declare const PlatformCard: FC<{
     onClick: any;
     className?: any;
     style?: CSSProperties;
+    badgeText?: string;
 }>;
 export default PlatformCard;

package/lib/platform/platform-card/index.js

@@ -37,7 +37,8 @@ var PlatformCard = function PlatformCard(_ref) {
   var platform = _ref.platform,
       className = _ref.className,
       style = _ref.style,
-      onClick = _ref.onClick;
+      onClick = _ref.onClick,
+      badgeText = _ref.badgeText;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -47,9 +48,10 @@ var PlatformCard = function PlatformCard(_ref) {
   var key = typeof platform === 'string' ? platform : platform.key;
   var name = typeof platform === 'string' ? platform : platform.name;
   return (0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)('igloo-platform', className),
+    className: (0, _classnames.default)('igloo-platform', className, badgeText && 'igloo-platform-has-badge-text'),
     onClick: onClick,
     style: style,
+    "data-badge-text": badgeText,
     children: [showDefault && (0, _jsxRuntime.jsxs)("div", {
       style: {
         textAlign: 'center'

package/lib/platform/platform-card/style/index.less

@@ -19,6 +19,22 @@
     border: 3px solid @active-color;
   }
 
+  &.igloo-platform-has-badge-text {
+    position: relative;
+    &::before {
+      position: absolute;
+      right: 0;
+      top: 0;
+      content: attr(data-badge-text);
+      color: @primary-color;
+      background-color: @purple-light;
+      font-size: 12px;
+      padding: 2px 6px;
+      border-top-right-radius: 3px;
+      border-bottom-left-radius: 3px;
+    }
+  }
+
   .igloo-platform-logo {
     width: 220px;
     height: 120px;

package/lib/utils/form-methods.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = ['containerRef', 'setFieldError', 'setFieldValue', 'setShowStepButton', 'locales', 'getFormInstance', 'hideWhenPreview', 'validateField', 'subscribedFields'];
+var _default = ['containerRef', 'setFieldError', 'setFieldValue', 'setShowStepButton', 'locales', 'getFormInstance', 'hideWhenPreview', 'validateField', 'subscribedFields', 'maxLength', 'minLength', 'length', 'pattern'];
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iglooform",
-  "version": "2.5.52",
+  "version": "2.5.54",
   "scripts": {
     "start": "dumi dev",
     "build-dev": "dumi build",