@invoicebox/ui 0.1.0-alpha.61 → 0.1.0-alpha.63

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 (15) hide show
  1. package/dist/components/common/Flag/components/ArmFlag/index.js +1 -10
  2. package/dist/components/common/Flag/components/AzeFlag/index.js +1 -10
  3. package/dist/components/common/Flag/components/BlrFlag/index.js +1 -10
  4. package/dist/components/common/Flag/components/ChnFlag/index.js +1 -12
  5. package/dist/components/common/Flag/components/EngFlag/index.js +1 -12
  6. package/dist/components/common/Flag/components/EspFlag/index.js +1 -12
  7. package/dist/components/common/Flag/components/MdaFlag/index.js +1 -10
  8. package/dist/components/common/Flag/components/RusFlag/index.js +3 -12
  9. package/dist/components/common/Flag/components/TjkFlag/index.js +1 -10
  10. package/dist/components/common/Flag/components/UzbFlag/index.js +1 -10
  11. package/dist/components/common/Flag/styles.js +1 -1
  12. package/dist/components/form/PhoneInput/constants.js +7 -0
  13. package/dist/components/form/PhoneInput/index.js +2 -1
  14. package/dist/components/form/PhoneInput/types.d.ts +1 -0
  15. package/package.json +1 -1
package/dist/components/common/Flag/components/ArmFlag/index.js CHANGED
@@ -13,8 +13,6 @@ var ArmFlag = exports.ArmFlag = function ArmFlag() {
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
16
- }, /*#__PURE__*/_react["default"].createElement("g", {
17
- clipPath: "url(#clip0_216_201728)"
18
16
  }, /*#__PURE__*/_react["default"].createElement("path", {
19
17
  d: "M19.9048 0H2.09524C0.93807 0 0 0.955126 0 2.13333V13.8667C0 15.0449 0.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 0.955126 21.0619 0 19.9048 0Z",
20
18
  fill: "#1A47B8"
@@ -28,12 +26,5 @@ var ArmFlag = exports.ArmFlag = function ArmFlag() {
28
26
  clipRule: "evenodd",
29
27
  d: "M0 0H22V5H0V0Z",
30
28
  fill: "#F93939"
31
- })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
32
- id: "clip0_216_201728"
33
- }, /*#__PURE__*/_react["default"].createElement("rect", {
34
- width: "22",
35
- height: "16",
36
- rx: "2",
37
- fill: "white"
38
- }))));
29
+ }));
39
30
  };
package/dist/components/common/Flag/components/AzeFlag/index.js CHANGED
@@ -13,8 +13,6 @@ var AzeFlag = exports.AzeFlag = function AzeFlag() {
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
16
- }, /*#__PURE__*/_react["default"].createElement("g", {
17
- clipPath: "url(#clip0_216_201721)"
18
16
  }, /*#__PURE__*/_react["default"].createElement("path", {
19
17
  d: "M19.9048 0H2.09524C0.93807 0 0 0.955126 0 2.13333V13.8667C0 15.0449 0.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 0.955126 21.0619 0 19.9048 0Z",
20
18
  fill: "#F93939"
@@ -38,12 +36,5 @@ var AzeFlag = exports.AzeFlag = function AzeFlag() {
38
36
  clipRule: "evenodd",
39
37
  d: "M13.0951 9.60016C12.6174 10.2476 11.8569 10.6668 10.9999 10.6668C9.55419 10.6668 8.38086 9.47216 8.38086 8.00016C8.38086 6.52816 9.55419 5.3335 10.9999 5.3335C11.8569 5.3335 12.6174 5.7527 13.0951 6.40016H11.5237C10.6563 6.40016 9.95229 7.11696 9.95229 8.00016C9.95229 8.88336 10.6563 9.60016 11.5237 9.60016H13.0951Z",
40
38
  fill: "white"
41
- })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
42
- id: "clip0_216_201721"
43
- }, /*#__PURE__*/_react["default"].createElement("rect", {
44
- width: "22",
45
- height: "16",
46
- rx: "2",
47
- fill: "white"
48
- }))));
39
+ }));
49
40
  };
