@typeolymp/ui-components 1.16.3 → 1.16.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/build/components/organisms/Form/index.d.ts +2 -2
  2. package/build/index.es.js +11 -13
  3. package/build/index.es.js.map +1 -1
  4. package/build/index.js +11 -13
  5. package/build/index.js.map +1 -1
  6. package/package.json +1 -1
package/build/components/organisms/Form/index.d.ts CHANGED
@@ -10,14 +10,14 @@ import { PropsType as CheckboxesPropsType } from "../../molecules/Checkboxes";
10
10
  import { PropsType as SelectFieldPropsType } from "../../molecules/SelectField";
11
11
  import { PropsType as ToggleFieldPropsType } from "../../molecules/ToggleField";
12
12
  import { PropsType as RangeFieldPropsType } from "../../molecules/RangeField";
13
- declare type ValueType = string | number | boolean | Array<string>;
13
+ declare type ValueType = string | string[] | number | boolean;
14
14
  export declare type FeedbackType = {
15
15
  message: string;
16
16
  status: "error" | "success" | "";
17
17
  };
18
18
  declare type ValidationType = {
19
19
  validateTrigger?: Array<"onBlur" | "onChange">;
20
- validator?(value: ValueType): FeedbackType;
20
+ validator?: (value: ValueType) => FeedbackType;
21
21
  feedback?: FeedbackType;
22
22
  };
23
23
  declare type InputFieldType = {
package/build/index.es.js CHANGED
@@ -12079,10 +12079,8 @@ var Form = forwardRef(function (props, ref) {
12079
12079
  if (props.onChangeFields)
12080
12080
  props.onChangeFields(newValues, __assign$2(__assign$2({}, values), (_c = {}, _c[fieldName] = value, _c)));
12081
12081
  };
12082
- var onBlurFormField = function (fieldName, onBlur) {
12082
+ var onBlurFormField = function (fieldName) {
12083
12083
  var _a;
12084
- if (onBlur)
12085
- onBlur(fieldName);
12086
12084
  var field = props.fields.find(function (field) { return field.name === fieldName; });
12087
12085
  if (field.validateTrigger && field.validateTrigger.includes("onBlur")) {
12088
12086
  var feedbackForField = field.validator(values[fieldName]);
@@ -12112,34 +12110,34 @@ var Form = forwardRef(function (props, ref) {
12112
12110
  switch (field.type) {
12113
12111
  case "text":
12114
12112
  return (createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
12115
- jsx$1(InputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
12113
+ jsx$1(InputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
12116
12114
  case "password":
12117
12115
  return (createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
12118
- jsx$1(PasswordInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); }, onKeyPress: field.submitOnEnter && onSubmit }))));
12116
+ jsx$1(PasswordInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField, onKeyPress: field.submitOnEnter && onSubmit }))));
12119
12117
  case "date":
12120
12118
  return (createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
12121
- jsx$1(DateInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
12119
+ jsx$1(DateInputField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
12122
12120
  case "textarea":
12123
12121
  return (createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
12124
- jsx$1(TextareaField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
12122
+ jsx$1(TextareaField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
12125
12123
  case "radio":
12126
12124
  return (createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
12127
- jsx$1(RadioGroup, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
12125
+ jsx$1(RadioGroup, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
12128
12126
  case "number":
12129
12127
  return (createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
12130
- jsx$1(NumberField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
12128
+ jsx$1(NumberField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
12131
12129
  case "checkbox":
12132
12130
  return (createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
12133
- jsx$1(Checkboxes, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
12131
+ jsx$1(Checkboxes, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
12134
12132
  case "select":
12135
12133
  return (createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
12136
- jsx$1(SelectField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
12134
+ jsx$1(SelectField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
12137
12135
  case "toggle":
12138
12136
  return (createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
12139
- jsx$1(ToggleField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
12137
+ jsx$1(ToggleField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
12140
12138
  case "range":
12141
12139
  return (createElement(WithValidation, __assign$2({}, feedback[field.name], { key: "field-".concat(index) }),
12142
- jsx$1(RangeField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: function () { return onBlurFormField(field.name, field.onBlur); } }))));
12140
+ jsx$1(RangeField, __assign$2({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
12143
12141
  }
12144
12142
  }) }), props.button && (jsx$1(ButtonWrapper, { children: jsx$1(Button, __assign$2({}, props.button, { onClick: onSubmit, type: "button" })) }))] }));
12145
12143
  });