@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,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;;;;"}
@@ -1,34 +0,0 @@
1
- // Горизонтальный и вертикальный множитель ресайза.
2
-
3
- var getRatioBasedOnPlacement = function getRatioBasedOnPlacement(placement) {
4
- switch (placement) {
5
- case 'center':
6
- {
7
- return [2, 2];
8
- }
9
- case 'top':
10
- case 'bottom':
11
- {
12
- return [2, 1];
13
- }
14
- case 'left':
15
- case 'right':
16
- {
17
- return [1, 2];
18
- }
19
- case 'top-left':
20
- case 'top-right':
21
- case 'bottom-left':
22
- case 'bottom-right':
23
- {
24
- return [1, 1];
25
- }
26
- default:
27
- {
28
- return [1, 1];
29
- }
30
- }
31
- };
32
-
33
- export { getRatioBasedOnPlacement };
34
- //# sourceMappingURL=getRatioBasedOnPlacement.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getRatioBasedOnPlacement.js","sources":["../../../../src/components/_Resizable/utils/getRatioBasedOnPlacement.ts"],"sourcesContent":["import { Placement } from '../Resizable.types';\n\n// Горизонтальный и вертикальный множитель ресайза.\ntype ReturnType = [number, number];\n\nexport const getRatioBasedOnPlacement = (placement?: Placement): ReturnType => {\n switch (placement) {\n case 'center': {\n return [2, 2];\n }\n\n case 'top':\n case 'bottom': {\n return [2, 1];\n }\n\n case 'left':\n case 'right': {\n return [1, 2];\n }\n\n case 'top-left':\n case 'top-right':\n case 'bottom-left':\n case 'bottom-right': {\n return [1, 1];\n }\n\n default: {\n return [1, 1];\n }\n }\n};\n"],"names":["getRatioBasedOnPlacement","placement"],"mappings":"AAEA;;IAGaA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,SAAqB,EAAiB;AAC3E,EAAA,QAAQA,SAAS;AACb,IAAA,KAAK,QAAQ;AAAE,MAAA;AACX,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA,KAAK,KAAK,CAAA;AACV,IAAA,KAAK,QAAQ;AAAE,MAAA;AACX,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA,KAAK,MAAM,CAAA;AACX,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA,KAAK,UAAU,CAAA;AACf,IAAA,KAAK,WAAW,CAAA;AAChB,IAAA,KAAK,aAAa,CAAA;AAClB,IAAA,KAAK,cAAc;AAAE,MAAA;AACjB,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AACJ,GAAA;AACJ;;;;"}
@@ -1,69 +0,0 @@
1
- import { createForOfIteratorHelper as _createForOfIteratorHelper } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
-
3
- var getResizeDirections = function getResizeDirections(directions) {
4
- if (!directions) {
5
- return {
6
- top: true,
7
- right: true,
8
- bottom: true,
9
- left: true,
10
- topRight: true,
11
- bottomRight: true,
12
- bottomLeft: true,
13
- topLeft: true
14
- };
15
- }
16
- var result = {
17
- top: false,
18
- right: false,
19
- bottom: false,
20
- left: false,
21
- topRight: false,
22
- bottomRight: false,
23
- bottomLeft: false,
24
- topLeft: false
25
- };
26
- var _iterator = _createForOfIteratorHelper(directions),
27
- _step;
28
- try {
29
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
30
- var dir = _step.value;
31
- switch (dir) {
32
- case 'top':
33
- result.top = true;
34
- break;
35
- case 'right':
36
- result.right = true;
37
- break;
38
- case 'bottom':
39
- result.bottom = true;
40
- break;
41
- case 'left':
42
- result.left = true;
43
- break;
44
- case 'top-right':
45
- result.topRight = true;
46
- break;
47
- case 'top-left':
48
- result.topLeft = true;
49
- break;
50
- case 'bottom-right':
51
- result.bottomRight = true;
52
- break;
53
- case 'bottom-left':
54
- result.bottomLeft = true;
55
- break;
56
- default:
57
- break;
58
- }
59
- }
60
- } catch (err) {
61
- _iterator.e(err);
62
- } finally {
63
- _iterator.f();
64
- }
65
- return result;
66
- };
67
-
68
- export { getResizeDirections };
69
- //# sourceMappingURL=getResizeDirections.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getResizeDirections.js","sources":["../../../../src/components/_Resizable/utils/getResizeDirections.ts"],"sourcesContent":["import type { ResizeDirections } from '../Resizable.types';\n\ninterface Directions {\n top?: boolean;\n right?: boolean;\n bottom?: boolean;\n left?: boolean;\n topRight?: boolean;\n bottomRight?: boolean;\n bottomLeft?: boolean;\n topLeft?: boolean;\n}\n\nexport const getResizeDirections = (directions?: ResizeDirections): Directions => {\n if (!directions) {\n return {\n top: true,\n right: true,\n bottom: true,\n left: true,\n topRight: true,\n bottomRight: true,\n bottomLeft: true,\n topLeft: true,\n };\n }\n\n const result: Directions = {\n top: false,\n right: false,\n bottom: false,\n left: false,\n topRight: false,\n bottomRight: false,\n bottomLeft: false,\n topLeft: false,\n };\n\n for (const dir of directions) {\n switch (dir) {\n case 'top':\n result.top = true;\n break;\n case 'right':\n result.right = true;\n break;\n case 'bottom':\n result.bottom = true;\n break;\n case 'left':\n result.left = true;\n break;\n case 'top-right':\n result.topRight = true;\n break;\n case 'top-left':\n result.topLeft = true;\n break;\n case 'bottom-right':\n result.bottomRight = true;\n break;\n case 'bottom-left':\n result.bottomLeft = true;\n break;\n default:\n break;\n }\n }\n\n return result;\n};\n"],"names":["getResizeDirections","directions","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","result","_iterator","_createForOfIteratorHelper","_step","s","n","done","dir","value","err","e","f"],"mappings":";;IAaaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,UAA6B,EAAiB;EAC9E,IAAI,CAACA,UAAU,EAAE;IACb,OAAO;AACHC,MAAAA,GAAG,EAAE,IAAI;AACTC,MAAAA,KAAK,EAAE,IAAI;AACXC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,IAAI,EAAE,IAAI;AACVC,MAAAA,QAAQ,EAAE,IAAI;AACdC,MAAAA,WAAW,EAAE,IAAI;AACjBC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,OAAO,EAAE,IAAA;KACZ,CAAA;AACL,GAAA;AAEA,EAAA,IAAMC,MAAkB,GAAG;AACvBR,IAAAA,GAAG,EAAE,KAAK;AACVC,IAAAA,KAAK,EAAE,KAAK;AACZC,IAAAA,MAAM,EAAE,KAAK;AACbC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,QAAQ,EAAE,KAAK;AACfC,IAAAA,WAAW,EAAE,KAAK;AAClBC,IAAAA,UAAU,EAAE,KAAK;AACjBC,IAAAA,OAAO,EAAE,KAAA;GACZ,CAAA;AAAC,EAAA,IAAAE,SAAA,GAAAC,0BAAA,CAEgBX,UAAU,CAAA;IAAAY,KAAA,CAAA;AAAA,EAAA,IAAA;IAA5B,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAA8B;AAAA,MAAA,IAAnBC,GAAG,GAAAJ,KAAA,CAAAK,KAAA,CAAA;AACV,MAAA,QAAQD,GAAG;AACP,QAAA,KAAK,KAAK;UACNP,MAAM,CAACR,GAAG,GAAG,IAAI,CAAA;AACjB,UAAA,MAAA;AACJ,QAAA,KAAK,OAAO;UACRQ,MAAM,CAACP,KAAK,GAAG,IAAI,CAAA;AACnB,UAAA,MAAA;AACJ,QAAA,KAAK,QAAQ;UACTO,MAAM,CAACN,MAAM,GAAG,IAAI,CAAA;AACpB,UAAA,MAAA;AACJ,QAAA,KAAK,MAAM;UACPM,MAAM,CAACL,IAAI,GAAG,IAAI,CAAA;AAClB,UAAA,MAAA;AACJ,QAAA,KAAK,WAAW;UACZK,MAAM,CAACJ,QAAQ,GAAG,IAAI,CAAA;AACtB,UAAA,MAAA;AACJ,QAAA,KAAK,UAAU;UACXI,MAAM,CAACD,OAAO,GAAG,IAAI,CAAA;AACrB,UAAA,MAAA;AACJ,QAAA,KAAK,cAAc;UACfC,MAAM,CAACH,WAAW,GAAG,IAAI,CAAA;AACzB,UAAA,MAAA;AACJ,QAAA,KAAK,aAAa;UACdG,MAAM,CAACF,UAAU,GAAG,IAAI,CAAA;AACxB,UAAA,MAAA;AACJ,QAAA;AACI,UAAA,MAAA;AACR,OAAA;AACJ,KAAA;AAAC,GAAA,CAAA,OAAAW,GAAA,EAAA;IAAAR,SAAA,CAAAS,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,GAAA,SAAA;AAAAR,IAAAA,SAAA,CAAAU,CAAA,EAAA,CAAA;AAAA,GAAA;AAED,EAAA,OAAOX,MAAM,CAAA;AACjB;;;;"}
@@ -1,120 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Resizable", {
6
- enumerable: true,
7
- get: function() {
8
- return Resizable;
9
- }
10
- });
11
- var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
- var _reresizable = require("re-resizable");
13
- var _utils = require("./utils");
14
- var _Resizabletokens = require("./Resizable.tokens");
15
- var _Resizablestyles = require("./Resizable.styles");
16
- function _getRequireWildcardCache(nodeInterop) {
17
- if (typeof WeakMap !== "function") return null;
18
- var cacheBabelInterop = new WeakMap();
19
- var cacheNodeInterop = new WeakMap();
20
- return (_getRequireWildcardCache = function(nodeInterop) {
21
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
22
- })(nodeInterop);
23
- }
24
- function _interop_require_wildcard(obj, nodeInterop) {
25
- if (!nodeInterop && obj && obj.__esModule) {
26
- return obj;
27
- }
28
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
29
- return {
30
- default: obj
31
- };
32
- }
33
- var cache = _getRequireWildcardCache(nodeInterop);
34
- if (cache && cache.has(obj)) {
35
- return cache.get(obj);
36
- }
37
- var newObj = {
38
- __proto__: null
39
- };
40
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
41
- for(var key in obj){
42
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
43
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
44
- if (desc && (desc.get || desc.set)) {
45
- Object.defineProperty(newObj, key, desc);
46
- } else {
47
- newObj[key] = obj[key];
48
- }
49
- }
50
- }
51
- newObj.default = obj;
52
- if (cache) {
53
- cache.set(obj, newObj);
54
- }
55
- return newObj;
56
- }
57
- var Resizable = function(param) {
58
- var children = param.children, outerResizable = param.resizable, placement = param.placement, onResizeStart = param.onResizeStart, onResizeEnd = param.onResizeEnd;
59
- var _resizable_hiddenIcons, _resizable_icons, _resizable_hiddenIcons1, _resizable_icons1, _resizable_hiddenIcons2, _resizable_icons2, _resizable_hiddenIcons3, _resizable_icons3;
60
- var resizableContainer = (0, _react.useRef)(null);
61
- var resizable = typeof outerResizable === 'boolean' ? {
62
- disabled: !outerResizable
63
- } : outerResizable;
64
- var handleResizeStart = function() {
65
- if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
66
- resizableContainer.current.resizable.classList.toggle(_Resizabletokens.classes.resizableContainerNoSelect);
67
- if (onResizeStart) {
68
- onResizeStart(resizableContainer);
69
- }
70
- }
71
- };
72
- var handleResizeEnd = function() {
73
- if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
74
- resizableContainer.current.resizable.classList.toggle(_Resizabletokens.classes.resizableContainerNoSelect);
75
- if (onResizeEnd) {
76
- onResizeEnd(resizableContainer);
77
- }
78
- }
79
- };
80
- if (!resizable || resizable.disabled) {
81
- return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children);
82
- }
83
- return /*#__PURE__*/ _react.default.createElement(_reresizable.Resizable, {
84
- ref: resizableContainer,
85
- enable: resizable && !resizable.disabled ? (0, _utils.getResizeDirections)(resizable.directions) : false,
86
- resizeRatio: (0, _utils.getRatioBasedOnPlacement)(placement),
87
- defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
88
- minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
89
- minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
90
- maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
91
- maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
92
- onResizeStart: handleResizeStart,
93
- onResizeStop: handleResizeEnd,
94
- handleComponent: {
95
- 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.default.createElement(_react.default.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.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
96
- className: _Resizabletokens.classes.resizableTopRightIcon,
97
- color: "inherit",
98
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
99
- })),
100
- 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.default.createElement(_react.default.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.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
101
- className: _Resizabletokens.classes.resizableBottomRightIcon,
102
- color: "inherit",
103
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
104
- })),
105
- 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.default.createElement(_react.default.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.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
106
- className: _Resizabletokens.classes.resizableBottomLeftIcon,
107
- color: "inherit",
108
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
109
- })),
110
- 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.default.createElement(_react.default.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.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
111
- className: _Resizabletokens.classes.resizableTopLeftIcon,
112
- color: "inherit",
113
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
114
- }))
115
- },
116
- className: _Resizabletokens.classes.resizableContainer,
117
- handleStyles: (0, _utils.getHandleStyles)(),
118
- handleWrapperClass: _Resizabletokens.classes.resizableHandleWrapper
119
- }, children);
120
- };