package/dist/components/common/Flag/components/BlrFlag/index.js CHANGED
@@ -13,8 +13,6 @@ var BlrFlag = exports.BlrFlag = function BlrFlag() {
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
16
- }, /*#__PURE__*/_react["default"].createElement("g", {
17
- clipPath: "url(#clip0_216_201733)"
18
16
  }, /*#__PURE__*/_react["default"].createElement("rect", {
19
17
  width: "22",
20
18
  height: "16",
@@ -33,12 +31,5 @@ var BlrFlag = exports.BlrFlag = function BlrFlag() {
33
31
  clipRule: "evenodd",
34
32
  d: "M5 12H22V16H5V12Z",
35
33
  fill: "#249F58"
36
- })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
37
- id: "clip0_216_201733"
38
- }, /*#__PURE__*/_react["default"].createElement("rect", {
39
- width: "22",
40
- height: "16",
41
- rx: "2",
42
- fill: "white"
43
- }))));
34
+ }));
44
35
  };
package/dist/components/common/Flag/components/ChnFlag/index.js CHANGED
@@ -13,10 +13,6 @@ var ChnFlag = exports.ChnFlag = function ChnFlag() {
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
16
- }, /*#__PURE__*/_react["default"].createElement("g", {
17
- id: "artwork"
18
- }, /*#__PURE__*/_react["default"].createElement("g", {
19
- clipPath: "url(#clip0_1439_332591)"
20
16
  }, /*#__PURE__*/_react["default"].createElement("rect", {
21
17
  width: "22",
22
18
  height: "16",
@@ -32,12 +28,5 @@ var ChnFlag = exports.ChnFlag = function ChnFlag() {
32
28
  clipRule: "evenodd",
33
29
  d: "M5.75979 7.7122L4.21979 8.53673L4.51313 6.7906L3.26855 5.55326L4.98979 5.30046L5.75979 3.71113L6.52875 5.30046L8.24998 5.55326L7.00332 6.7906L7.29875 8.53566L5.75979 7.7122ZM9.42856 3.2002H10.4762V4.26686H9.42856V3.2002ZM10.4762 5.33353H11.5238V6.4002H10.4762V5.33353ZM10.4762 7.46686H11.5238V8.53353H10.4762V7.46686ZM9.42856 9.6002H10.4762V10.6669H9.42856V9.6002Z",
34
30
  fill: "#FFDA2C"
35
- }))), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
36
- id: "clip0_1439_332591"
37
- }, /*#__PURE__*/_react["default"].createElement("rect", {
38
- width: "22",
39
- height: "16",
40
- rx: "2",
41
- fill: "white"
42
- }))));
31
+ }));
43
32
  };
package/dist/components/common/Flag/components/EngFlag/index.js CHANGED
@@ -13,10 +13,6 @@ var EngFlag = exports.EngFlag = function EngFlag() {
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
16
- }, /*#__PURE__*/_react["default"].createElement("g", {
17
- id: "artwork"
18
- }, /*#__PURE__*/_react["default"].createElement("g", {
19
- clipPath: "url(#clip0_1439_332567)"
20
16
  }, /*#__PURE__*/_react["default"].createElement("rect", {
21
17
  width: "22",
22
18
  height: "16",
@@ -54,12 +50,5 @@ var EngFlag = exports.EngFlag = function EngFlag() {
54
50
  clipRule: "evenodd",
55
51
  d: "M9.26316 0H12.7368V6.15385H22V9.84615H12.7368V16H9.26316V9.84615H0V6.15385H9.26316V0Z",
56
52
  fill: "#F93939"
57
- }))), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
58
- id: "clip0_1439_332567"
59
- }, /*#__PURE__*/_react["default"].createElement("rect", {
60
- width: "22",
61
- height: "16",
62
- rx: "2",
63
- fill: "white"
64
- }))));
53
+ }));
65
54
  };
package/dist/components/common/Flag/components/EspFlag/index.js CHANGED
@@ -13,10 +13,6 @@ var EspFlag = exports.EspFlag = function EspFlag() {
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
16
- }, /*#__PURE__*/_react["default"].createElement("g", {
17
- id: "artwork"
18
- }, /*#__PURE__*/_react["default"].createElement("g", {
19
- clipPath: "url(#clip0_1448_332698)"
20
16
  }, /*#__PURE__*/_react["default"].createElement("rect", {
21
17
  width: "22",
22
18
  height: "16",
@@ -86,12 +82,5 @@ var EspFlag = exports.EspFlag = function EspFlag() {
86
82
  clipRule: "evenodd",
87
83
  d: "M6.28564 4.2666H7.33326V5.33327H6.28564V4.2666Z",
88
84
  fill: "#D4AF2C"
89
- }))), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
90
- id: "clip0_1448_332698"
91
- }, /*#__PURE__*/_react["default"].createElement("rect", {
92
- width: "22",
93
- height: "16",
94
- rx: "2",
95
- fill: "white"
96
- }))));
85
+ }));
97
86
  };
