@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.
- package/cjs/components/Autocomplete/Autocomplete.css +0 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +0 -2
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +0 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +0 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +0 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +0 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +0 -2
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +0 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +0 -2
- package/cjs/components/Dropdown/Dropdown.css +0 -2
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +0 -4
- package/cjs/components/InformationWrapper/InformationWrapper.css +0 -2
- package/cjs/components/InformationWrapper/ui/Label/Label.css +0 -2
- package/cjs/components/Pagination/Pagination.css +0 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
- package/cjs/components/Popover/Popover.css +0 -4
- package/cjs/components/Popover/Popover.js +2 -10
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Range/Range.css +0 -2
- package/cjs/components/Select/Select.css +0 -2
- package/cjs/components/Select/ui/Target/Target.css +0 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +0 -2
- package/cjs/components/Slider/Slider.css +0 -2
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -2
- package/cjs/components/Table/Table.css +0 -2
- package/cjs/components/Table/ui/Cell/Cell.css +0 -2
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +0 -2
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +0 -2
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
- package/cjs/components/TextArea/ui/Hint/Hint.css +0 -2
- package/cjs/components/TextField/ui/Hint/Hint.css +0 -2
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -2
- package/cjs/components/TimePicker/TimePicker.css +0 -2
- package/cjs/index.css +0 -2
- package/emotion/cjs/components/Popover/Popover.js +2 -10
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/es/components/Popover/Popover.js +2 -10
- package/es/components/Autocomplete/Autocomplete.css +0 -2
- package/es/components/Combobox/ComboboxNew/Combobox.css +0 -2
- package/es/components/Combobox/ComboboxOld/Combobox.css +0 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +0 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +0 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +0 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDate.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +0 -2
- package/es/components/Dropdown/Dropdown.css +0 -2
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +0 -4
- package/es/components/InformationWrapper/InformationWrapper.css +0 -2
- package/es/components/InformationWrapper/ui/Label/Label.css +0 -2
- package/es/components/Pagination/Pagination.css +0 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
- package/es/components/Popover/Popover.css +0 -4
- package/es/components/Popover/Popover.js +2 -10
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Range/Range.css +0 -2
- package/es/components/Select/Select.css +0 -2
- package/es/components/Select/ui/Target/Target.css +0 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +0 -2
- package/es/components/Slider/Slider.css +0 -2
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -2
- package/es/components/Table/Table.css +0 -2
- package/es/components/Table/ui/Cell/Cell.css +0 -2
- package/es/components/Table/ui/EditableCell/EditableCell.css +0 -2
- package/es/components/Table/ui/HeadCell/HeadCell.css +0 -2
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
- package/es/components/TextArea/ui/Hint/Hint.css +0 -2
- package/es/components/TextField/ui/Hint/Hint.css +0 -2
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -2
- package/es/components/TimePicker/TimePicker.css +0 -2
- package/es/index.css +0 -2
- package/package.json +2 -2
- package/styled-components/cjs/components/Popover/Popover.js +2 -10
- package/styled-components/es/components/Popover/Popover.js +2 -10
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +0 -13
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/types/index.d.ts +0 -1
- package/types/types/index.d.ts.map +1 -1
- package/cjs/components/_Resizable/Resizable.css +0 -3
- package/cjs/components/_Resizable/Resizable.js +0 -87
- package/cjs/components/_Resizable/Resizable.js.map +0 -1
- package/cjs/components/_Resizable/Resizable.styles.js +0 -19
- package/cjs/components/_Resizable/Resizable.styles.js.map +0 -1
- package/cjs/components/_Resizable/Resizable.styles_1l85rp0.css +0 -1
- package/cjs/components/_Resizable/Resizable.tokens.js +0 -16
- package/cjs/components/_Resizable/Resizable.tokens.js.map +0 -1
- package/cjs/components/_Resizable/utils/getHandleStyles.js +0 -40
- package/cjs/components/_Resizable/utils/getHandleStyles.js.map +0 -1
- package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -38
- package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +0 -1
- package/cjs/components/_Resizable/utils/getResizeDirections.js +0 -73
- package/cjs/components/_Resizable/utils/getResizeDirections.js.map +0 -1
- package/emotion/cjs/components/_Resizable/Resizable.js +0 -120
- package/emotion/cjs/components/_Resizable/Resizable.styles.js +0 -22
- package/emotion/cjs/components/_Resizable/Resizable.tokens.js +0 -19
- package/emotion/cjs/components/_Resizable/Resizable.types.js +0 -4
- package/emotion/cjs/components/_Resizable/index.js +0 -19
- package/emotion/cjs/components/_Resizable/utils/getHandleStyles.js +0 -68
- package/emotion/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -54
- package/emotion/cjs/components/_Resizable/utils/getResizeDirections.js +0 -82
- package/emotion/cjs/components/_Resizable/utils/index.js +0 -27
- package/emotion/es/components/_Resizable/Resizable.js +0 -69
- package/emotion/es/components/_Resizable/Resizable.styles.js +0 -7
- package/emotion/es/components/_Resizable/Resizable.tokens.js +0 -9
- package/emotion/es/components/_Resizable/Resizable.types.js +0 -1
- package/emotion/es/components/_Resizable/index.js +0 -2
- package/emotion/es/components/_Resizable/utils/getHandleStyles.js +0 -58
- package/emotion/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -44
- package/emotion/es/components/_Resizable/utils/getResizeDirections.js +0 -72
- package/emotion/es/components/_Resizable/utils/index.js +0 -4
- package/es/components/_Resizable/Resizable.css +0 -3
- package/es/components/_Resizable/Resizable.js +0 -79
- package/es/components/_Resizable/Resizable.js.map +0 -1
- package/es/components/_Resizable/Resizable.styles.js +0 -15
- package/es/components/_Resizable/Resizable.styles.js.map +0 -1
- package/es/components/_Resizable/Resizable.styles_1l85rp0.css +0 -1
- package/es/components/_Resizable/Resizable.tokens.js +0 -12
- package/es/components/_Resizable/Resizable.tokens.js.map +0 -1
- package/es/components/_Resizable/utils/getHandleStyles.js +0 -36
- package/es/components/_Resizable/utils/getHandleStyles.js.map +0 -1
- package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -34
- package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +0 -1
- package/es/components/_Resizable/utils/getResizeDirections.js +0 -69
- package/es/components/_Resizable/utils/getResizeDirections.js.map +0 -1
- package/styled-components/cjs/components/_Resizable/Resizable.js +0 -120
- package/styled-components/cjs/components/_Resizable/Resizable.styles.js +0 -28
- package/styled-components/cjs/components/_Resizable/Resizable.tokens.js +0 -19
- package/styled-components/cjs/components/_Resizable/Resizable.types.js +0 -4
- package/styled-components/cjs/components/_Resizable/index.js +0 -19
- package/styled-components/cjs/components/_Resizable/utils/getHandleStyles.js +0 -68
- package/styled-components/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -54
- package/styled-components/cjs/components/_Resizable/utils/getResizeDirections.js +0 -82
- package/styled-components/cjs/components/_Resizable/utils/index.js +0 -27
- package/styled-components/es/components/_Resizable/Resizable.js +0 -69
- package/styled-components/es/components/_Resizable/Resizable.styles.js +0 -13
- package/styled-components/es/components/_Resizable/Resizable.tokens.js +0 -9
- package/styled-components/es/components/_Resizable/Resizable.types.js +0 -1
- package/styled-components/es/components/_Resizable/index.js +0 -2
- package/styled-components/es/components/_Resizable/utils/getHandleStyles.js +0 -58
- package/styled-components/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -44
- package/styled-components/es/components/_Resizable/utils/getResizeDirections.js +0 -72
- package/styled-components/es/components/_Resizable/utils/index.js +0 -4
- package/types/components/_Resizable/Resizable.d.ts +0 -4
- package/types/components/_Resizable/Resizable.d.ts.map +0 -1
- package/types/components/_Resizable/Resizable.styles.d.ts +0 -2
- package/types/components/_Resizable/Resizable.styles.d.ts.map +0 -1
- package/types/components/_Resizable/Resizable.tokens.d.ts +0 -10
- package/types/components/_Resizable/Resizable.tokens.d.ts.map +0 -1
- package/types/components/_Resizable/Resizable.types.d.ts +0 -72
- package/types/components/_Resizable/Resizable.types.d.ts.map +0 -1
- package/types/components/_Resizable/index.d.ts +0 -3
- package/types/components/_Resizable/index.d.ts.map +0 -1
- package/types/components/_Resizable/utils/getHandleStyles.d.ts +0 -37
- package/types/components/_Resizable/utils/getHandleStyles.d.ts.map +0 -1
- package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts +0 -5
- package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts.map +0 -1
- package/types/components/_Resizable/utils/getResizeDirections.d.ts +0 -14
- package/types/components/_Resizable/utils/getResizeDirections.d.ts.map +0 -1
- package/types/components/_Resizable/utils/index.d.ts +0 -5
- 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,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,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;;;;"}
|