intelicoreact 0.1.3 → 0.1.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.
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _classnames = _interopRequireDefault(require("classnames"));
11
+
12
+ var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher"));
13
+
14
+ require("./AdvancedStatus.scss");
15
+
16
+ var AdvancedStatus = function AdvancedStatus(_ref) {
17
+ var onChange = _ref.onChange,
18
+ inactiveText = _ref.inactiveText,
19
+ activeText = _ref.activeText,
20
+ value = _ref.value,
21
+ disabled = _ref.disabled;
22
+ var isUndefined = value === undefined || value === null;
23
+ return /*#__PURE__*/React.createElement("div", {
24
+ className: (0, _classnames.default)('advanced-status', {
25
+ 'advanced-status_undefined': isUndefined,
26
+ 'advanced-status_disabled': disabled
27
+ })
28
+ }, /*#__PURE__*/React.createElement(_TextSwitcher.default, {
29
+ onChange: onChange,
30
+ isIncluded: value,
31
+ inactiveText: inactiveText,
32
+ activeText: activeText,
33
+ className: "advanced-status__switcher"
34
+ }));
35
+ };
36
+
37
+ var _default = AdvancedStatus;
38
+ exports.default = _default;
@@ -0,0 +1,57 @@
1
+ @import '../../../scss/vars';
2
+
3
+ .advanced-status {
4
+ &__switcher {
5
+ height: fit-content;
6
+ min-height: 28px;
7
+ border: none;
8
+
9
+ .text-switcher__btn {
10
+ cursor: pointer;
11
+ min-width: 58px;
12
+ white-space: nowrap;
13
+ padding: 0 14px;
14
+ height: 100%;
15
+ position: relative;
16
+ z-index: 2;
17
+ background-color: transparent;
18
+
19
+ display: flex;
20
+ flex-flow: row nowrap;
21
+ justify-content: center;
22
+ align-items: center;
23
+
24
+ text-transform: capitalize;
25
+ font-style: normal;
26
+ font-weight: 400;
27
+ font-size: 13px;
28
+ line-height: 20px;
29
+ display: flex;
30
+ align-items: center;
31
+ text-align: center;
32
+ color: $color--primary;
33
+
34
+ &_off {
35
+ color: #1E1E2D;;
36
+ }
37
+ }
38
+
39
+ .text-switcher__slider {
40
+ border: 1px solid $color--primary;
41
+ background-color: transparent;
42
+ }
43
+ }
44
+
45
+ &_undefined, &_disabled {
46
+ .advanced-status__switcher {
47
+ cursor: auto;
48
+ pointer-events: none;
49
+ }
50
+ }
51
+
52
+ &_undefined {
53
+ .text-switcher__slider {
54
+ border: none;
55
+ }
56
+ }
57
+ }
@@ -0,0 +1,68 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.TemplateAdvancedStatus = exports.default = void 0;
11
+
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
14
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
+
16
+ var _react = _interopRequireWildcard(require("react"));
17
+
18
+ var _AdvancedStatus = _interopRequireDefault(require("./AdvancedStatus"));
19
+
20
+ 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); }
21
+
22
+ 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; }
23
+
24
+ global.lng = 'en';
25
+ var _default = {
26
+ title: 'Form Elements/AdvancedStatus',
27
+ component: _AdvancedStatus.default
28
+ };
29
+ exports.default = _default;
30
+
31
+ var Template = function Template(args) {
32
+ var _useState = (0, _react.useState)(null),
33
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
34
+ value = _useState2[0],
35
+ setValue = _useState2[1];
36
+
37
+ var buttonStyles = {
38
+ border: '1px solid black',
39
+ padding: '10px',
40
+ marginTop: '10px'
41
+ };
42
+ (0, _react.useEffect)(function () {
43
+ if (value === null) setTimeout(function () {
44
+ return setValue(args.value);
45
+ }, 1500);
46
+ console.log(value);
47
+ }, [value]);
48
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AdvancedStatus.default, (0, _extends2.default)({}, args, {
49
+ value: value,
50
+ onChange: setValue
51
+ })), /*#__PURE__*/_react.default.createElement("button", {
52
+ style: buttonStyles,
53
+ disabled: value === null,
54
+ onClick: function onClick() {
55
+ return setValue(null);
56
+ }
57
+ }, "Reload"));
58
+ };
59
+
60
+ var TemplateAdvancedStatus = Template.bind({});
61
+ exports.TemplateAdvancedStatus = TemplateAdvancedStatus;
62
+ TemplateAdvancedStatus.args = {
63
+ value: false,
64
+ className: '',
65
+ activeText: 'Approved',
66
+ inactiveText: 'Review',
67
+ disabled: false
68
+ };
@@ -38,7 +38,7 @@ var CheckboxInput = function CheckboxInput(_ref) {
38
38
  onChange: function onChange(e) {
39
39
  return _onChange(!value, e);
40
40
  },
41
- checked: value,
41
+ checked: value !== null && value !== void 0 ? value : false,
42
42
  disabled: disabled,
43
43
  ref: function ref(elem) {
44
44
  if (elem) elem.indeterminate = isStark;
@@ -221,7 +221,7 @@ var Dropdown = function Dropdown(_ref) {
221
221
  }),
222
222
  ref: dropdownRef
223
223
  }, /*#__PURE__*/_react.default.createElement("button", {
224
- className: "".concat(RC, "__trigger input__wrap ").concat(!value ? 'placeholder' : '', " ").concat(error ? 'error' : ''),
224
+ className: "".concat(RC, "__trigger input__wrap ").concat(isOpen ? 'input__wrap--focus' : '', " ").concat(!value ? 'placeholder' : '', " ").concat(error ? 'error' : ''),
225
225
  onClick: function onClick() {
226
226
  return !isSearchable ? setIsOpen(!isOpen) : null;
227
227
  }
@@ -33,7 +33,9 @@ var _default = {
33
33
  description: 'string - current option'
34
34
  },
35
35
  isSearchable: {
36
- description: 'boolean - enable search'
36
+ description: 'boolean - enable search',
37
+ type: 'boolean',
38
+ defaultValue: false
37
39
  },
38
40
  onChange: {
39
41
  description: 'callback return selected value'
@@ -35,7 +35,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
35
35
 
36
36
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
37
37
 
38
- var Input = function Input(_ref) {
38
+ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
39
39
  var isSelect = _ref.isSelect,
40
40
  onChange = _ref.onChange,
41
41
  onBlur = _ref.onBlur,
@@ -62,7 +62,9 @@ var Input = function Input(_ref) {
62
62
  symbolsLimit = _ref.symbolsLimit,
63
63
  blinkTime = _ref.blinkTime,
64
64
  _ref$isFocusDefault = _ref.isFocusDefault,
65
- isFocusDefault = _ref$isFocusDefault === void 0 ? false : _ref$isFocusDefault;
65
+ isFocusDefault = _ref$isFocusDefault === void 0 ? false : _ref$isFocusDefault,
66
+ _ref$isNotValidateASC = _ref.isNotValidateASCII,
67
+ isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC;
66
68
  var DEFAULT_BLINK_TIME = 100; // STATES
67
69
 
68
70
  var _useState = (0, _react.useState)(false),
@@ -75,7 +77,10 @@ var Input = function Input(_ref) {
75
77
  isEditing = _useState4[0],
76
78
  setEditing = _useState4[1];
77
79
 
78
- var inputRef = (0, _react.useRef)(null);
80
+ var inputInnerRef = (0, _react.useRef)(null);
81
+ var inputRef = (0, _react.useMemo)(function () {
82
+ return ref || inputInnerRef;
83
+ }, [ref]);
79
84
  var previousValueRef = (0, _react.useRef)(value);
80
85
 
81
86
  var _useState5 = (0, _react.useState)(false),
@@ -99,6 +104,7 @@ var Input = function Input(_ref) {
99
104
  var handle = {
100
105
  change: function change(e) {
101
106
  var inputValue = e.target ? e.target.value : e;
107
+ if (type === 'text' && !isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
102
108
  if (symbolsLimit && inputValue.length > +symbolsLimit) inputValue = inputValue.substring(0, +symbolsLimit);
103
109
  if (onlyNumbers && isOnlyString || isOnlyString) inputValue = (0, _fieldValueFormatters.formatToLetters)(inputValue, softStringMode);else if (onlyNumbers) inputValue = (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
104
110
  onChange(inputValue.toString());
@@ -176,7 +182,7 @@ var Input = function Input(_ref) {
176
182
 
177
183
  if (mask) {
178
184
  return /*#__PURE__*/_react.default.createElement(_reactInputMask.default, (0, _extends2.default)({}, uniProps, {
179
- ref: inputRef,
185
+ inputRef: inputRef,
180
186
  mask: mask
181
187
  }));
182
188
  }
@@ -220,7 +226,7 @@ var Input = function Input(_ref) {
220
226
  }),
221
227
  onClick: handle.toggleEdit
222
228
  }));
223
- };
229
+ });
224
230
 
225
231
  var _default = Input;
226
232
  exports.default = _default;
@@ -119,7 +119,7 @@ InputTemplate.args = {
119
119
  type: 'float',
120
120
  decimalPlaces: 2
121
121
  },
122
- isOnlyString: true,
122
+ isOnlyString: false,
123
123
  isPriceInput: false,
124
124
  isTwoDigitAfterDot: false,
125
125
  disabled: false,
@@ -34,29 +34,65 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
34
34
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
35
35
 
36
36
  var RangeInputs = function RangeInputs(_ref) {
37
+ var _valueObj$from, _valueObj$to;
38
+
37
39
  var label = _ref.label,
38
40
  hint = _ref.hint,
39
- items = _ref.items,
41
+ _ref$value = _ref.value,
42
+ valueObj = _ref$value === void 0 ? {
43
+ from: '',
44
+ to: ''
45
+ } : _ref$value,
40
46
  className = _ref.className,
41
47
  onChange = _ref.onChange,
42
48
  isRequired = _ref.isRequired,
43
49
  _ref$type = _ref.type,
44
- type = _ref$type === void 0 ? 'float' : _ref$type;
50
+ type = _ref$type === void 0 ? 'int' : _ref$type,
51
+ setInnerError = _ref.setError;
45
52
 
46
- var _useState = (0, _react.useState)(''),
53
+ var _useState = (0, _react.useState)({
54
+ from: '',
55
+ to: ''
56
+ }),
47
57
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
48
58
  error = _useState2[0],
49
59
  setError = _useState2[1];
50
60
 
51
- var handleChange = function handleChange(prop, value) {
52
- onChange(_objectSpread(_objectSpread({}, items), {}, (0, _defineProperty2.default)({}, prop, type === 'float' ? (0, _fieldValueFormatters.filterFloat)(value) : (0, _fieldValueFormatters.filterNumbers)(value))));
61
+ var inputFromRef = (0, _react.useRef)(null);
62
+ var inputToRef = (0, _react.useRef)(null);
63
+ var isValidRange = !!(valueObj !== null && valueObj !== void 0 && valueObj.from && valueObj !== null && valueObj !== void 0 && valueObj.to && +(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from) <= +(valueObj === null || valueObj === void 0 ? void 0 : valueObj.to));
64
+
65
+ var handleChange = function handleChange(prop, val) {
66
+ onChange(_objectSpread(_objectSpread({}, valueObj), {}, (0, _defineProperty2.default)({}, prop, type === 'float' ? (0, _fieldValueFormatters.filterFloat)(val) : (0, _fieldValueFormatters.formatOnlyNumbers)(val))));
53
67
  };
54
68
 
55
- var rangeValidation = function rangeValidation() {
56
- if (items !== null && items !== void 0 && items.from && items !== null && items !== void 0 && items.to && (items === null || items === void 0 ? void 0 : items.from) > (items === null || items === void 0 ? void 0 : items.to) || !(items !== null && items !== void 0 && items.to)) {
57
- setError('Invalid range');
69
+ var rangeValidation = function rangeValidation(e, key) {
70
+ var oppositeKey = key === 'from' ? 'to' : 'from';
71
+
72
+ if (!(valueObj !== null && valueObj !== void 0 && valueObj.from) && !(valueObj !== null && valueObj !== void 0 && valueObj.to)) {
73
+ setError({
74
+ from: '',
75
+ to: ''
76
+ });
77
+ setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError('');
78
+ return e;
79
+ } else if (!valueObj[oppositeKey]) {
80
+ var mustToFocus = key === 'from' ? inputToRef.current : inputFromRef.current;
81
+ mustToFocus.focus();
82
+ } else if (!isValidRange) {
83
+ if (!(valueObj !== null && valueObj !== void 0 && valueObj.from)) setError(_objectSpread(_objectSpread({}, error), {}, {
84
+ from: 'Invalid range'
85
+ }));else setError(_objectSpread(_objectSpread({}, error), {}, {
86
+ to: 'Invalid range'
87
+ }));
88
+ setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError('Invalid range');
58
89
  } else {
59
- setError('');
90
+ setError({
91
+ from: '',
92
+ to: ''
93
+ });
94
+ setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError('');
95
+ return e;
60
96
  }
61
97
  };
62
98
 
@@ -74,23 +110,41 @@ var RangeInputs = function RangeInputs(_ref) {
74
110
  }, /*#__PURE__*/_react.default.createElement("span", {
75
111
  className: "range-inputs__input-label"
76
112
  }, "From"), /*#__PURE__*/_react.default.createElement(_Input.default, {
77
- value: items === null || items === void 0 ? void 0 : items.from,
113
+ ref: inputFromRef,
114
+ value: (_valueObj$from = valueObj === null || valueObj === void 0 ? void 0 : valueObj.from) !== null && _valueObj$from !== void 0 ? _valueObj$from : '',
78
115
  className: "mr15",
79
- onChange: function onChange(value) {
80
- return handleChange('from', value);
116
+ onChange: function onChange(val) {
117
+ return handleChange('from', val);
118
+ },
119
+ onBlur: function onBlur(e) {
120
+ return rangeValidation(e, 'from');
81
121
  },
82
- onBlur: rangeValidation
122
+ error: error.from,
123
+ onKeyUp: function onKeyUp(code, e) {
124
+ if (code === 13) {
125
+ if (isValidRange) inputFromRef.current.blur();else {
126
+ inputToRef.current.focus();
127
+ inputToRef.current.select();
128
+ }
129
+ }
130
+ }
83
131
  })), /*#__PURE__*/_react.default.createElement("div", {
84
132
  className: "j4 w50"
85
133
  }, /*#__PURE__*/_react.default.createElement("span", {
86
134
  className: "range-inputs__input-label"
87
135
  }, "To"), /*#__PURE__*/_react.default.createElement(_Input.default, {
88
- value: items === null || items === void 0 ? void 0 : items.to,
89
- onChange: function onChange(value) {
90
- return handleChange('to', value);
136
+ ref: inputToRef,
137
+ value: (_valueObj$to = valueObj === null || valueObj === void 0 ? void 0 : valueObj.to) !== null && _valueObj$to !== void 0 ? _valueObj$to : '',
138
+ onChange: function onChange(val) {
139
+ return handleChange('to', val);
140
+ },
141
+ onBlur: function onBlur(e) {
142
+ return rangeValidation(e, 'to');
91
143
  },
92
- onBlur: rangeValidation,
93
- error: error
144
+ error: error.to,
145
+ onKeyUp: function onKeyUp(code, e) {
146
+ if (code === 13) inputToRef.current.blur();
147
+ }
94
148
  }))));
95
149
  };
96
150
 
@@ -31,17 +31,17 @@ var _default = {
31
31
  exports.default = _default;
32
32
 
33
33
  var Template = function Template(args) {
34
- var _useState = (0, _react.useState)({
35
- from: 0,
36
- to: 0
37
- }),
34
+ var _useState = (0, _react.useState)(),
38
35
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
39
36
  state = _useState2[0],
40
37
  setState = _useState2[1];
41
38
 
39
+ (0, _react.useEffect)(function () {
40
+ return console.log(state);
41
+ }, [state]);
42
42
  return /*#__PURE__*/_react.default.createElement(_RangeInputs.default, (0, _extends2.default)({}, args, {
43
43
  onChange: setState,
44
- items: state
44
+ value: state
45
45
  }));
46
46
  };
47
47
 
@@ -18,14 +18,14 @@ require("./TextSwitcher.scss");
18
18
  var RC = 'text-switcher';
19
19
 
20
20
  var TextSwitcher = function TextSwitcher(_ref) {
21
- var _ref$isIncluded = _ref.isIncluded,
22
- isIncluded = _ref$isIncluded === void 0 ? true : _ref$isIncluded,
21
+ var isIncluded = _ref.isIncluded,
23
22
  _ref$activeText = _ref.activeText,
24
23
  activeText = _ref$activeText === void 0 ? 'is' : _ref$activeText,
25
24
  _ref$inactiveText = _ref.inactiveText,
26
25
  inactiveText = _ref$inactiveText === void 0 ? 'is not' : _ref$inactiveText,
27
26
  onChange = _ref.onChange,
28
27
  className = _ref.className;
28
+ var isUndefined = isIncluded === undefined || isIncluded === null;
29
29
  return /*#__PURE__*/_react.default.createElement("button", {
30
30
  className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_active"), isIncluded), className),
31
31
  onClick: function onClick() {
@@ -35,7 +35,7 @@ var TextSwitcher = function TextSwitcher(_ref) {
35
35
  className: "".concat(RC, "__btn")
36
36
  }, activeText), inactiveText && /*#__PURE__*/_react.default.createElement("span", {
37
37
  className: (0, _classnames.default)("".concat(RC, "__btn"), "".concat(RC, "__btn_off"))
38
- }, inactiveText), /*#__PURE__*/_react.default.createElement("div", {
38
+ }, inactiveText), !isUndefined && /*#__PURE__*/_react.default.createElement("div", {
39
39
  className: (0, _classnames.default)("".concat(RC, "__slider"), (0, _defineProperty2.default)({}, "".concat(RC, "__slider_inactive"), !isIncluded))
40
40
  }));
41
41
  };
@@ -19,57 +19,57 @@
19
19
  pointer-events: none;
20
20
  }
21
21
 
22
- &_dark-outline {
22
+ &_dark-outline {
23
23
  border: 1px solid #bac2c9;
24
24
  color: #1E1E2DFF;
25
25
 
26
26
  &:hover {
27
27
  background-color: #F2F2F8FF;
28
28
  }
29
- }
29
+ }
30
30
 
31
- &_primary {
31
+ &_primary {
32
32
  border: 1px solid #6B81DDFF;
33
33
  background-color: #6B81DDFF;
34
34
  color: #fff;
35
35
  &:hover {
36
36
  filter: brightness(1.1);
37
37
  }
38
- }
38
+ }
39
39
 
40
- &_secondary {
40
+ &_secondary {
41
41
  border: 1px solid #BAC2C9FF;
42
42
  background-color: #BAC2C9FF;
43
43
  color: #fff;
44
44
  &:hover {
45
45
  filter: brightness(1.1);
46
46
  }
47
- }
47
+ }
48
48
 
49
- &_ellipse-apply{
50
- padding: 8px 16px;
51
- border-radius: 40px;
52
- background: #1F7499;
53
- font-family: 'Sarabun';
54
- font-style: normal;
55
- font-weight: 500;
56
- font-size: 16px;
57
- line-height: 24px;
58
- letter-spacing: 0.1px;
59
- color: #FFFFFF;
60
- }
49
+ &_ellipse-apply{
50
+ padding: 8px 16px;
51
+ border-radius: 40px;
52
+ background: #1F7499;
53
+ font-family: 'Sarabun';
54
+ font-style: normal;
55
+ font-weight: 500;
56
+ font-size: 16px;
57
+ line-height: 24px;
58
+ letter-spacing: 0.1px;
59
+ color: #FFFFFF;
60
+ }
61
61
 
62
- &_ellipse-cancel{
63
- padding: 8px 18px;
64
- border-radius: 32px;
65
- font-family: Sarabun;
66
- font-style: normal;
67
- font-weight: normal;
68
- font-size: 14px;
69
- line-height: 20px;
70
- letter-spacing: 0.2px;
71
- color: #1F7499;
72
- }
62
+ &_ellipse-cancel{
63
+ padding: 8px 18px;
64
+ border-radius: 32px;
65
+ font-family: Sarabun;
66
+ font-style: normal;
67
+ font-weight: normal;
68
+ font-size: 14px;
69
+ line-height: 20px;
70
+ letter-spacing: 0.2px;
71
+ color: #1F7499;
72
+ }
73
73
 
74
74
  &_link {
75
75
  color: #6b81dd;
@@ -92,7 +92,10 @@
92
92
 
93
93
  &__text {
94
94
  width: 100%;
95
- text-align: center;
95
+ margin-left: 5px;
96
+ display: flex;
97
+ justify-content: center;
98
+ align-items: center;
96
99
  }
97
100
 
98
101
  &:active {
@@ -100,9 +103,20 @@
100
103
  }
101
104
 
102
105
  &__icon {
103
- width: 20px;
106
+ width: auto;
104
107
  height: 25px;
105
- margin-right: 5px;
106
108
  min-width: 15px;
107
109
  }
110
+
111
+ &_icon-right {
112
+ .button__text {
113
+ order: 1;
114
+ margin-left: 0;
115
+ margin-right: 5px;
116
+ }
117
+
118
+ svg {
119
+ order: 2
120
+ }
121
+ }
108
122
  }
@@ -57,5 +57,6 @@ ButtonTemplate.args = {
57
57
  return null;
58
58
  },
59
59
  label: 'Button',
60
- icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Check, null)
60
+ icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Check, null),
61
+ isIconRight: false
61
62
  };
@@ -36,7 +36,8 @@
36
36
  color: $color--froly;
37
37
  background-color: #fce2e8;
38
38
  }
39
-
39
+
40
+ &--pending,
40
41
  &--processing {
41
42
  color: #9aa0b9;
42
43
  background-color: #e2e6f8;
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.filterNumeric = exports.filterPhone = exports.filterToLimitLength = exports.filterFloat = exports.formatToCutOffDotAtTheEnd = exports.formatToRemoveComa = exports.formatToLetters = exports.formatToTwoDigitAfterDot = exports.formatToAddBitDepthPoints = exports.formatOnlyNumbers = void 0;
8
+ exports.filterNumeric = exports.filterPhone = exports.filterToLimitLength = exports.filterFloat = exports.formatToCutOffDotAtTheEnd = exports.formatToRemoveComa = exports.formatToOnlyASCIICodeText = exports.formatToLetters = exports.formatToTwoDigitAfterDot = exports.formatToAddBitDepthPoints = exports.formatOnlyNumbers = void 0;
9
9
 
10
10
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
11
 
@@ -52,10 +52,17 @@ var formatToLetters = function formatToLetters(value) {
52
52
  } else {
53
53
  return value.toString().replace(/[^a-z]/gi, '');
54
54
  }
55
- };
55
+ }; // eslint-disable-next-line no-control-regex
56
+
56
57
 
57
58
  exports.formatToLetters = formatToLetters;
58
59
 
60
+ var formatToOnlyASCIICodeText = function formatToOnlyASCIICodeText(text) {
61
+ return text === null || text === void 0 ? void 0 : text.replace(/[^\x00-\x7F]+/g, '');
62
+ };
63
+
64
+ exports.formatToOnlyASCIICodeText = formatToOnlyASCIICodeText;
65
+
59
66
  var formatToRemoveComa = function formatToRemoveComa(value) {
60
67
  return value.toString().replace(/\,/g, '');
61
68
  };
@@ -25,10 +25,10 @@ var FormElement = function FormElement(_ref) {
25
25
  className = _ref.className,
26
26
  hint = _ref.hint,
27
27
  isLabelBolt = _ref.isLabelBolt,
28
- isNolabel = _ref.isNolabel;
28
+ isNoLabel = _ref.isNoLabel;
29
29
  return /*#__PURE__*/_react.default.createElement("div", {
30
30
  className: (0, _classnames.default)(className, RC)
31
- }, label && !isNolabel && /*#__PURE__*/_react.default.createElement(_Label.default, {
31
+ }, label && !isNoLabel && /*#__PURE__*/_react.default.createElement(_Label.default, {
32
32
  className: "".concat(RC, "__label"),
33
33
  label: label,
34
34
  hint: hint,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "0.1.3",
3
+ "version": "0.1.4",
4
4
  "description": "add postfix in dropdown",
5
5
  "main": "dist/index.js",
6
6
  "files": ["dist/*"],