@salutejs/plasma-new-hope 0.338.0-canary.2281.18462149998.0 → 0.338.0-canary.2283.18490128554.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 (173) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +0 -2
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +0 -2
  3. package/cjs/components/Combobox/ComboboxOld/Combobox.css +0 -2
  4. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +0 -2
  5. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +0 -2
  6. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +0 -2
  7. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +0 -2
  8. package/cjs/components/DatePicker/RangeDate/RangeDate.css +0 -2
  9. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -2
  10. package/cjs/components/DatePicker/SingleDate/SingleDate.css +0 -2
  11. package/cjs/components/Dropdown/Dropdown.css +0 -2
  12. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +0 -4
  13. package/cjs/components/InformationWrapper/InformationWrapper.css +0 -2
  14. package/cjs/components/InformationWrapper/ui/Label/Label.css +0 -2
  15. package/cjs/components/Pagination/Pagination.css +0 -2
  16. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
  17. package/cjs/components/Popover/Popover.css +0 -4
  18. package/cjs/components/Popover/Popover.js +2 -10
  19. package/cjs/components/Popover/Popover.js.map +1 -1
  20. package/cjs/components/Range/Range.css +0 -2
  21. package/cjs/components/Select/Select.css +0 -2
  22. package/cjs/components/Select/ui/Target/Target.css +0 -2
  23. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +0 -2
  24. package/cjs/components/Slider/Slider.css +0 -2
  25. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -2
  26. package/cjs/components/Slider/ui/Handler/Handler.js +6 -2
  27. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
  28. package/cjs/components/Table/Table.css +0 -2
  29. package/cjs/components/Table/ui/Cell/Cell.css +0 -2
  30. package/cjs/components/Table/ui/EditableCell/EditableCell.css +0 -2
  31. package/cjs/components/Table/ui/HeadCell/HeadCell.css +0 -2
  32. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
  33. package/cjs/components/TextArea/ui/Hint/Hint.css +0 -2
  34. package/cjs/components/TextField/ui/Hint/Hint.css +0 -2
  35. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -2
  36. package/cjs/components/TimePicker/TimePicker.css +0 -2
  37. package/cjs/index.css +0 -2
  38. package/emotion/cjs/components/Popover/Popover.js +2 -10
  39. package/emotion/cjs/components/Slider/ui/Handler/Handler.js +6 -2
  40. package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  41. package/emotion/es/components/Popover/Popover.js +2 -10
  42. package/emotion/es/components/Slider/ui/Handler/Handler.js +6 -2
  43. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  44. package/es/components/Autocomplete/Autocomplete.css +0 -2
  45. package/es/components/Combobox/ComboboxNew/Combobox.css +0 -2
  46. package/es/components/Combobox/ComboboxOld/Combobox.css +0 -2
  47. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +0 -2
  48. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +0 -2
  49. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +0 -2
  50. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +0 -2
  51. package/es/components/DatePicker/RangeDate/RangeDate.css +0 -2
  52. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -2
  53. package/es/components/DatePicker/SingleDate/SingleDate.css +0 -2
  54. package/es/components/Dropdown/Dropdown.css +0 -2
  55. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +0 -4
  56. package/es/components/InformationWrapper/InformationWrapper.css +0 -2
  57. package/es/components/InformationWrapper/ui/Label/Label.css +0 -2
  58. package/es/components/Pagination/Pagination.css +0 -2
  59. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
  60. package/es/components/Popover/Popover.css +0 -4
  61. package/es/components/Popover/Popover.js +2 -10
  62. package/es/components/Popover/Popover.js.map +1 -1
  63. package/es/components/Range/Range.css +0 -2
  64. package/es/components/Select/Select.css +0 -2
  65. package/es/components/Select/ui/Target/Target.css +0 -2
  66. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +0 -2
  67. package/es/components/Slider/Slider.css +0 -2
  68. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -2
  69. package/es/components/Slider/ui/Handler/Handler.js +7 -3
  70. package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
  71. package/es/components/Table/Table.css +0 -2
  72. package/es/components/Table/ui/Cell/Cell.css +0 -2
  73. package/es/components/Table/ui/EditableCell/EditableCell.css +0 -2
  74. package/es/components/Table/ui/HeadCell/HeadCell.css +0 -2
  75. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
  76. package/es/components/TextArea/ui/Hint/Hint.css +0 -2
  77. package/es/components/TextField/ui/Hint/Hint.css +0 -2
  78. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -2
  79. package/es/components/TimePicker/TimePicker.css +0 -2
  80. package/es/index.css +0 -2
  81. package/package.json +4 -4
  82. package/styled-components/cjs/components/Popover/Popover.js +2 -10
  83. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +6 -2
  84. package/styled-components/es/components/Popover/Popover.js +2 -10
  85. package/styled-components/es/components/Slider/ui/Handler/Handler.js +6 -2
  86. package/types/components/Popover/Popover.d.ts.map +1 -1
  87. package/types/components/Popover/Popover.types.d.ts +0 -13
  88. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  89. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
  90. package/types/types/index.d.ts +0 -1
  91. package/types/types/index.d.ts.map +1 -1
  92. package/cjs/components/_Resizable/Resizable.css +0 -3
  93. package/cjs/components/_Resizable/Resizable.js +0 -87
  94. package/cjs/components/_Resizable/Resizable.js.map +0 -1
  95. package/cjs/components/_Resizable/Resizable.styles.js +0 -19
  96. package/cjs/components/_Resizable/Resizable.styles.js.map +0 -1
  97. package/cjs/components/_Resizable/Resizable.styles_1l85rp0.css +0 -1
  98. package/cjs/components/_Resizable/Resizable.tokens.js +0 -16
  99. package/cjs/components/_Resizable/Resizable.tokens.js.map +0 -1
  100. package/cjs/components/_Resizable/utils/getHandleStyles.js +0 -40
  101. package/cjs/components/_Resizable/utils/getHandleStyles.js.map +0 -1
  102. package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -38
  103. package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +0 -1
  104. package/cjs/components/_Resizable/utils/getResizeDirections.js +0 -73
  105. package/cjs/components/_Resizable/utils/getResizeDirections.js.map +0 -1
  106. package/emotion/cjs/components/_Resizable/Resizable.js +0 -120
  107. package/emotion/cjs/components/_Resizable/Resizable.styles.js +0 -22
  108. package/emotion/cjs/components/_Resizable/Resizable.tokens.js +0 -19
  109. package/emotion/cjs/components/_Resizable/Resizable.types.js +0 -4
  110. package/emotion/cjs/components/_Resizable/index.js +0 -19
  111. package/emotion/cjs/components/_Resizable/utils/getHandleStyles.js +0 -68
  112. package/emotion/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -54
  113. package/emotion/cjs/components/_Resizable/utils/getResizeDirections.js +0 -82
  114. package/emotion/cjs/components/_Resizable/utils/index.js +0 -27
  115. package/emotion/es/components/_Resizable/Resizable.js +0 -69
  116. package/emotion/es/components/_Resizable/Resizable.styles.js +0 -7
  117. package/emotion/es/components/_Resizable/Resizable.tokens.js +0 -9
  118. package/emotion/es/components/_Resizable/Resizable.types.js +0 -1
  119. package/emotion/es/components/_Resizable/index.js +0 -2
  120. package/emotion/es/components/_Resizable/utils/getHandleStyles.js +0 -58
  121. package/emotion/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -44
  122. package/emotion/es/components/_Resizable/utils/getResizeDirections.js +0 -72
  123. package/emotion/es/components/_Resizable/utils/index.js +0 -4
  124. package/es/components/_Resizable/Resizable.css +0 -3
  125. package/es/components/_Resizable/Resizable.js +0 -79
  126. package/es/components/_Resizable/Resizable.js.map +0 -1
  127. package/es/components/_Resizable/Resizable.styles.js +0 -15
  128. package/es/components/_Resizable/Resizable.styles.js.map +0 -1
  129. package/es/components/_Resizable/Resizable.styles_1l85rp0.css +0 -1
  130. package/es/components/_Resizable/Resizable.tokens.js +0 -12
  131. package/es/components/_Resizable/Resizable.tokens.js.map +0 -1
  132. package/es/components/_Resizable/utils/getHandleStyles.js +0 -36
  133. package/es/components/_Resizable/utils/getHandleStyles.js.map +0 -1
  134. package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -34
  135. package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +0 -1
  136. package/es/components/_Resizable/utils/getResizeDirections.js +0 -69
  137. package/es/components/_Resizable/utils/getResizeDirections.js.map +0 -1
  138. package/styled-components/cjs/components/_Resizable/Resizable.js +0 -120
  139. package/styled-components/cjs/components/_Resizable/Resizable.styles.js +0 -28
  140. package/styled-components/cjs/components/_Resizable/Resizable.tokens.js +0 -19
  141. package/styled-components/cjs/components/_Resizable/Resizable.types.js +0 -4
  142. package/styled-components/cjs/components/_Resizable/index.js +0 -19
  143. package/styled-components/cjs/components/_Resizable/utils/getHandleStyles.js +0 -68
  144. package/styled-components/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -54
  145. package/styled-components/cjs/components/_Resizable/utils/getResizeDirections.js +0 -82
  146. package/styled-components/cjs/components/_Resizable/utils/index.js +0 -27
  147. package/styled-components/es/components/_Resizable/Resizable.js +0 -69
  148. package/styled-components/es/components/_Resizable/Resizable.styles.js +0 -13
  149. package/styled-components/es/components/_Resizable/Resizable.tokens.js +0 -9
  150. package/styled-components/es/components/_Resizable/Resizable.types.js +0 -1
  151. package/styled-components/es/components/_Resizable/index.js +0 -2
  152. package/styled-components/es/components/_Resizable/utils/getHandleStyles.js +0 -58
  153. package/styled-components/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -44
  154. package/styled-components/es/components/_Resizable/utils/getResizeDirections.js +0 -72
  155. package/styled-components/es/components/_Resizable/utils/index.js +0 -4
  156. package/types/components/_Resizable/Resizable.d.ts +0 -4
  157. package/types/components/_Resizable/Resizable.d.ts.map +0 -1
  158. package/types/components/_Resizable/Resizable.styles.d.ts +0 -2
  159. package/types/components/_Resizable/Resizable.styles.d.ts.map +0 -1
  160. package/types/components/_Resizable/Resizable.tokens.d.ts +0 -10
  161. package/types/components/_Resizable/Resizable.tokens.d.ts.map +0 -1
  162. package/types/components/_Resizable/Resizable.types.d.ts +0 -72
  163. package/types/components/_Resizable/Resizable.types.d.ts.map +0 -1
  164. package/types/components/_Resizable/index.d.ts +0 -3
  165. package/types/components/_Resizable/index.d.ts.map +0 -1
  166. package/types/components/_Resizable/utils/getHandleStyles.d.ts +0 -37
  167. package/types/components/_Resizable/utils/getHandleStyles.d.ts.map +0 -1
  168. package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts +0 -5
  169. package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts.map +0 -1
  170. package/types/components/_Resizable/utils/getResizeDirections.d.ts +0 -14
  171. package/types/components/_Resizable/utils/getResizeDirections.d.ts.map +0 -1
  172. package/types/components/_Resizable/utils/index.d.ts +0 -5
  173. package/types/components/_Resizable/utils/index.d.ts.map +0 -1