package/dist/components/common/Flag/components/MdaFlag/index.js CHANGED
@@ -13,8 +13,6 @@ var MdaFlag = exports.MdaFlag = function MdaFlag() {
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
16
- }, /*#__PURE__*/_react["default"].createElement("g", {
17
- clipPath: "url(#clip0_216_201747)"
18
16
  }, /*#__PURE__*/_react["default"].createElement("rect", {
19
17
  width: "22",
20
18
  height: "16",
@@ -50,12 +48,5 @@ var MdaFlag = exports.MdaFlag = function MdaFlag() {
50
48
  clipRule: "evenodd",
51
49
  d: "M15 0H23V16H15V0Z",
52
50
  fill: "#AF010D"
53
- })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
54
- id: "clip0_216_201747"
55
- }, /*#__PURE__*/_react["default"].createElement("rect", {
56
- width: "22",
57
- height: "16",
58
- rx: "2",
59
- fill: "white"
60
- }))));
51
+ }));
61
52
  };
package/dist/components/common/Flag/components/RusFlag/index.js CHANGED
@@ -8,13 +8,11 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
9
  var RusFlag = exports.RusFlag = function RusFlag() {
10
10
  return /*#__PURE__*/_react["default"].createElement("svg", {
11
- width: "100%",
12
- height: "100%",
11
+ width: "22px",
12
+ height: "16px",
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
16
- }, /*#__PURE__*/_react["default"].createElement("g", {
17
- clipPath: "url(#clip0_1738_85108)"
18
16
  }, /*#__PURE__*/_react["default"].createElement("rect", {
19
17
  width: "22",
20
18
  height: "16",
@@ -30,12 +28,5 @@ var RusFlag = exports.RusFlag = function RusFlag() {
30
28
  clipRule: "evenodd",
31
29
  d: "M0 0H22V5.33333H0V0Z",
32
30
  fill: "white"
33
- })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
34
- id: "clip0_1738_85108"
35
- }, /*#__PURE__*/_react["default"].createElement("rect", {
36
- width: "22",
37
- height: "16",
38
- rx: "2",
39
- fill: "white"
40
- }))));
31
+ }));
41
32
  };
package/dist/components/common/Flag/components/TjkFlag/index.js CHANGED
@@ -13,8 +13,6 @@ var TjkFlag = exports.TjkFlag = function TjkFlag() {
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
16
- }, /*#__PURE__*/_react["default"].createElement("g", {
17
- clipPath: "url(#clip0_216_201755)"
18
16
  }, /*#__PURE__*/_react["default"].createElement("rect", {
19
17
  width: "22",
20
18
  height: "16",
@@ -35,12 +33,5 @@ var TjkFlag = exports.TjkFlag = function TjkFlag() {
35
33
  clipRule: "evenodd",
36
34
  d: "M0 0H22V5H0V0Z",
37
35
  fill: "#AF010D"
38
- })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
39
- id: "clip0_216_201755"
40
- }, /*#__PURE__*/_react["default"].createElement("rect", {
41
- width: "22",
42
- height: "16",
43
- rx: "2",
44
- fill: "white"
45
- }))));
36
+ }));
46
37
  };
package/dist/components/common/Flag/components/UzbFlag/index.js CHANGED
@@ -13,8 +13,6 @@ var UzbFlag = exports.UzbFlag = function UzbFlag() {
13
13
  viewBox: "0 0 22 16",
14
14
  fill: "none",
15
15
  xmlns: "http://www.w3.org/2000/svg"
16
- }, /*#__PURE__*/_react["default"].createElement("g", {
17
- clipPath: "url(#clip0_216_201760)"
18
16
  }, /*#__PURE__*/_react["default"].createElement("rect", {
19
17
  width: "22",
20
18
  height: "16",
@@ -41,12 +39,5 @@ var UzbFlag = exports.UzbFlag = function UzbFlag() {
41
39
  clipRule: "evenodd",
42
40
  d: "M6 2H7.2V3H6V2ZM7.2 1H8.4V2H7.2V1ZM8.4 2H9.6V3H8.4V2ZM9.6 1H10.8V2H9.6V1ZM10.8 2H12V3H10.8V2ZM9.6 3H10.8V4H9.6V3ZM7.2 3H8.4V4H7.2V3Z",
43
41
  fill: "#1A47B8"
44
- })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
45
- id: "clip0_216_201760"
46
- }, /*#__PURE__*/_react["default"].createElement("rect", {
47
- width: "22",
48
- height: "16",
49
- rx: "2",
50
- fill: "white"
51
- }))));
42
+ }));
52
43
  };
