@salutejs/plasma-new-hope 0.328.0-canary.2044.15920656086.0 → 0.328.0-canary.2046.15876031934.0

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 (215) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Calendar/utils/getDateWithModification.js +2 -2
  3. package/cjs/components/Calendar/utils/getDateWithModification.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
  6. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  7. package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
  8. package/cjs/components/Pagination/Pagination.css +1 -1
  9. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  10. package/cjs/components/Range/Range.css +1 -1
  11. package/cjs/components/Select/Select.css +1 -1
  12. package/cjs/components/Select/ui/Target/Target.css +1 -1
  13. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  14. package/cjs/components/Slider/Slider.css +1 -1
  15. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  16. package/cjs/components/Table/Table.css +1 -1
  17. package/cjs/components/Table/ui/Cell/Cell.css +1 -1
  18. package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
  19. package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
  20. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  21. package/cjs/components/TextArea/TextArea.js +3 -7
  22. package/cjs/components/TextArea/TextArea.js.map +1 -1
  23. package/cjs/components/TextArea/TextArea.tokens.js +1 -4
  24. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  25. package/cjs/components/TextArea/variations/_size/base.js +1 -1
  26. package/cjs/components/TextArea/variations/_size/base.js.map +1 -1
  27. package/cjs/components/TextField/TextField.js +3 -12
  28. package/cjs/components/TextField/TextField.js.map +1 -1
  29. package/cjs/components/TextField/TextField.tokens.js +1 -4
  30. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  31. package/cjs/components/TextField/variations/_size/base.js +1 -1
  32. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  33. package/cjs/components/TextField/variations/_size/base_uulqii.css +1 -0
  34. package/cjs/index.css +1 -8
  35. package/cjs/index.js +0 -6
  36. package/cjs/index.js.map +1 -1
  37. package/emotion/cjs/components/Calendar/utils/getDateWithModification.js +2 -2
  38. package/emotion/cjs/components/TextArea/TextArea.js +4 -8
  39. package/emotion/cjs/components/TextArea/TextArea.tokens.js +1 -3
  40. package/emotion/cjs/components/TextArea/variations/_size/base.js +1 -2
  41. package/emotion/cjs/components/TextField/TextField.js +4 -13
  42. package/emotion/cjs/components/TextField/TextField.tokens.js +1 -3
  43. package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
  44. package/emotion/cjs/index.js +0 -1
  45. package/emotion/es/components/Calendar/utils/getDateWithModification.js +2 -2
  46. package/emotion/es/components/TextArea/TextArea.js +4 -8
  47. package/emotion/es/components/TextArea/TextArea.tokens.js +1 -3
  48. package/emotion/es/components/TextArea/variations/_size/base.js +1 -2
  49. package/emotion/es/components/TextField/TextField.js +4 -13
  50. package/emotion/es/components/TextField/TextField.tokens.js +1 -3
  51. package/emotion/es/components/TextField/variations/_size/base.js +1 -1
  52. package/emotion/es/index.js +0 -1
  53. package/es/components/Autocomplete/Autocomplete.css +1 -1
  54. package/es/components/Calendar/utils/getDateWithModification.js +2 -2
  55. package/es/components/Calendar/utils/getDateWithModification.js.map +1 -1
  56. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
  57. package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
  58. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  59. package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
  60. package/es/components/Pagination/Pagination.css +1 -1
  61. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  62. package/es/components/Range/Range.css +1 -1
  63. package/es/components/Select/Select.css +1 -1
  64. package/es/components/Select/ui/Target/Target.css +1 -1
  65. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  66. package/es/components/Slider/Slider.css +1 -1
  67. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  68. package/es/components/Table/Table.css +1 -1
  69. package/es/components/Table/ui/Cell/Cell.css +1 -1
  70. package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
  71. package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
  72. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  73. package/es/components/TextArea/TextArea.js +3 -7
  74. package/es/components/TextArea/TextArea.js.map +1 -1
  75. package/es/components/TextArea/TextArea.tokens.js +1 -4
  76. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  77. package/es/components/TextArea/variations/_size/base.js +1 -1
  78. package/es/components/TextArea/variations/_size/base.js.map +1 -1
  79. package/es/components/TextField/TextField.js +3 -12
  80. package/es/components/TextField/TextField.js.map +1 -1
  81. package/es/components/TextField/TextField.tokens.js +1 -4
  82. package/es/components/TextField/TextField.tokens.js.map +1 -1
  83. package/es/components/TextField/variations/_size/base.js +1 -1
  84. package/es/components/TextField/variations/_size/base.js.map +1 -1
  85. package/es/components/TextField/variations/_size/base_uulqii.css +1 -0
  86. package/es/index.css +1 -8
  87. package/es/index.js +0 -2
  88. package/es/index.js.map +1 -1
  89. package/package.json +4 -4
  90. package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js +2 -2
  91. package/styled-components/cjs/components/TextArea/TextArea.js +3 -7
  92. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +1 -3
  93. package/styled-components/cjs/components/TextArea/variations/_size/base.js +2 -5
  94. package/styled-components/cjs/components/TextField/TextField.js +3 -12
  95. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -3
  96. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -3
  97. package/styled-components/cjs/index.js +0 -1
  98. package/styled-components/es/components/Calendar/utils/getDateWithModification.js +2 -2
  99. package/styled-components/es/components/TextArea/TextArea.js +3 -7
  100. package/styled-components/es/components/TextArea/TextArea.tokens.js +1 -3
  101. package/styled-components/es/components/TextArea/variations/_size/base.js +2 -5
  102. package/styled-components/es/components/TextField/TextField.js +3 -12
  103. package/styled-components/es/components/TextField/TextField.tokens.js +1 -3
  104. package/styled-components/es/components/TextField/variations/_size/base.js +1 -3
  105. package/styled-components/es/index.js +0 -1
  106. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  107. package/types/components/TextArea/TextArea.tokens.d.ts +0 -1
  108. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  109. package/types/components/TextArea/variations/_size/base.d.ts.map +1 -1
  110. package/types/components/TextField/TextField.d.ts.map +1 -1
  111. package/types/components/TextField/TextField.tokens.d.ts +0 -1
  112. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  113. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  114. package/types/index.d.ts +0 -1
  115. package/types/index.d.ts.map +1 -1
  116. package/cjs/components/TextArea/variations/_size/base_1mq4sb2.css +0 -1
  117. package/cjs/components/TextField/variations/_size/base_1oec4lw.css +0 -1
  118. package/cjs/components/Tour/Tour.css +0 -4
  119. package/cjs/components/Tour/Tour.js +0 -223
  120. package/cjs/components/Tour/Tour.js.map +0 -1
  121. package/cjs/components/Tour/Tour.styles.js +0 -58
  122. package/cjs/components/Tour/Tour.styles.js.map +0 -1
  123. package/cjs/components/Tour/Tour.styles_hmd79i.css +0 -4
  124. package/cjs/components/Tour/Tour.tokens.js +0 -21
  125. package/cjs/components/Tour/Tour.tokens.js.map +0 -1
  126. package/cjs/components/Tour/utils/index.js +0 -126
  127. package/cjs/components/Tour/utils/index.js.map +0 -1
  128. package/cjs/components/Tour/variatoins/_size/base.js +0 -9
  129. package/cjs/components/Tour/variatoins/_size/base.js.map +0 -1
  130. package/cjs/components/Tour/variatoins/_view/base.js +0 -9
  131. package/cjs/components/Tour/variatoins/_view/base.js.map +0 -1
  132. package/emotion/cjs/components/Tour/Tour.js +0 -387
  133. package/emotion/cjs/components/Tour/Tour.styles.js +0 -55
  134. package/emotion/cjs/components/Tour/Tour.tokens.js +0 -31
  135. package/emotion/cjs/components/Tour/Tour.types.js +0 -4
  136. package/emotion/cjs/components/Tour/index.js +0 -26
  137. package/emotion/cjs/components/Tour/utils/index.js +0 -157
  138. package/emotion/cjs/components/Tour/variatoins/_size/base.js +0 -12
  139. package/emotion/cjs/components/Tour/variatoins/_view/base.js +0 -12
  140. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +0 -26
  141. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.js +0 -15
  142. package/emotion/cjs/examples/plasma_web/components/Tour/Tour.config.js +0 -26
  143. package/emotion/cjs/examples/plasma_web/components/Tour/Tour.js +0 -15
  144. package/emotion/es/components/Tour/Tour.js +0 -328
  145. package/emotion/es/components/Tour/Tour.styles.js +0 -26
  146. package/emotion/es/components/Tour/Tour.tokens.js +0 -13
  147. package/emotion/es/components/Tour/Tour.types.js +0 -1
  148. package/emotion/es/components/Tour/index.js +0 -2
  149. package/emotion/es/components/Tour/utils/index.js +0 -127
  150. package/emotion/es/components/Tour/variatoins/_size/base.js +0 -2
  151. package/emotion/es/components/Tour/variatoins/_view/base.js +0 -2
  152. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.config.js +0 -16
  153. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.js +0 -5
  154. package/emotion/es/examples/plasma_web/components/Tour/Tour.config.js +0 -16
  155. package/emotion/es/examples/plasma_web/components/Tour/Tour.js +0 -5
  156. package/es/components/TextArea/variations/_size/base_1mq4sb2.css +0 -1
  157. package/es/components/TextField/variations/_size/base_1oec4lw.css +0 -1
  158. package/es/components/Tour/Tour.css +0 -4
  159. package/es/components/Tour/Tour.js +0 -214
  160. package/es/components/Tour/Tour.js.map +0 -1
  161. package/es/components/Tour/Tour.styles.js +0 -51
  162. package/es/components/Tour/Tour.styles.js.map +0 -1
  163. package/es/components/Tour/Tour.styles_hmd79i.css +0 -4
  164. package/es/components/Tour/Tour.tokens.js +0 -16
  165. package/es/components/Tour/Tour.tokens.js.map +0 -1
  166. package/es/components/Tour/utils/index.js +0 -117
  167. package/es/components/Tour/utils/index.js.map +0 -1
  168. package/es/components/Tour/variatoins/_size/base.js +0 -5
  169. package/es/components/Tour/variatoins/_size/base.js.map +0 -1
  170. package/es/components/Tour/variatoins/_size/base_x642ct.css +0 -1
  171. package/es/components/Tour/variatoins/_view/base.js +0 -5
  172. package/es/components/Tour/variatoins/_view/base.js.map +0 -1
  173. package/es/components/Tour/variatoins/_view/base_x642ct.css +0 -1
  174. package/styled-components/cjs/components/Tour/Tour.js +0 -387
  175. package/styled-components/cjs/components/Tour/Tour.styles.js +0 -66
  176. package/styled-components/cjs/components/Tour/Tour.tokens.js +0 -31
  177. package/styled-components/cjs/components/Tour/Tour.types.js +0 -4
  178. package/styled-components/cjs/components/Tour/index.js +0 -26
  179. package/styled-components/cjs/components/Tour/utils/index.js +0 -157
  180. package/styled-components/cjs/components/Tour/variatoins/_size/base.js +0 -14
  181. package/styled-components/cjs/components/Tour/variatoins/_view/base.js +0 -14
  182. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +0 -33
  183. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.js +0 -15
  184. package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.config.js +0 -33
  185. package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.js +0 -15
  186. package/styled-components/es/components/Tour/Tour.js +0 -328
  187. package/styled-components/es/components/Tour/Tour.styles.js +0 -37
  188. package/styled-components/es/components/Tour/Tour.tokens.js +0 -13
  189. package/styled-components/es/components/Tour/Tour.types.js +0 -1
  190. package/styled-components/es/components/Tour/index.js +0 -2
  191. package/styled-components/es/components/Tour/utils/index.js +0 -127
  192. package/styled-components/es/components/Tour/variatoins/_size/base.js +0 -4
  193. package/styled-components/es/components/Tour/variatoins/_view/base.js +0 -4
  194. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.config.js +0 -23
  195. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.js +0 -5
  196. package/styled-components/es/examples/plasma_web/components/Tour/Tour.config.js +0 -23
  197. package/styled-components/es/examples/plasma_web/components/Tour/Tour.js +0 -5
  198. package/types/components/Tour/Tour.d.ts +0 -23
  199. package/types/components/Tour/Tour.d.ts.map +0 -1
  200. package/types/components/Tour/Tour.styles.d.ts +0 -11
  201. package/types/components/Tour/Tour.styles.d.ts.map +0 -1
  202. package/types/components/Tour/Tour.tokens.d.ts +0 -14
  203. package/types/components/Tour/Tour.tokens.d.ts.map +0 -1
  204. package/types/components/Tour/Tour.types.d.ts +0 -86
  205. package/types/components/Tour/Tour.types.d.ts.map +0 -1
  206. package/types/components/Tour/index.d.ts +0 -4
  207. package/types/components/Tour/index.d.ts.map +0 -1
  208. package/types/components/Tour/utils/index.d.ts +0 -7
  209. package/types/components/Tour/utils/index.d.ts.map +0 -1
  210. package/types/components/Tour/variatoins/_size/base.d.ts +0 -2
  211. package/types/components/Tour/variatoins/_size/base.d.ts.map +0 -1
  212. package/types/components/Tour/variatoins/_view/base.d.ts +0 -2
  213. package/types/components/Tour/variatoins/_view/base.d.ts.map +0 -1
  214. /package/cjs/components/{Tour/variatoins → TextArea/variations}/_size/base_x642ct.css +0 -0
  215. /package/{cjs/components/Tour/variatoins/_view → es/components/TextArea/variations/_size}/base_x642ct.css +0 -0
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "base", {
6
- enumerable: true,
7
- get: function() {
8
- return base;
9
- }
10
- });
11
- var _styledcomponents = require("styled-components");
12
- var base = (0, _styledcomponents.css)([
13
- ""
14
- ]);
@@ -1,33 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
8
- return config;
9
- }
10
- });
11
- var _styledcomponents = require("styled-components");
12
- var _Tourtokens = require("../../../../components/Tour/Tour.tokens");
13
- var config = {
14
- defaults: {
15
- view: 'accent',
16
- size: 's'
17
- },
18
- variations: {
19
- view: {
20
- default: (0, _styledcomponents.css)([
21
- ""
22
- ])
23
- },
24
- size: {
25
- s: (0, _styledcomponents.css)([
26
- "",
27
- ":0.75rem;",
28
- ":0.75rem;",
29
- ":0.75rem;"
30
- ], _Tourtokens.tokens.cardPadding, _Tourtokens.tokens.cardRadius, _Tourtokens.tokens.highlightRadius)
31
- }
32
- }
33
- };
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Tour", {
6
- enumerable: true,
7
- get: function() {
8
- return Tour;
9
- }
10
- });
11
- var _Tour = require("../../../../components/Tour");
12
- var _engines = require("../../../../engines");
13
- var _Tourconfig = require("./Tour.config");
14
- var mergedConfig = (0, _engines.mergeConfig)(_Tour.tourConfig, _Tourconfig.config);
15
- var Tour = (0, _engines.component)(mergedConfig);
@@ -1,33 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
8
- return config;
9
- }
10
- });
11
- var _styledcomponents = require("styled-components");
12
- var _Tourtokens = require("../../../../components/Tour/Tour.tokens");
13
- var config = {
14
- defaults: {
15
- view: 'accent',
16
- size: 's'
17
- },
18
- variations: {
19
- view: {
20
- default: (0, _styledcomponents.css)([
21
- ""
22
- ])
23
- },
24
- size: {
25
- s: (0, _styledcomponents.css)([
26
- "",
27
- ":0.75rem;",
28
- ":0.75rem;",
29
- ":0.75rem;"
30
- ], _Tourtokens.tokens.cardPadding, _Tourtokens.tokens.cardRadius, _Tourtokens.tokens.highlightRadius)
31
- }
32
- }
33
- };
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Tour", {
6
- enumerable: true,
7
- get: function() {
8
- return Tour;
9
- }
10
- });
11
- var _Tour = require("../../../../components/Tour");
12
- var _engines = require("../../../../engines");
13
- var _Tourconfig = require("./Tour.config");
14
- var mergedConfig = (0, _engines.mergeConfig)(_Tour.tourConfig, _Tourconfig.config);
15
- var Tour = (0, _engines.component)(mergedConfig);
@@ -1,328 +0,0 @@
1
- function _array_like_to_array(arr, len) {
2
- if (len == null || len > arr.length) len = arr.length;
3
- for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
4
- return arr2;
5
- }
6
- function _array_with_holes(arr) {
7
- if (Array.isArray(arr)) return arr;
8
- }
9
- function _define_property(obj, key, value) {
10
- if (key in obj) {
11
- Object.defineProperty(obj, key, {
12
- value: value,
13
- enumerable: true,
14
- configurable: true,
15
- writable: true
16
- });
17
- } else {
18
- obj[key] = value;
19
- }
20
- return obj;
21
- }
22
- function _iterable_to_array_limit(arr, i) {
23
- var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
24
- if (_i == null) return;
25
- var _arr = [];
26
- var _n = true;
27
- var _d = false;
28
- var _s, _e;
29
- try {
30
- for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
31
- _arr.push(_s.value);
32
- if (i && _arr.length === i) break;
33
- }
34
- } catch (err) {
35
- _d = true;
36
- _e = err;
37
- } finally{
38
- try {
39
- if (!_n && _i["return"] != null) _i["return"]();
40
- } finally{
41
- if (_d) throw _e;
42
- }
43
- }
44
- return _arr;
45
- }
46
- function _non_iterable_rest() {
47
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
48
- }
49
- function _object_spread(target) {
50
- for(var i = 1; i < arguments.length; i++){
51
- var source = arguments[i] != null ? arguments[i] : {};
52
- var ownKeys = Object.keys(source);
53
- if (typeof Object.getOwnPropertySymbols === "function") {
54
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
55
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
56
- }));
57
- }
58
- ownKeys.forEach(function(key) {
59
- _define_property(target, key, source[key]);
60
- });
61
- }
62
- return target;
63
- }
64
- function ownKeys(object, enumerableOnly) {
65
- var keys = Object.keys(object);
66
- if (Object.getOwnPropertySymbols) {
67
- var symbols = Object.getOwnPropertySymbols(object);
68
- if (enumerableOnly) {
69
- symbols = symbols.filter(function(sym) {
70
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
71
- });
72
- }
73
- keys.push.apply(keys, symbols);
74
- }
75
- return keys;
76
- }
77
- function _object_spread_props(target, source) {
78
- source = source != null ? source : {};
79
- if (Object.getOwnPropertyDescriptors) {
80
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
81
- } else {
82
- ownKeys(Object(source)).forEach(function(key) {
83
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
84
- });
85
- }
86
- return target;
87
- }
88
- function _object_without_properties(source, excluded) {
89
- if (source == null) return {};
90
- var target = _object_without_properties_loose(source, excluded);
91
- var key, i;
92
- if (Object.getOwnPropertySymbols) {
93
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
94
- for(i = 0; i < sourceSymbolKeys.length; i++){
95
- key = sourceSymbolKeys[i];
96
- if (excluded.indexOf(key) >= 0) continue;
97
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
98
- target[key] = source[key];
99
- }
100
- }
101
- return target;
102
- }
103
- function _object_without_properties_loose(source, excluded) {
104
- if (source == null) return {};
105
- var target = {};
106
- var sourceKeys = Object.keys(source);
107
- var key, i;
108
- for(i = 0; i < sourceKeys.length; i++){
109
- key = sourceKeys[i];
110
- if (excluded.indexOf(key) >= 0) continue;
111
- target[key] = source[key];
112
- }
113
- return target;
114
- }
115
- function _sliced_to_array(arr, i) {
116
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
117
- }
118
- function _unsupported_iterable_to_array(o, minLen) {
119
- if (!o) return;
120
- if (typeof o === "string") return _array_like_to_array(o, minLen);
121
- var n = Object.prototype.toString.call(o).slice(8, -1);
122
- if (n === "Object" && o.constructor) n = o.constructor.name;
123
- if (n === "Map" || n === "Set") return Array.from(n);
124
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
125
- }
126
- import React, { forwardRef, useEffect, useState, useRef } from "react";
127
- import { createPortal } from "react-dom";
128
- import { useFloating, offset, flip, shift, autoUpdate } from "@floating-ui/react-dom";
129
- import { canUseDOM } from "../../utils";
130
- import { getHTMLElement, getIncreasedRadius, findRootElement } from "./utils";
131
- import { MaskContainer, Mask, Highlight, TourPortal } from "./Tour.styles";
132
- import { base as viewCSS } from "./variatoins/_view/base";
133
- import { base as sizeCSS } from "./variatoins/_size/base";
134
- import { classes } from "./Tour.tokens";
135
- export var tourRoot = function(Root) {
136
- return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
137
- var steps = _param.steps, current = _param.current, _param_defaultCurrent = _param.defaultCurrent, defaultCurrent = _param_defaultCurrent === void 0 ? 0 : _param_defaultCurrent, open = _param.open, _param_defaultOpen = _param.defaultOpen, defaultOpen = _param_defaultOpen === void 0 ? false : _param_defaultOpen, onClose = _param.onClose, _param_withOverlay = _param.withOverlay, withOverlay = _param_withOverlay === void 0 ? true : _param_withOverlay, overlayColor = _param.overlayColor, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 9000 : _param_zIndex, view = _param.view, size = _param.size, tmp = _param.offset, offsetProp = tmp === void 0 ? [
138
- 12,
139
- 12
140
- ] : tmp, _param_highlightOffset = _param.highlightOffset, highlightOffset = _param_highlightOffset === void 0 ? 4 : _param_highlightOffset, renderStep = _param.renderStep, rest = _object_without_properties(_param, [
141
- "steps",
142
- "current",
143
- "defaultCurrent",
144
- "open",
145
- "defaultOpen",
146
- "onClose",
147
- "withOverlay",
148
- "overlayColor",
149
- "zIndex",
150
- "view",
151
- "size",
152
- "offset",
153
- "highlightOffset",
154
- "renderStep"
155
- ]);
156
- var TOUR_PORTAL_ID = "plasma-tour-portal-".concat(Date.now());
157
- var isCurrentControlled = typeof current === 'number';
158
- var isOpenControlled = typeof open === 'boolean';
159
- var _useState = _sliced_to_array(useState(defaultCurrent), 2), innerCurrent = _useState[0], setInnerCurrent = _useState[1];
160
- var _useState1 = _sliced_to_array(useState(defaultOpen), 2), innerOpen = _useState1[0], setInnerOpen = _useState1[1];
161
- var _useState2 = _sliced_to_array(useState(null), 2), highlightRect = _useState2[0], setHighlightRect = _useState2[1];
162
- var _useState3 = _sliced_to_array(useState(null), 2), highlightBorderRadius = _useState3[0], setHighlightBorderRadius = _useState3[1];
163
- var _useState4 = _sliced_to_array(useState(null), 2), targetElement = _useState4[0], setTargetElement = _useState4[1];
164
- var portalRef = useRef(null);
165
- var active = isCurrentControlled ? current : innerCurrent;
166
- var isOpen = isOpenControlled ? open : innerOpen;
167
- var currentStep = steps[active];
168
- var rawPlacement = currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement;
169
- var placement = (Array.isArray(rawPlacement) ? rawPlacement[0] : rawPlacement) || 'bottom';
170
- var middleware = [
171
- offset(offsetProp[0]),
172
- flip({
173
- fallbackPlacements: Array.isArray(currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement) ? currentStep.placement : undefined
174
- }),
175
- shift({
176
- padding: offsetProp[1]
177
- })
178
- ];
179
- var _useFloating = useFloating({
180
- placement: placement,
181
- middleware: middleware,
182
- whileElementsMounted: autoUpdate
183
- }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, calculatedPlacement = _useFloating.placement;
184
- var handleSetOpen = function(value) {
185
- if (!isOpenControlled) {
186
- setInnerOpen(value);
187
- }
188
- if (!value) {
189
- onClose === null || onClose === void 0 ? void 0 : onClose();
190
- setInnerCurrent(0);
191
- setHighlightRect(null);
192
- setTargetElement(null);
193
- }
194
- };
195
- var handleClose = function() {
196
- handleSetOpen(false);
197
- };
198
- var updateHighlight = function() {
199
- if (!isOpen || !currentStep) {
200
- return;
201
- }
202
- var rootItem = findRootElement(currentStep.target);
203
- var highlightElement = getHTMLElement(rootItem);
204
- if (highlightElement) {
205
- var rect = highlightElement.getBoundingClientRect();
206
- setHighlightRect(rect);
207
- setTargetElement(highlightElement);
208
- var _currentStep_borderRadius;
209
- var borderRadius = currentStep.borderRadius === 'auto' || currentStep.borderRadius === undefined || currentStep.borderRadius === null ? getIncreasedRadius(rootItem, highlightOffset) : (_currentStep_borderRadius = currentStep === null || currentStep === void 0 ? void 0 : currentStep.borderRadius) !== null && _currentStep_borderRadius !== void 0 ? _currentStep_borderRadius : '0px';
210
- setHighlightBorderRadius(borderRadius);
211
- } else {
212
- setHighlightRect(null);
213
- setTargetElement(null);
214
- }
215
- };
216
- useEffect(function() {
217
- refs.setReference(targetElement);
218
- }, [
219
- refs,
220
- targetElement
221
- ]);
222
- useEffect(function() {
223
- if (!canUseDOM) {
224
- return;
225
- }
226
- var portal = document.getElementById(TOUR_PORTAL_ID);
227
- if (!portal) {
228
- portal = document.createElement('div');
229
- portal.setAttribute('id', TOUR_PORTAL_ID);
230
- document.body.appendChild(portal);
231
- }
232
- portalRef.current = portal;
233
- return function() {
234
- if (portal) {
235
- portal.remove();
236
- }
237
- };
238
- }, []);
239
- useEffect(function() {
240
- updateHighlight();
241
- window.addEventListener('resize', updateHighlight);
242
- window.addEventListener('scroll', updateHighlight, true);
243
- return function() {
244
- window.removeEventListener('resize', updateHighlight);
245
- window.removeEventListener('scroll', updateHighlight, true);
246
- };
247
- }, [
248
- currentStep
249
- ]);
250
- useEffect(function() {
251
- if (isOpen && targetElement) {
252
- targetElement.scrollIntoView({
253
- block: 'center',
254
- inline: 'center',
255
- behavior: 'smooth'
256
- });
257
- }
258
- }, [
259
- isOpen,
260
- active,
261
- targetElement
262
- ]);
263
- useEffect(function() {
264
- var handleKeyDown = function(e) {
265
- if (e.key === 'Escape') {
266
- handleClose();
267
- }
268
- };
269
- if (isOpen) {
270
- window.addEventListener('keydown', handleKeyDown);
271
- }
272
- return function() {
273
- window.removeEventListener('keydown', handleKeyDown);
274
- };
275
- }, [
276
- isOpen,
277
- handleClose
278
- ]);
279
- if (!currentStep || !canUseDOM || !portalRef.current) {
280
- return null;
281
- }
282
- var _highlightRect_left, _highlightRect_top, _highlightRect_width, _highlightRect_height;
283
- var tourContent = /*#__PURE__*/ React.createElement(Root, _object_spread({
284
- renderStep: renderStep,
285
- steps: steps,
286
- ref: outerRef,
287
- view: view,
288
- size: size
289
- }, rest), isOpen && withOverlay && /*#__PURE__*/ React.createElement(MaskContainer, {
290
- className: classes.mask,
291
- zIndex: zIndex
292
- }, /*#__PURE__*/ React.createElement(Mask, null), Boolean(highlightRect) && /*#__PURE__*/ React.createElement(Highlight, {
293
- overlayColor: overlayColor,
294
- borderRadius: highlightBorderRadius,
295
- style: {
296
- left: ((_highlightRect_left = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.left) !== null && _highlightRect_left !== void 0 ? _highlightRect_left : 0) - highlightOffset,
297
- top: ((_highlightRect_top = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.top) !== null && _highlightRect_top !== void 0 ? _highlightRect_top : 0) - highlightOffset,
298
- width: ((_highlightRect_width = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.width) !== null && _highlightRect_width !== void 0 ? _highlightRect_width : 0) + highlightOffset * 2,
299
- height: ((_highlightRect_height = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.height) !== null && _highlightRect_height !== void 0 ? _highlightRect_height : 0) + highlightOffset * 2
300
- }
301
- })), isOpen && Boolean(targetElement) && /*#__PURE__*/ React.createElement(TourPortal, {
302
- ref: refs.setFloating,
303
- style: _object_spread_props(_object_spread({}, floatingStyles), {
304
- zIndex: Number(zIndex)
305
- }),
306
- "data-placement": calculatedPlacement
307
- }, renderStep && renderStep(active, steps.length, active === steps.length - 1, steps[active])));
308
- return /*#__PURE__*/ createPortal(tourContent, portalRef.current);
309
- });
310
- };
311
- export var tourConfig = {
312
- name: 'Tour',
313
- tag: 'div',
314
- layout: tourRoot,
315
- base: '',
316
- variations: {
317
- view: {
318
- css: viewCSS
319
- },
320
- size: {
321
- css: sizeCSS
322
- }
323
- },
324
- defaults: {
325
- view: 'default',
326
- size: 'm'
327
- }
328
- };
@@ -1,37 +0,0 @@
1
- import styled from "styled-components";
2
- export var MaskContainer = styled.div.withConfig({
3
- displayName: "Tour.styles__MaskContainer",
4
- componentId: "sc-d6b8d03d-0"
5
- })([
6
- "z-index:",
7
- ";"
8
- ], function(param) {
9
- var zIndex = param.zIndex;
10
- return zIndex || 9000;
11
- });
12
- export var Mask = styled.div.withConfig({
13
- displayName: "Tour.styles__Mask",
14
- componentId: "sc-d6b8d03d-1"
15
- })([
16
- "position:fixed;inset:0;pointer-events:all;"
17
- ]);
18
- export var Highlight = styled.div.withConfig({
19
- displayName: "Tour.styles__Highlight",
20
- componentId: "sc-d6b8d03d-2"
21
- })([
22
- "--private-mask-color:",
23
- ";position:fixed;background:transparent;border-radius:",
24
- ";box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);"
25
- ], function(param) {
26
- var overlayColor = param.overlayColor;
27
- return "".concat(overlayColor || 'rgba(0, 0, 0, 0.45)');
28
- }, function(param) {
29
- var borderRadius = param.borderRadius;
30
- return borderRadius !== null && borderRadius !== void 0 ? borderRadius : 0;
31
- });
32
- export var TourPortal = styled.div.withConfig({
33
- displayName: "Tour.styles__TourPortal",
34
- componentId: "sc-d6b8d03d-3"
35
- })([
36
- "position:absolute;"
37
- ]);
@@ -1,13 +0,0 @@
1
- export var classes = {
2
- mask: 'tour-mask'
3
- };
4
- export var tokens = {
5
- cardPadding: '--plasma-tour-card-padding',
6
- cardRadius: '--plasma-tour-card-radius',
7
- cardBgColor: '--plasma-tour-card-bg',
8
- cardShadow: '--plasma-tour-card-shadow',
9
- maskBgColor: '--plasma-tour-mask-bg',
10
- titleColor: '--plasma-tour-title-color',
11
- descriptionColor: '--plasma-tour-description-color',
12
- highlightRadius: '--plasma-tour-highlight-radius'
13
- };
@@ -1 +0,0 @@
1
- export { };
@@ -1,2 +0,0 @@
1
- export { tourRoot, tourConfig } from "./Tour";
2
- export { tokens as tourTokens, classes as tourClasses } from "./Tour.tokens";
@@ -1,127 +0,0 @@
1
- import { canUseDOM } from "../../../utils";
2
- export var TOUR_FINDER_MARK = 'data-tour';
3
- export var ROOT_COMPONENT = 'data-root';
4
- export var TOUR_BORDER_RADIUS_TOKEN = '--plasma-tour__border-radius';
5
- export var getHTMLElement = function(target) {
6
- if (!target || !canUseDOM) {
7
- return null;
8
- }
9
- if (typeof target === 'string') {
10
- return document.querySelector(target);
11
- }
12
- if ('current' in target) {
13
- return target.current;
14
- }
15
- return target;
16
- };
17
- export var getIncreasedRadius = function(ref, offset) {
18
- if (!ref.current) {
19
- return '';
20
- }
21
- var element = ref.current;
22
- var computedStyle = getComputedStyle(element);
23
- var borderRadiusComponent = computedStyle.getPropertyValue(TOUR_BORDER_RADIUS_TOKEN);
24
- var currentRadius = computedStyle.borderRadius !== undefined && computedStyle.borderRadius !== null && computedStyle.borderRadius !== '0px' ? computedStyle.borderRadius : borderRadiusComponent;
25
- var parseValue = function(value, context) {
26
- var num = parseFloat(value);
27
- if (Number.isNaN(num)) return 0;
28
- if (value.endsWith('px')) return num;
29
- if (value.endsWith('%')) return num / 100 * context.width;
30
- if (value.endsWith('em')) return num * parseFloat(computedStyle.fontSize);
31
- if (value.endsWith('rem')) {
32
- return num * parseFloat(getComputedStyle(document.documentElement).fontSize);
33
- }
34
- if (value.endsWith('vw')) return num / 100 * window.innerWidth;
35
- if (value.endsWith('vh')) return num / 100 * window.innerHeight;
36
- if (value.endsWith('vmin')) return num / 100 * Math.min(window.innerWidth, window.innerHeight);
37
- if (value.endsWith('vmax')) return num / 100 * Math.max(window.innerWidth, window.innerHeight);
38
- return num;
39
- };
40
- var context = {
41
- width: element.offsetWidth,
42
- height: element.offsetHeight
43
- };
44
- var parseRadius = function(radius) {
45
- var parts = radius.split('/').map(function(part) {
46
- return part.trim();
47
- });
48
- var horizontal = parts[0].split(/\s+/).map(function(val) {
49
- return parseValue(val, context);
50
- });
51
- var normalize = function(values) {
52
- if (values.length === 1) return [
53
- values[0],
54
- values[0],
55
- values[0],
56
- values[0]
57
- ];
58
- if (values.length === 2) return [
59
- values[0],
60
- values[1],
61
- values[0],
62
- values[1]
63
- ];
64
- if (values.length === 3) return [
65
- values[0],
66
- values[1],
67
- values[2],
68
- values[1]
69
- ];
70
- return values.slice(0, 4);
71
- };
72
- return {
73
- horizontal: normalize(horizontal),
74
- vertical: parts[1] ? normalize(parts[1].split(/\s+/).map(function(val) {
75
- return parseValue(val, context);
76
- })) : normalize(horizontal)
77
- };
78
- };
79
- try {
80
- var parsed = parseRadius(currentRadius);
81
- var newHorizontal = parsed.horizontal.map(function(val) {
82
- return val !== 0 ? Math.max(0, val + offset) : 0;
83
- });
84
- var newVertical = parsed.vertical.map(function(val) {
85
- return val !== 0 ? Math.max(0, val + offset) : 0;
86
- });
87
- var format = function(values) {
88
- return values.map(function(v) {
89
- return "".concat(v, "px");
90
- }).join(' ');
91
- };
92
- var horizontalStr = format(newHorizontal);
93
- var verticalStr = format(newVertical);
94
- return horizontalStr === verticalStr ? horizontalStr : "".concat(horizontalStr, " / ").concat(verticalStr);
95
- } catch (error) {
96
- return '';
97
- }
98
- };
99
- export var findRootElement = function(ref) {
100
- if (!ref.current) {
101
- return '';
102
- }
103
- var currentElement = ref.current;
104
- if (!(currentElement === null || currentElement === void 0 ? void 0 : currentElement.hasAttribute(TOUR_FINDER_MARK))) {
105
- return {
106
- current: currentElement
107
- };
108
- }
109
- while(currentElement !== null && currentElement !== document.documentElement){
110
- if (currentElement.hasAttribute(ROOT_COMPONENT)) {
111
- return {
112
- current: currentElement
113
- };
114
- }
115
- var parent = currentElement.parentElement;
116
- if (parent === null) {
117
- break;
118
- }
119
- currentElement = parent;
120
- }
121
- if (currentElement === null || currentElement === void 0 ? void 0 : currentElement.hasAttribute(ROOT_COMPONENT)) {
122
- return {
123
- current: currentElement
124
- };
125
- }
126
- return ref;
127
- };
@@ -1,4 +0,0 @@
1
- import { css } from "styled-components";
2
- export var base = css([
3
- ""
4
- ]);
@@ -1,4 +0,0 @@
1
- import { css } from "styled-components";
2
- export var base = css([
3
- ""
4
- ]);
@@ -1,23 +0,0 @@
1
- import { css } from "styled-components";
2
- import { tokens } from "../../../../components/Tour/Tour.tokens";
3
- export var config = {
4
- defaults: {
5
- view: 'accent',
6
- size: 's'
7
- },
8
- variations: {
9
- view: {
10
- default: css([
11
- ""
12
- ])
13
- },
14
- size: {
15
- s: css([
16
- "",
17
- ":0.75rem;",
18
- ":0.75rem;",
19
- ":0.75rem;"
20
- ], tokens.cardPadding, tokens.cardRadius, tokens.highlightRadius)
21
- }
22
- }
23
- };
@@ -1,5 +0,0 @@
1
- import { tourConfig } from "../../../../components/Tour";
2
- import { component, mergeConfig } from "../../../../engines";
3
- import { config } from "./Tour.config";
4
- var mergedConfig = mergeConfig(tourConfig, config);
5
- export var Tour = component(mergedConfig);