@@ -1,28 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "IconResizeDiagonalStyled", {
6
- enumerable: true,
7
- get: function() {
8
- return IconResizeDiagonalStyled;
9
- }
10
- });
11
- var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
12
- var _Icon = require("../_Icon");
13
- var _Resizabletokens = require("./Resizable.tokens");
14
- function _interop_require_default(obj) {
15
- return obj && obj.__esModule ? obj : {
16
- default: obj
17
- };
18
- }
19
- var IconResizeDiagonalStyled = (0, _styledcomponents.default)(_Icon.IconResizeDiagonal).withConfig({
20
- displayName: "Resizable.styles__IconResizeDiagonalStyled",
21
- componentId: "sc-f8701217-0"
22
- })([
23
- "color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
24
- "{transform:rotate(-90deg);}&.",
25
- "{transform:rotate(0);}&.",
26
- "{transform:rotate(90deg);}&.",
27
- "{transform:rotate(180deg);}"
28
- ], _Resizabletokens.classes.resizableTopRightIcon, _Resizabletokens.classes.resizableBottomRightIcon, _Resizabletokens.classes.resizableBottomLeftIcon, _Resizabletokens.classes.resizableTopLeftIcon);
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "classes", {
6
- enumerable: true,
7
- get: function() {
8
- return classes;
9
- }
10
- });
11
- var classes = {
12
- resizableContainer: 'resizable-container',
13
- resizableTopRightIcon: 'resizable-top-right-icon',
14
- resizableBottomRightIcon: 'resizable-bottom-right-icon',
15
- resizableBottomLeftIcon: 'resizable-bottom-left-icon',
16
- resizableTopLeftIcon: 'resizable-top-left-icon',
17
- resizableHandleWrapper: 'resizable-handle-wrapper',
18
- resizableContainerNoSelect: 'resizable-container-no-select'
19
- };
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- _export_star(require("./Resizable.types"), exports);
6
- _export_star(require("./Resizable"), exports);
7
- function _export_star(from, to) {
8
- Object.keys(from).forEach(function(k) {
9
- if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
10
- Object.defineProperty(to, k, {
11
- enumerable: true,
12
- get: function() {
13
- return from[k];
14
- }
15
- });
16
- }
17
- });
18
- return from;
19
- }
@@ -1,68 +0,0 @@
1
- // Объект стилей для handler'а, в котором находится иконка ресайза.
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "getHandleStyles", {
7
- enumerable: true,
8
- get: function() {
9
- return getHandleStyles;
10
- }
11
- });
12
- function _define_property(obj, key, value) {
13
- if (key in obj) {
14
- Object.defineProperty(obj, key, {
15
- value: value,
16
- enumerable: true,
17
- configurable: true,
18
- writable: true
19
- });
20
- } else {
21
- obj[key] = value;
22
- }
23
- return obj;
24
- }
25
- function _object_spread(target) {
26
- for(var i = 1; i < arguments.length; i++){
27
- var source = arguments[i] != null ? arguments[i] : {};
28
- var ownKeys = Object.keys(source);
29
- if (typeof Object.getOwnPropertySymbols === "function") {
30
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
31
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
32
- }));
33
- }
34
- ownKeys.forEach(function(key) {
35
- _define_property(target, key, source[key]);
36
- });
37
- }
38
- return target;
39
- }
40
- var base = {
41
- width: 'auto',
42
- height: 'auto',
43
- lineHeight: '0'
44
- };
45
- var getHandleStyles = function() {
46
- return {
47
- topRight: _object_spread({
48
- top: '0',
49
- right: '0',
50
- transform: 'translate(50%, -50%)'
51
- }, base),
52
- bottomRight: _object_spread({
53
- right: '0',
54
- bottom: '0',
55
- transform: 'translate(50%, 50%)'
56
- }, base),
57
- bottomLeft: _object_spread({
58
- bottom: '0',
59
- left: '0',
60
- transform: 'translate(-50%, 50%)'
61
- }, base),
62
- topLeft: _object_spread({
63
- top: '0',
64
- left: '0',
65
- transform: 'translate(-50%, -50%)'
66
- }, base)
67
- };
68
- };
@@ -1,54 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "getRatioBasedOnPlacement", {
6
- enumerable: true,
7
- get: function() {
8
- return getRatioBasedOnPlacement;
9
- }
10
- });
11
- var getRatioBasedOnPlacement = function(placement) {
12
- switch(placement){
13
- case 'center':
14
- {
15
- return [
16
- 2,
17
- 2
18
- ];
19
- }
20
- case 'top':
21
- case 'bottom':
22
- {
23
- return [
24
- 2,
25
- 1
26
- ];
27
- }
28
- case 'left':
29
- case 'right':
30
- {
31
- return [
32
- 1,
33
- 2
34
- ];
35
- }
36
- case 'top-left':
37
- case 'top-right':
38
- case 'bottom-left':
39
- case 'bottom-right':
40
- {
41
- return [
42
- 1,
43
- 1
44
- ];
45
- }
46
- default:
47
- {
48
- return [
49
- 1,
50
- 1
51
- ];
52
- }
53
- }
54
- };
@@ -1,82 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "getResizeDirections", {
6
- enumerable: true,
7
- get: function() {
8
- return getResizeDirections;
9
- }
10
- });
11
- var getResizeDirections = function(directions) {
12
- if (!directions) {
13
- return {
14
- top: true,
15
- right: true,
16
- bottom: true,
17
- left: true,
18
- topRight: true,
19
- bottomRight: true,
20
- bottomLeft: true,
21
- topLeft: true
22
- };
23
- }
24
- var result = {
25
- top: false,
26
- right: false,
27
- bottom: false,
28
- left: false,
29
- topRight: false,
30
- bottomRight: false,
31
- bottomLeft: false,
32
- topLeft: false
33
- };
34
- var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
35
- try {
36
- for(var _iterator = directions[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
37
- var dir = _step.value;
38
- switch(dir){
39
- case 'top':
40
- result.top = true;
41
- break;
42
- case 'right':
43
- result.right = true;
44
- break;
45
- case 'bottom':
46
- result.bottom = true;
47
- break;
48
- case 'left':
49
- result.left = true;
50
- break;
51
- case 'top-right':
52
- result.topRight = true;
53
- break;
54
- case 'top-left':
55
- result.topLeft = true;
56
- break;
57
- case 'bottom-right':
58
- result.bottomRight = true;
59
- break;
60
- case 'bottom-left':
61
- result.bottomLeft = true;
62
- break;
63
- default:
64
- break;
65
- }
66
- }
67
- } catch (err) {
68
- _didIteratorError = true;
69
- _iteratorError = err;
70
- } finally{
71
- try {
72
- if (!_iteratorNormalCompletion && _iterator.return != null) {
73
- _iterator.return();
74
- }
75
- } finally{
76
- if (_didIteratorError) {
77
- throw _iteratorError;
78
- }
79
- }
80
- }
81
- return result;
82
- };
@@ -1,27 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
6
- enumerable: true,
7
- get: function() {
8
- return DEFAULT_Z_INDEX;
9
- }
10
- });
11
- _export_star(require("./getRatioBasedOnPlacement"), exports);
12
- _export_star(require("./getResizeDirections"), exports);
13
- _export_star(require("./getHandleStyles"), exports);
14
- function _export_star(from, to) {
15
- Object.keys(from).forEach(function(k) {
16
- if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
17
- Object.defineProperty(to, k, {
18
- enumerable: true,
19
- get: function() {
20
- return from[k];
21
- }
22
- });
23
- }
24
- });
25
- return from;
26
- }
27
- var DEFAULT_Z_INDEX = '9000';
@@ -1,69 +0,0 @@
1
- import React, { useRef } from "react";
2
- import { Resizable as ReResizable } from "re-resizable";
3
- import { getHandleStyles, getRatioBasedOnPlacement, getResizeDirections } from "./utils";
4
- import { classes } from "./Resizable.tokens";
5
- import { IconResizeDiagonalStyled } from "./Resizable.styles";
6
- export var Resizable = function(param) {
7
- var children = param.children, outerResizable = param.resizable, placement = param.placement, onResizeStart = param.onResizeStart, onResizeEnd = param.onResizeEnd;
8
- var _resizable_hiddenIcons, _resizable_icons, _resizable_hiddenIcons1, _resizable_icons1, _resizable_hiddenIcons2, _resizable_icons2, _resizable_hiddenIcons3, _resizable_icons3;
9
- var resizableContainer = useRef(null);
10
- var resizable = typeof outerResizable === 'boolean' ? {
11
- disabled: !outerResizable
12
- } : outerResizable;
13
- var handleResizeStart = function() {
14
- if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
15
- resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
16
- if (onResizeStart) {
17
- onResizeStart(resizableContainer);
18
- }
19
- }
20
- };
21
- var handleResizeEnd = function() {
22
- if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
23
- resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
24
- if (onResizeEnd) {
25
- onResizeEnd(resizableContainer);
26
- }
27
- }
28
- };
29
- if (!resizable || resizable.disabled) {
30
- return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
31
- }
32
- return /*#__PURE__*/ React.createElement(ReResizable, {
33
- ref: resizableContainer,
34
- enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
35
- resizeRatio: getRatioBasedOnPlacement(placement),
36
- defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
37
- minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
38
- minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
39
- maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
40
- maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
41
- onResizeStart: handleResizeStart,
42
- onResizeStop: handleResizeEnd,
43
- handleComponent: {
44
- topRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons = resizable.hiddenIcons) === null || _resizable_hiddenIcons === void 0 ? void 0 : _resizable_hiddenIcons.includes('top-right')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons = resizable.icons) === null || _resizable_icons === void 0 ? void 0 : _resizable_icons.topRight) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
45
- className: classes.resizableTopRightIcon,
46
- color: "inherit",
47
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
48
- })),
49
- bottomRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons1 = resizable.hiddenIcons) === null || _resizable_hiddenIcons1 === void 0 ? void 0 : _resizable_hiddenIcons1.includes('bottom-right')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons1 = resizable.icons) === null || _resizable_icons1 === void 0 ? void 0 : _resizable_icons1.bottomRight) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
50
- className: classes.resizableBottomRightIcon,
51
- color: "inherit",
52
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
53
- })),
54
- bottomLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons2 = resizable.hiddenIcons) === null || _resizable_hiddenIcons2 === void 0 ? void 0 : _resizable_hiddenIcons2.includes('bottom-left')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons2 = resizable.icons) === null || _resizable_icons2 === void 0 ? void 0 : _resizable_icons2.bottomLeft) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
55
- className: classes.resizableBottomLeftIcon,
56
- color: "inherit",
57
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
58
- })),
59
- topLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons3 = resizable.hiddenIcons) === null || _resizable_hiddenIcons3 === void 0 ? void 0 : _resizable_hiddenIcons3.includes('top-left')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons3 = resizable.icons) === null || _resizable_icons3 === void 0 ? void 0 : _resizable_icons3.topLeft) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
60
- className: classes.resizableTopLeftIcon,
61
- color: "inherit",
62
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
63
- }))
64
- },
65
- className: classes.resizableContainer,
66
- handleStyles: getHandleStyles(),
67
- handleWrapperClass: classes.resizableHandleWrapper
68
- }, children);
69
- };
@@ -1,13 +0,0 @@
1
- import styled from "styled-components";
2
- import { IconResizeDiagonal } from "../_Icon";
3
- import { classes } from "./Resizable.tokens";
4
- export var IconResizeDiagonalStyled = styled(IconResizeDiagonal).withConfig({
5
- displayName: "Resizable.styles__IconResizeDiagonalStyled",
6
- componentId: "sc-f8701217-0"
7
- })([
8
- "color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
9
- "{transform:rotate(-90deg);}&.",
10
- "{transform:rotate(0);}&.",
11
- "{transform:rotate(90deg);}&.",
12
- "{transform:rotate(180deg);}"
13
- ], classes.resizableTopRightIcon, classes.resizableBottomRightIcon, classes.resizableBottomLeftIcon, classes.resizableTopLeftIcon);
@@ -1,9 +0,0 @@
1
- export var classes = {
2
- resizableContainer: 'resizable-container',
3
- resizableTopRightIcon: 'resizable-top-right-icon',
4
- resizableBottomRightIcon: 'resizable-bottom-right-icon',
5
- resizableBottomLeftIcon: 'resizable-bottom-left-icon',
6
- resizableTopLeftIcon: 'resizable-top-left-icon',
7
- resizableHandleWrapper: 'resizable-handle-wrapper',
8
- resizableContainerNoSelect: 'resizable-container-no-select'
9
- };
@@ -1,2 +0,0 @@
1
- export * from "./Resizable.types";
2
- export * from "./Resizable";
@@ -1,58 +0,0 @@
1
- // Объект стилей для handler'а, в котором находится иконка ресайза.
2
- function _define_property(obj, key, value) {
3
- if (key in obj) {
4
- Object.defineProperty(obj, key, {
5
- value: value,
6
- enumerable: true,
7
- configurable: true,
8
- writable: true
9
- });
10
- } else {
11
- obj[key] = value;
12
- }
13
- return obj;
14
- }
15
- function _object_spread(target) {
16
- for(var i = 1; i < arguments.length; i++){
17
- var source = arguments[i] != null ? arguments[i] : {};
18
- var ownKeys = Object.keys(source);
19
- if (typeof Object.getOwnPropertySymbols === "function") {
20
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
21
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
22
- }));
23
- }
24
- ownKeys.forEach(function(key) {
25
- _define_property(target, key, source[key]);
26
- });
27
- }
28
- return target;
29
- }
30
- var base = {
31
- width: 'auto',
32
- height: 'auto',
33
- lineHeight: '0'
34
- };
35
- export var getHandleStyles = function() {
36
- return {
37
- topRight: _object_spread({
38
- top: '0',
39
- right: '0',
40
- transform: 'translate(50%, -50%)'
41
- }, base),
42
- bottomRight: _object_spread({
43
- right: '0',
44
- bottom: '0',
45
- transform: 'translate(50%, 50%)'
46
- }, base),
47
- bottomLeft: _object_spread({
48
- bottom: '0',
49
- left: '0',
50
- transform: 'translate(-50%, 50%)'
51
- }, base),
52
- topLeft: _object_spread({
53
- top: '0',
54
- left: '0',
55
- transform: 'translate(-50%, -50%)'
56
- }, base)
57
- };
58
- };
@@ -1,44 +0,0 @@
1
- export var getRatioBasedOnPlacement = function(placement) {
2
- switch(placement){
3
- case 'center':
4
- {
5
- return [
6
- 2,
7
- 2
8
- ];
9
- }
10
- case 'top':
11
- case 'bottom':
12
- {
13
- return [
14
- 2,
15
- 1
16
- ];
17
- }
18
- case 'left':
19
- case 'right':
20
- {
21
- return [
22
- 1,
23
- 2
24
- ];
25
- }
26
- case 'top-left':
27
- case 'top-right':
28
- case 'bottom-left':
29
- case 'bottom-right':
30
- {
31
- return [
32
- 1,
33
- 1
34
- ];
35
- }
36
- default:
37
- {
38
- return [
39
- 1,
40
- 1
41
- ];
42
- }
43
- }
44
- };
@@ -1,72 +0,0 @@
1
- export var getResizeDirections = function(directions) {
2
- if (!directions) {
3
- return {
4
- top: true,
5
- right: true,
6
- bottom: true,
7
- left: true,
8
- topRight: true,
9
- bottomRight: true,
10
- bottomLeft: true,
11
- topLeft: true
12
- };
13
- }
14
- var result = {
15
- top: false,
16
- right: false,
17
- bottom: false,
18
- left: false,
19
- topRight: false,
20
- bottomRight: false,
21
- bottomLeft: false,
22
- topLeft: false
23
- };
24
- var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
25
- try {
26
- for(var _iterator = directions[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
27
- var dir = _step.value;
28
- switch(dir){
29
- case 'top':
30
- result.top = true;
31
- break;
32
- case 'right':
33
- result.right = true;
34
- break;
35
- case 'bottom':
36
- result.bottom = true;
37
- break;
38
- case 'left':
39
- result.left = true;
40
- break;
41
- case 'top-right':
42
- result.topRight = true;
43
- break;
44
- case 'top-left':
45
- result.topLeft = true;
46
- break;
47
- case 'bottom-right':
48
- result.bottomRight = true;
49
- break;
50
- case 'bottom-left':
51
- result.bottomLeft = true;
52
- break;
53
- default:
54
- break;
55
- }
56
- }
57
- } catch (err) {
58
- _didIteratorError = true;
59
- _iteratorError = err;
60
- } finally{
61
- try {
62
- if (!_iteratorNormalCompletion && _iterator.return != null) {
63
- _iterator.return();
64
- }
65
- } finally{
66
- if (_didIteratorError) {
67
- throw _iteratorError;
68
- }
69
- }
70
- }
71
- return result;
72
- };
@@ -1,4 +0,0 @@
1
- export * from "./getRatioBasedOnPlacement";
2
- export * from "./getResizeDirections";
3
- export * from "./getHandleStyles";
4
- export var DEFAULT_Z_INDEX = '9000';
@@ -1,4 +0,0 @@
1
- import { FC, PropsWithChildren } from 'react';
2
- import type { ResizableProps } from './Resizable.types';
3
- export declare const Resizable: FC<PropsWithChildren<ResizableProps>>;
4
- //# sourceMappingURL=Resizable.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAoG3D,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const IconResizeDiagonalStyled: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps>;
2
- //# sourceMappingURL=Resizable.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Resizable.styles.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/Resizable.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,iGA0BpC,CAAC"}
@@ -1,10 +0,0 @@
1
- export declare const classes: {
2
- resizableContainer: string;
3
- resizableTopRightIcon: string;
4
- resizableBottomRightIcon: string;
5
- resizableBottomLeftIcon: string;
6
- resizableTopLeftIcon: string;
7
- resizableHandleWrapper: string;
8
- resizableContainerNoSelect: string;
9
- };
10
- //# sourceMappingURL=Resizable.tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Resizable.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/_Resizable/Resizable.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC"}