package/dist/components/common/Flag/styles.js CHANGED
@@ -9,7 +9,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
9
9
  var FlagWrapper = exports.FlagWrapper = _styledComponents["default"].div.withConfig({
10
10
  displayName: "styles__FlagWrapper",
11
11
  componentId: "sc-1te2h7u-0"
12
- })(["box-shadow:0 1px 5px rgba(53,63,71,0.2);width:", "px;height:", "px;display:flex;justify-content:center;align-items:center;"], function (_ref) {
12
+ })(["box-shadow:0 1px 5px rgba(53,63,71,0.2);width:", "px;height:", "px;display:flex;justify-content:center;align-items:center;border-radius:2px;overflow:hidden;"], function (_ref) {
13
13
  var $width = _ref.$width;
14
14
  return $width;
15
15
  }, function (_ref2) {
package/dist/components/form/PhoneInput/constants.js CHANGED
@@ -6,42 +6,49 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.allCountriesPhoneRules = void 0;
7
7
  var allCountriesPhoneRules = exports.allCountriesPhoneRules = {
8
8
  RUS: {
9
+ placeholder: '+7 (XXX) XXX-XX-XX',
9
10
  mask: '+9 (999) 999-99-99',
10
11
  startSubsequence: '7',
11
12
  regexp: /^\+?7(9\d{9})$/,
12
13
  flag: 'RUS'
13
14
  },
14
15
  BLR: {
16
+ placeholder: '+375 XX XXX-XX-XX',
15
17
  mask: '+999 99 999-99-99',
16
18
  startSubsequence: '375',
17
19
  regexp: /^(\+?375)?(24|25|29|33|44)\d{7}$/,
18
20
  flag: 'BLR'
19
21
  },
20
22
  AZE: {
23
+ placeholder: '+994 (XX) XXX-XXXX',
21
24
  mask: '+999 (99) 999-9999',
22
25
  startSubsequence: '994',
23
26
  regexp: /^\+?994\d{9}$/,
24
27
  flag: 'AZE'
25
28
  },
26
29
  ARM: {
30
+ placeholder: '+374 (XX) XXX-XXX',
27
31
  mask: '+999 (99) 999-999',
28
32
  startSubsequence: '374',
29
33
  regexp: /\+?374\d{8}/,
30
34
  flag: 'ARM'
31
35
  },
32
36
  KAZ: {
37
+ placeholder: '+7 (XXX) XXX-XX-XX',
33
38
  mask: '+9 (999) 999-99-99',
34
39
  startSubsequence: '7',
35
40
  regexp: /^(\+?7|8)?7\d{9}$/,
36
41
  flag: 'KAZ'
37
42
  },
38
43
  TJK: {
44
+ placeholder: '+992-XX-XXX-XXXX',
39
45
  mask: '+999-99-999-9999',
40
46
  startSubsequence: '992',
41
47
  regexp: /^\+?992\d{9}$/,
42
48
  flag: 'TJK'
43
49
  },
44
50
  UZB: {
51
+ placeholder: '+998 XX XXXXXXX',
45
52
  mask: '+999 99 9999999',
46
53
  startSubsequence: '998',
47
54
  regexp: /\+?998\d{9}/,
package/dist/components/form/PhoneInput/index.js CHANGED
@@ -145,7 +145,8 @@ var PhoneInput = exports.PhoneInput = function PhoneInput(_ref) {
145
145
  mask: currentCountriesPhoneRules[country].mask,
146
146
  maskPlaceholder: null,
147
147
  disabled: disabled,
148
- onPaste: handlePaste
148
+ onPaste: handlePaste,
149
+ placeholder: currentCountriesPhoneRules[country].placeholder
149
150
  }, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
150
151
  id: id,
151
152
  hasError: hasError || (isFirstBlur ? false : isHaveInputError),
package/dist/components/form/PhoneInput/types.d.ts CHANGED
@@ -2,6 +2,7 @@ export declare const RUS_COUNTRY_CODE = "RUS";
2
2
  export declare const supportedCountries: readonly ["RUS", "BLR", "AZE", "ARM", "KAZ", "TJK", "UZB"];
3
3
  export type TSupportedCountries = (typeof supportedCountries)[number];
4
4
  export type TCountryRule = {
5
+ placeholder: string;
5
6
  mask: string;
6
7
  startSubsequence: string;
7
8
  regexp: RegExp;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.61",
3
+ "version": "0.1.0-alpha.63",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {