@salutejs/plasma-new-hope 0.338.0-canary.2281.18488447809.0 → 0.338.0-canary.2284.18491659303.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 (164) 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/Table/Table.css +0 -2
  27. package/cjs/components/Table/ui/Cell/Cell.css +0 -2
  28. package/cjs/components/Table/ui/EditableCell/EditableCell.css +0 -2
  29. package/cjs/components/Table/ui/HeadCell/HeadCell.css +0 -2
  30. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
  31. package/cjs/components/TextArea/ui/Hint/Hint.css +0 -2
  32. package/cjs/components/TextField/ui/Hint/Hint.css +0 -2
  33. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -2
  34. package/cjs/components/TimePicker/TimePicker.css +0 -2
  35. package/cjs/index.css +0 -2
  36. package/emotion/cjs/components/Popover/Popover.js +2 -10
  37. package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  38. package/emotion/es/components/Popover/Popover.js +2 -10
  39. package/es/components/Autocomplete/Autocomplete.css +0 -2
  40. package/es/components/Combobox/ComboboxNew/Combobox.css +0 -2
  41. package/es/components/Combobox/ComboboxOld/Combobox.css +0 -2
  42. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +0 -2
  43. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +0 -2
  44. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +0 -2
  45. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +0 -2
  46. package/es/components/DatePicker/RangeDate/RangeDate.css +0 -2
  47. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -2
  48. package/es/components/DatePicker/SingleDate/SingleDate.css +0 -2
  49. package/es/components/Dropdown/Dropdown.css +0 -2
  50. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +0 -4
  51. package/es/components/InformationWrapper/InformationWrapper.css +0 -2
  52. package/es/components/InformationWrapper/ui/Label/Label.css +0 -2
  53. package/es/components/Pagination/Pagination.css +0 -2
  54. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
  55. package/es/components/Popover/Popover.css +0 -4
  56. package/es/components/Popover/Popover.js +2 -10
  57. package/es/components/Popover/Popover.js.map +1 -1
  58. package/es/components/Range/Range.css +0 -2
  59. package/es/components/Select/Select.css +0 -2
  60. package/es/components/Select/ui/Target/Target.css +0 -2
  61. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +0 -2
  62. package/es/components/Slider/Slider.css +0 -2
  63. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -2
  64. package/es/components/Table/Table.css +0 -2
  65. package/es/components/Table/ui/Cell/Cell.css +0 -2
  66. package/es/components/Table/ui/EditableCell/EditableCell.css +0 -2
  67. package/es/components/Table/ui/HeadCell/HeadCell.css +0 -2
  68. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
  69. package/es/components/TextArea/ui/Hint/Hint.css +0 -2
  70. package/es/components/TextField/ui/Hint/Hint.css +0 -2
  71. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -2
  72. package/es/components/TimePicker/TimePicker.css +0 -2
  73. package/es/index.css +0 -2
  74. package/package.json +2 -2
  75. package/styled-components/cjs/components/Popover/Popover.js +2 -10
  76. package/styled-components/es/components/Popover/Popover.js +2 -10
  77. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  78. package/types/components/Popover/Popover.d.ts.map +1 -1
  79. package/types/components/Popover/Popover.types.d.ts +0 -13
  80. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  81. package/types/types/index.d.ts +0 -1
  82. package/types/types/index.d.ts.map +1 -1
  83. package/cjs/components/_Resizable/Resizable.css +0 -3
  84. package/cjs/components/_Resizable/Resizable.js +0 -87
  85. package/cjs/components/_Resizable/Resizable.js.map +0 -1
  86. package/cjs/components/_Resizable/Resizable.styles.js +0 -19
  87. package/cjs/components/_Resizable/Resizable.styles.js.map +0 -1
  88. package/cjs/components/_Resizable/Resizable.styles_1l85rp0.css +0 -1
  89. package/cjs/components/_Resizable/Resizable.tokens.js +0 -16
  90. package/cjs/components/_Resizable/Resizable.tokens.js.map +0 -1
  91. package/cjs/components/_Resizable/utils/getHandleStyles.js +0 -40
  92. package/cjs/components/_Resizable/utils/getHandleStyles.js.map +0 -1
  93. package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -38
  94. package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +0 -1
  95. package/cjs/components/_Resizable/utils/getResizeDirections.js +0 -73
  96. package/cjs/components/_Resizable/utils/getResizeDirections.js.map +0 -1
  97. package/emotion/cjs/components/_Resizable/Resizable.js +0 -120
  98. package/emotion/cjs/components/_Resizable/Resizable.styles.js +0 -22
  99. package/emotion/cjs/components/_Resizable/Resizable.tokens.js +0 -19
  100. package/emotion/cjs/components/_Resizable/Resizable.types.js +0 -4
  101. package/emotion/cjs/components/_Resizable/index.js +0 -19
  102. package/emotion/cjs/components/_Resizable/utils/getHandleStyles.js +0 -68
  103. package/emotion/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -54
  104. package/emotion/cjs/components/_Resizable/utils/getResizeDirections.js +0 -82
  105. package/emotion/cjs/components/_Resizable/utils/index.js +0 -27
  106. package/emotion/es/components/_Resizable/Resizable.js +0 -69
  107. package/emotion/es/components/_Resizable/Resizable.styles.js +0 -7
  108. package/emotion/es/components/_Resizable/Resizable.tokens.js +0 -9
  109. package/emotion/es/components/_Resizable/Resizable.types.js +0 -1
  110. package/emotion/es/components/_Resizable/index.js +0 -2
  111. package/emotion/es/components/_Resizable/utils/getHandleStyles.js +0 -58
  112. package/emotion/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -44
  113. package/emotion/es/components/_Resizable/utils/getResizeDirections.js +0 -72
  114. package/emotion/es/components/_Resizable/utils/index.js +0 -4
  115. package/es/components/_Resizable/Resizable.css +0 -3
  116. package/es/components/_Resizable/Resizable.js +0 -79
  117. package/es/components/_Resizable/Resizable.js.map +0 -1
  118. package/es/components/_Resizable/Resizable.styles.js +0 -15
  119. package/es/components/_Resizable/Resizable.styles.js.map +0 -1
  120. package/es/components/_Resizable/Resizable.styles_1l85rp0.css +0 -1
  121. package/es/components/_Resizable/Resizable.tokens.js +0 -12
  122. package/es/components/_Resizable/Resizable.tokens.js.map +0 -1
  123. package/es/components/_Resizable/utils/getHandleStyles.js +0 -36
  124. package/es/components/_Resizable/utils/getHandleStyles.js.map +0 -1
  125. package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -34
  126. package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +0 -1
  127. package/es/components/_Resizable/utils/getResizeDirections.js +0 -69
  128. package/es/components/_Resizable/utils/getResizeDirections.js.map +0 -1
  129. package/styled-components/cjs/components/_Resizable/Resizable.js +0 -120
  130. package/styled-components/cjs/components/_Resizable/Resizable.styles.js +0 -28
  131. package/styled-components/cjs/components/_Resizable/Resizable.tokens.js +0 -19
  132. package/styled-components/cjs/components/_Resizable/Resizable.types.js +0 -4
  133. package/styled-components/cjs/components/_Resizable/index.js +0 -19
  134. package/styled-components/cjs/components/_Resizable/utils/getHandleStyles.js +0 -68
  135. package/styled-components/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -54
  136. package/styled-components/cjs/components/_Resizable/utils/getResizeDirections.js +0 -82
  137. package/styled-components/cjs/components/_Resizable/utils/index.js +0 -27
  138. package/styled-components/es/components/_Resizable/Resizable.js +0 -69
  139. package/styled-components/es/components/_Resizable/Resizable.styles.js +0 -13
  140. package/styled-components/es/components/_Resizable/Resizable.tokens.js +0 -9
  141. package/styled-components/es/components/_Resizable/Resizable.types.js +0 -1
  142. package/styled-components/es/components/_Resizable/index.js +0 -2
  143. package/styled-components/es/components/_Resizable/utils/getHandleStyles.js +0 -58
  144. package/styled-components/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -44
  145. package/styled-components/es/components/_Resizable/utils/getResizeDirections.js +0 -72
  146. package/styled-components/es/components/_Resizable/utils/index.js +0 -4
  147. package/types/components/_Resizable/Resizable.d.ts +0 -4
  148. package/types/components/_Resizable/Resizable.d.ts.map +0 -1
  149. package/types/components/_Resizable/Resizable.styles.d.ts +0 -2
  150. package/types/components/_Resizable/Resizable.styles.d.ts.map +0 -1
  151. package/types/components/_Resizable/Resizable.tokens.d.ts +0 -10
  152. package/types/components/_Resizable/Resizable.tokens.d.ts.map +0 -1
  153. package/types/components/_Resizable/Resizable.types.d.ts +0 -72
  154. package/types/components/_Resizable/Resizable.types.d.ts.map +0 -1
  155. package/types/components/_Resizable/index.d.ts +0 -3
  156. package/types/components/_Resizable/index.d.ts.map +0 -1
  157. package/types/components/_Resizable/utils/getHandleStyles.d.ts +0 -37
  158. package/types/components/_Resizable/utils/getHandleStyles.d.ts.map +0 -1
  159. package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts +0 -5
  160. package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts.map +0 -1
  161. package/types/components/_Resizable/utils/getResizeDirections.d.ts +0 -14
  162. package/types/components/_Resizable/utils/getResizeDirections.d.ts.map +0 -1
  163. package/types/components/_Resizable/utils/index.d.ts +0 -5
  164. package/types/components/_Resizable/utils/index.d.ts.map +0 -1
@@ -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,7 +0,0 @@
1
- import styled from "@emotion/styled";
2
- import { IconResizeDiagonal } from "../_Icon";
3
- import { classes } from "./Resizable.tokens";
4
- export var IconResizeDiagonalStyled = /*#__PURE__*/ styled(IconResizeDiagonal, {
5
- target: "e1q396sv0",
6
- label: "IconResizeDiagonalStyled"
7
- })("color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.", classes.resizableTopRightIcon, "{transform:rotate(-90deg);}&.", classes.resizableBottomRightIcon, "{transform:rotate(0);}&.", classes.resizableBottomLeftIcon, "{transform:rotate(90deg);}&.", classes.resizableTopLeftIcon, "{transform:rotate(180deg);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fUmVzaXphYmxlL1Jlc2l6YWJsZS5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX1Jlc2l6YWJsZS9SZXNpemFibGUuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25SZXNpemVEaWFnb25hbCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19JY29uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUmVzaXphYmxlLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBJY29uUmVzaXplRGlhZ29uYWxTdHlsZWQgPSBzdHlsZWQoSWNvblJlc2l6ZURpYWdvbmFsKWBcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnktYWN0aXZlKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVUb3BSaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVCb3R0b21SaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMCk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucmVzaXphYmxlQm90dG9tTGVmdEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZVRvcExlZnRJY29ufSB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLd0MifQ== */");
@@ -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 +0,0 @@
1
- export { };
@@ -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,3 +0,0 @@
1
- .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
-
3
- .Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
@@ -1,79 +0,0 @@
1
- import React, { useRef } from 'react';
2
- import { Resizable as Resizable$1 } from 're-resizable';
3
- import { classes } from './Resizable.tokens.js';
4
- import { IconResizeDiagonalStyled } from './Resizable.styles.js';
5
- import { getResizeDirections } from './utils/getResizeDirections.js';
6
- import { getRatioBasedOnPlacement } from './utils/getRatioBasedOnPlacement.js';
7
- import { getHandleStyles } from './utils/getHandleStyles.js';
8
-
9
- var Resizable = function Resizable(_ref) {
10
- var _resizable$hiddenIcon, _resizable$icons, _resizable$hiddenIcon2, _resizable$icons2, _resizable$hiddenIcon3, _resizable$icons3, _resizable$hiddenIcon4, _resizable$icons4;
11
- var children = _ref.children,
12
- outerResizable = _ref.resizable,
13
- placement = _ref.placement,
14
- onResizeStart = _ref.onResizeStart,
15
- onResizeEnd = _ref.onResizeEnd;
16
- var resizableContainer = useRef(null);
17
- var resizable = typeof outerResizable === 'boolean' ? {
18
- disabled: !outerResizable
19
- } : outerResizable;
20
- var handleResizeStart = function handleResizeStart() {
21
- if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
22
- resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
23
- if (onResizeStart) {
24
- onResizeStart(resizableContainer);
25
- }
26
- }
27
- };
28
- var handleResizeEnd = function handleResizeEnd() {
29
- if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
30
- resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
31
- if (onResizeEnd) {
32
- onResizeEnd(resizableContainer);
33
- }
34
- }
35
- };
36
- if (!resizable || resizable.disabled) {
37
- return /*#__PURE__*/React.createElement(React.Fragment, null, children);
38
- }
39
- return /*#__PURE__*/React.createElement(Resizable$1, {
40
- ref: resizableContainer,
41
- enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
42
- resizeRatio: getRatioBasedOnPlacement(placement),
43
- defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
44
- minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
45
- minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
46
- maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
47
- maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
48
- onResizeStart: handleResizeStart,
49
- onResizeStop: handleResizeEnd,
50
- handleComponent: {
51
- topRight: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon = resizable.hiddenIcons) !== null && _resizable$hiddenIcon !== void 0 && _resizable$hiddenIcon.includes('top-right') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons = resizable.icons) === null || _resizable$icons === void 0 ? void 0 : _resizable$icons.topRight) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
52
- className: classes.resizableTopRightIcon,
53
- color: "inherit",
54
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
55
- })),
56
- bottomRight: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon2 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon2 !== void 0 && _resizable$hiddenIcon2.includes('bottom-right') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons2 = resizable.icons) === null || _resizable$icons2 === void 0 ? void 0 : _resizable$icons2.bottomRight) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
57
- className: classes.resizableBottomRightIcon,
58
- color: "inherit",
59
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
60
- })),
61
- bottomLeft: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon3 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon3 !== void 0 && _resizable$hiddenIcon3.includes('bottom-left') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons3 = resizable.icons) === null || _resizable$icons3 === void 0 ? void 0 : _resizable$icons3.bottomLeft) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
62
- className: classes.resizableBottomLeftIcon,
63
- color: "inherit",
64
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
65
- })),
66
- topLeft: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon4 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon4 !== void 0 && _resizable$hiddenIcon4.includes('top-left') ? undefined : /*#__PURE__*/React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons4 = resizable.icons) === null || _resizable$icons4 === void 0 ? void 0 : _resizable$icons4.topLeft) || /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
67
- className: classes.resizableTopLeftIcon,
68
- color: "inherit",
69
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
70
- }))
71
- },
72
- className: classes.resizableContainer,
73
- handleStyles: getHandleStyles(),
74
- handleWrapperClass: classes.resizableHandleWrapper
75
- }, children);
76
- };
77
-
78
- export { Resizable };
79
- //# sourceMappingURL=Resizable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Resizable.js","sources":["../../../src/components/_Resizable/Resizable.tsx"],"sourcesContent":["import React, { useRef, FC, PropsWithChildren } from 'react';\nimport { Resizable as ReResizable } from 're-resizable';\nimport type { Resizable as ResizableType } from 're-resizable';\n\nimport { getHandleStyles, getRatioBasedOnPlacement, getResizeDirections } from './utils';\nimport { classes } from './Resizable.tokens';\nimport type { ResizableProps } from './Resizable.types';\nimport { IconResizeDiagonalStyled } from './Resizable.styles';\n\nexport const Resizable: FC<PropsWithChildren<ResizableProps>> = ({\n children,\n resizable: outerResizable,\n placement,\n onResizeStart,\n onResizeEnd,\n}) => {\n const resizableContainer = useRef<ResizableType>(null);\n\n const resizable = typeof outerResizable === 'boolean' ? { disabled: !outerResizable } : outerResizable;\n\n const handleResizeStart = () => {\n if (resizableContainer?.current && resizableContainer.current.resizable) {\n resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);\n\n if (onResizeStart) {\n onResizeStart(resizableContainer);\n }\n }\n };\n\n const handleResizeEnd = () => {\n if (resizableContainer?.current && resizableContainer.current.resizable) {\n resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);\n\n if (onResizeEnd) {\n onResizeEnd(resizableContainer);\n }\n }\n };\n\n if (!resizable || resizable.disabled) {\n return <>{children}</>;\n }\n\n return (\n <ReResizable\n ref={resizableContainer}\n enable={resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false}\n resizeRatio={getRatioBasedOnPlacement(placement)}\n defaultSize={resizable?.defaultSize}\n minWidth={resizable?.minWidth}\n minHeight={resizable?.minHeight}\n maxWidth={resizable?.maxWidth}\n maxHeight={resizable?.maxHeight}\n onResizeStart={handleResizeStart}\n onResizeStop={handleResizeEnd}\n handleComponent={{\n topRight: resizable?.hiddenIcons?.includes('top-right') ? undefined : (\n <>\n {resizable?.icons?.topRight || (\n <IconResizeDiagonalStyled\n className={classes.resizableTopRightIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n bottomRight: resizable?.hiddenIcons?.includes('bottom-right') ? undefined : (\n <>\n {resizable?.icons?.bottomRight || (\n <IconResizeDiagonalStyled\n className={classes.resizableBottomRightIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n bottomLeft: resizable?.hiddenIcons?.includes('bottom-left') ? undefined : (\n <>\n {resizable?.icons?.bottomLeft || (\n <IconResizeDiagonalStyled\n className={classes.resizableBottomLeftIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n topLeft: resizable?.hiddenIcons?.includes('top-left') ? undefined : (\n <>\n {resizable?.icons?.topLeft || (\n <IconResizeDiagonalStyled\n className={classes.resizableTopLeftIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n }}\n className={classes.resizableContainer}\n handleStyles={getHandleStyles()}\n handleWrapperClass={classes.resizableHandleWrapper}\n >\n {children}\n </ReResizable>\n );\n};\n"],"names":["Resizable","_ref","_resizable$hiddenIcon","_resizable$icons","_resizable$hiddenIcon2","_resizable$icons2","_resizable$hiddenIcon3","_resizable$icons3","_resizable$hiddenIcon4","_resizable$icons4","children","outerResizable","resizable","placement","onResizeStart","onResizeEnd","resizableContainer","useRef","disabled","handleResizeStart","current","classList","toggle","classes","resizableContainerNoSelect","handleResizeEnd","React","createElement","Fragment","ReResizable","ref","enable","getResizeDirections","directions","resizeRatio","getRatioBasedOnPlacement","defaultSize","minWidth","minHeight","maxWidth","maxHeight","onResizeStop","handleComponent","topRight","hiddenIcons","includes","undefined","icons","IconResizeDiagonalStyled","className","resizableTopRightIcon","color","size","iconSize","bottomRight","resizableBottomRightIcon","bottomLeft","resizableBottomLeftIcon","topLeft","resizableTopLeftIcon","handleStyles","getHandleStyles","handleWrapperClass","resizableHandleWrapper"],"mappings":"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"}
@@ -1,15 +0,0 @@
1
- import './Resizable.styles_1l85rp0.css';
2
- import { styled } from '@linaria/react';
3
- import { IconResizeDiagonal } from '../_Icon/Icons/IconResizeDiagonal.js';
4
-
5
- var _exp = function _exp() {
6
- return IconResizeDiagonal;
7
- };
8
- var IconResizeDiagonalStyled = /*#__PURE__*/styled(_exp())({
9
- name: "IconResizeDiagonalStyled",
10
- "class": "i1ebflu4",
11
- propsAsIs: true
12
- });
13
-
14
- export { IconResizeDiagonalStyled };
15
- //# sourceMappingURL=Resizable.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Resizable.styles.js","sources":["../../../src/components/_Resizable/Resizable.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { IconResizeDiagonal } from 'src/components/_Icon';\n\nimport { classes } from './Resizable.tokens';\n\nexport const IconResizeDiagonalStyled = styled(IconResizeDiagonal)`\n color: var(--text-secondary);\n\n &:hover {\n color: var(--text-secondary-hover);\n }\n\n &:active {\n color: var(--text-secondary-active);\n }\n\n &.${classes.resizableTopRightIcon} {\n transform: rotate(-90deg);\n }\n\n &.${classes.resizableBottomRightIcon} {\n transform: rotate(0);\n }\n\n &.${classes.resizableBottomLeftIcon} {\n transform: rotate(90deg);\n }\n\n &.${classes.resizableTopLeftIcon} {\n transform: rotate(180deg);\n }\n`;\n"],"names":["_exp","IconResizeDiagonal","IconResizeDiagonalStyled","styled","name","class","propsAsIs"],"mappings":";;;AAC0D,IAAAA,IAAA,GAAxCA,SAAwCA,IAAAA,GAAA;AAAA,EAAA,OAIXC,kBAAkB,CAAA;AAAA,CAAA,CAAA;AAA1D,IAAMC,wBAAwB,gBAAGC,MAAM,CAAAH,IAAA,EAAA,CAAA,CAAA;AAAAI,EAAAA,IAAA,EAAA,0BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA0B7C;;;;"}
@@ -1 +0,0 @@
1
- .i1ebflu4{color:var(--text-secondary);}.i1ebflu4:hover{color:var(--text-secondary-hover);}.i1ebflu4:active{color:var(--text-secondary-active);}.i1ebflu4.resizable-top-right-icon{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.i1ebflu4.resizable-bottom-right-icon{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.i1ebflu4.resizable-bottom-left-icon{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.i1ebflu4.resizable-top-left-icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
@@ -1,12 +0,0 @@
1
- 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
- };
10
-
11
- export { classes };
12
- //# sourceMappingURL=Resizable.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Resizable.tokens.js","sources":["../../../src/components/_Resizable/Resizable.tokens.ts"],"sourcesContent":["export const classes = {\n resizableContainer: 'resizable-container',\n resizableTopRightIcon: 'resizable-top-right-icon',\n resizableBottomRightIcon: 'resizable-bottom-right-icon',\n resizableBottomLeftIcon: 'resizable-bottom-left-icon',\n resizableTopLeftIcon: 'resizable-top-left-icon',\n resizableHandleWrapper: 'resizable-handle-wrapper',\n resizableContainerNoSelect: 'resizable-container-no-select',\n};\n"],"names":["classes","resizableContainer","resizableTopRightIcon","resizableBottomRightIcon","resizableBottomLeftIcon","resizableTopLeftIcon","resizableHandleWrapper","resizableContainerNoSelect"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,qBAAqB;AACzCC,EAAAA,qBAAqB,EAAE,0BAA0B;AACjDC,EAAAA,wBAAwB,EAAE,6BAA6B;AACvDC,EAAAA,uBAAuB,EAAE,4BAA4B;AACrDC,EAAAA,oBAAoB,EAAE,yBAAyB;AAC/CC,EAAAA,sBAAsB,EAAE,0BAA0B;AAClDC,EAAAA,0BAA0B,EAAE,+BAAA;AAChC;;;;"}
@@ -1,36 +0,0 @@
1
- import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
-
3
- // Объект стилей для handler'а, в котором находится иконка ресайза.
4
-
5
- var base = {
6
- width: 'auto',
7
- height: 'auto',
8
- lineHeight: '0'
9
- };
10
- var getHandleStyles = function getHandleStyles() {
11
- return {
12
- topRight: _objectSpread2({
13
- top: '0',
14
- right: '0',
15
- transform: 'translate(50%, -50%)'
16
- }, base),
17
- bottomRight: _objectSpread2({
18
- right: '0',
19
- bottom: '0',
20
- transform: 'translate(50%, 50%)'
21
- }, base),
22
- bottomLeft: _objectSpread2({
23
- bottom: '0',
24
- left: '0',
25
- transform: 'translate(-50%, 50%)'
26
- }, base),
27
- topLeft: _objectSpread2({
28
- top: '0',
29
- left: '0',
30
- transform: 'translate(-50%, -50%)'
31
- }, base)
32
- };
33
- };
34
-
35
- export { getHandleStyles };
36
- //# sourceMappingURL=getHandleStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getHandleStyles.js","sources":["../../../../src/components/_Resizable/utils/getHandleStyles.ts"],"sourcesContent":["// Объект стилей для handler'а, в котором находится иконка ресайза.\ninterface ReturnType {\n topRight: {\n width: string;\n height: string;\n top: string;\n right: string;\n transform: string;\n lineHeight: string;\n };\n bottomRight: {\n width: string;\n height: string;\n right: string;\n bottom: string;\n transform: string;\n lineHeight: string;\n };\n bottomLeft: {\n width: string;\n height: string;\n bottom: string;\n left: string;\n transform: string;\n lineHeight: string;\n };\n topLeft: {\n width: string;\n height: string;\n top: string;\n left: string;\n transform: string;\n lineHeight: string;\n };\n}\n\nconst base = {\n width: 'auto',\n height: 'auto',\n lineHeight: '0',\n};\n\nexport const getHandleStyles = (): ReturnType => ({\n topRight: {\n top: '0',\n right: '0',\n transform: 'translate(50%, -50%)',\n ...base,\n },\n bottomRight: {\n right: '0',\n bottom: '0',\n transform: 'translate(50%, 50%)',\n ...base,\n },\n bottomLeft: {\n bottom: '0',\n left: '0',\n transform: 'translate(-50%, 50%)',\n ...base,\n },\n topLeft: {\n top: '0',\n left: '0',\n transform: 'translate(-50%, -50%)',\n ...base,\n },\n});\n"],"names":["base","width","height","lineHeight","getHandleStyles","topRight","_objectSpread","top","right","transform","bottomRight","bottom","bottomLeft","left","topLeft"],"mappings":";;AAAA;;AAoCA,IAAMA,IAAI,GAAG;AACTC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,MAAM,EAAE,MAAM;AACdC,EAAAA,UAAU,EAAE,GAAA;AAChB,CAAC,CAAA;AAEYC,IAAAA,eAAe,GAAG,SAAlBA,eAAeA,GAAA;EAAA,OAAsB;AAC9CC,IAAAA,QAAQ,EAAAC,cAAA,CAAA;AACJC,MAAAA,GAAG,EAAE,GAAG;AACRC,MAAAA,KAAK,EAAE,GAAG;AACVC,MAAAA,SAAS,EAAE,sBAAA;AAAsB,KAAA,EAC9BT,IAAI,CACV;AACDU,IAAAA,WAAW,EAAAJ,cAAA,CAAA;AACPE,MAAAA,KAAK,EAAE,GAAG;AACVG,MAAAA,MAAM,EAAE,GAAG;AACXF,MAAAA,SAAS,EAAE,qBAAA;AAAqB,KAAA,EAC7BT,IAAI,CACV;AACDY,IAAAA,UAAU,EAAAN,cAAA,CAAA;AACNK,MAAAA,MAAM,EAAE,GAAG;AACXE,MAAAA,IAAI,EAAE,GAAG;AACTJ,MAAAA,SAAS,EAAE,sBAAA;AAAsB,KAAA,EAC9BT,IAAI,CACV;AACDc,IAAAA,OAAO,EAAAR,cAAA,CAAA;AACHC,MAAAA,GAAG,EAAE,GAAG;AACRM,MAAAA,IAAI,EAAE,GAAG;AACTJ,MAAAA,SAAS,EAAE,uBAAA;AAAuB,KAAA,EAC/BT,IAAI,CAAA;GAEd,CAAA;AAAA;;;;"}