@salutejs/plasma-new-hope 0.335.0-canary.2191.17321424209.0 → 0.335.0-canary.2196.17375511532.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.js +1 -6
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +43 -13
- package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.js +4 -3
- package/cjs/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +15 -30
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +43 -13
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +24 -0
- package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Popup/Popup.js +67 -8
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Select/ui/VirtualList/VirtualList.js +43 -13
- package/cjs/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.js +3 -3
- package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -8
- package/emotion/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +84 -16
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -44
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +84 -16
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/emotion/cjs/components/Popup/Popup.js +69 -7
- package/emotion/cjs/components/Select/ui/VirtualList/VirtualList.js +84 -16
- package/emotion/es/components/Autocomplete/Autocomplete.js +2 -9
- package/emotion/es/components/Autocomplete/ui/VirtualList/VirtualList.js +45 -13
- package/emotion/es/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +12 -30
- package/emotion/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +45 -13
- package/emotion/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/emotion/es/components/Popup/Popup.js +63 -6
- package/emotion/es/components/Select/ui/VirtualList/VirtualList.js +45 -13
- package/es/components/Autocomplete/Autocomplete.js +2 -7
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js +44 -13
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Carousel/CarouselNew/Carousel.js +5 -4
- package/es/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js +15 -30
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +44 -13
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/utils/getTextValue.js +20 -0
- package/es/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Popup/Popup.js +65 -7
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Select/ui/VirtualList/VirtualList.js +44 -13
- package/es/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.js +2 -2
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/package.json +2 -3
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -8
- package/styled-components/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +84 -16
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -44
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +84 -16
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/styled-components/cjs/components/Popup/Popup.js +69 -7
- package/styled-components/cjs/components/Select/ui/VirtualList/VirtualList.js +84 -16
- package/styled-components/es/components/Autocomplete/Autocomplete.js +2 -9
- package/styled-components/es/components/Autocomplete/ui/VirtualList/VirtualList.js +45 -13
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +12 -30
- package/styled-components/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +45 -13
- package/styled-components/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/styled-components/es/components/Popup/Popup.js +63 -6
- package/styled-components/es/components/Select/ui/VirtualList/VirtualList.js +45 -13
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +17 -17
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/VirtualList/VirtualList.d.ts +1 -1
- package/types/components/Autocomplete/ui/VirtualList/VirtualList.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +5 -0
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +2 -2
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +4 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +12 -12
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +4 -4
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/VirtualList/VirtualList.d.ts +1 -1
- package/types/components/Select/ui/VirtualList/VirtualList.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +12 -12
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts +40 -40
- package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +12 -12
- package/types/examples/components/Select/Select.d.ts.map +1 -1
- package/cjs/components/Popup/ui/Draggable/Draggable.js +0 -33
- package/cjs/components/Popup/ui/Draggable/Draggable.js.map +0 -1
- package/cjs/components/Popup/ui/Resizable/Resizable.js +0 -79
- package/cjs/components/Popup/ui/Resizable/Resizable.js.map +0 -1
- package/emotion/cjs/components/Popup/ui/Draggable/Draggable.js +0 -75
- package/emotion/cjs/components/Popup/ui/Resizable/Resizable.js +0 -114
- package/emotion/cjs/components/Popup/ui/index.js +0 -20
- package/emotion/es/components/Popup/ui/Draggable/Draggable.js +0 -19
- package/emotion/es/components/Popup/ui/Resizable/Resizable.js +0 -63
- package/emotion/es/components/Popup/ui/index.js +0 -2
- package/es/components/Popup/ui/Draggable/Draggable.js +0 -24
- package/es/components/Popup/ui/Draggable/Draggable.js.map +0 -1
- package/es/components/Popup/ui/Resizable/Resizable.js +0 -71
- package/es/components/Popup/ui/Resizable/Resizable.js.map +0 -1
- package/styled-components/cjs/components/Popup/ui/Draggable/Draggable.js +0 -75
- package/styled-components/cjs/components/Popup/ui/Resizable/Resizable.js +0 -114
- package/styled-components/cjs/components/Popup/ui/index.js +0 -20
- package/styled-components/es/components/Popup/ui/Draggable/Draggable.js +0 -19
- package/styled-components/es/components/Popup/ui/Resizable/Resizable.js +0 -63
- package/styled-components/es/components/Popup/ui/index.js +0 -2
- package/types/components/Popup/ui/Draggable/Draggable.d.ts +0 -6
- package/types/components/Popup/ui/Draggable/Draggable.d.ts.map +0 -1
- package/types/components/Popup/ui/Resizable/Resizable.d.ts +0 -7
- package/types/components/Popup/ui/Resizable/Resizable.d.ts.map +0 -1
- package/types/components/Popup/ui/index.d.ts +0 -3
- package/types/components/Popup/ui/index.d.ts.map +0 -1
@@ -1,114 +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 _Popuptokens = require("../../Popup.tokens");
|
14
|
-
var _utils = require("../../utils");
|
15
|
-
var _Popupstyles = require("../../Popup.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;
|
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(_Popuptokens.classes.resizableContainerNoSelect);
|
67
|
-
}
|
68
|
-
};
|
69
|
-
var handleResizeStop = function() {
|
70
|
-
if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
|
71
|
-
resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
|
72
|
-
}
|
73
|
-
};
|
74
|
-
if (!resizable || resizable.disabled) {
|
75
|
-
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children);
|
76
|
-
}
|
77
|
-
return /*#__PURE__*/ _react.default.createElement(_reresizable.Resizable, {
|
78
|
-
ref: resizableContainer,
|
79
|
-
enable: resizable && !resizable.disabled ? (0, _utils.getResizeDirections)(resizable.directions) : false,
|
80
|
-
resizeRatio: (0, _utils.getRatioBasedOnPlacement)(placement),
|
81
|
-
defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
|
82
|
-
minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
|
83
|
-
minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
|
84
|
-
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
85
|
-
maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
|
86
|
-
onResizeStart: handleResizeStart,
|
87
|
-
onResizeStop: handleResizeStop,
|
88
|
-
handleComponent: {
|
89
|
-
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(_Popupstyles.IconResizeDiagonalStyled, {
|
90
|
-
className: _Popuptokens.classes.resizableTopRightIcon,
|
91
|
-
color: "inherit",
|
92
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
93
|
-
})),
|
94
|
-
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(_Popupstyles.IconResizeDiagonalStyled, {
|
95
|
-
className: _Popuptokens.classes.resizableBottomRightIcon,
|
96
|
-
color: "inherit",
|
97
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
98
|
-
})),
|
99
|
-
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(_Popupstyles.IconResizeDiagonalStyled, {
|
100
|
-
className: _Popuptokens.classes.resizableBottomLeftIcon,
|
101
|
-
color: "inherit",
|
102
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
103
|
-
})),
|
104
|
-
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(_Popupstyles.IconResizeDiagonalStyled, {
|
105
|
-
className: _Popuptokens.classes.resizableTopLeftIcon,
|
106
|
-
color: "inherit",
|
107
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
108
|
-
}))
|
109
|
-
},
|
110
|
-
className: _Popuptokens.classes.resizableContainer,
|
111
|
-
handleStyles: (0, _utils.getHandleStyles)(),
|
112
|
-
handleWrapperClass: _Popuptokens.classes.resizableHandleWrapper
|
113
|
-
}, children);
|
114
|
-
};
|
@@ -1,20 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
3
|
-
value: true
|
4
|
-
});
|
5
|
-
function _export(target, all) {
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
7
|
-
enumerable: true,
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
9
|
-
});
|
10
|
-
}
|
11
|
-
_export(exports, {
|
12
|
-
get Draggable () {
|
13
|
-
return _Draggable.Draggable;
|
14
|
-
},
|
15
|
-
get Resizable () {
|
16
|
-
return _Resizable.Resizable;
|
17
|
-
}
|
18
|
-
});
|
19
|
-
var _Draggable = require("./Draggable/Draggable");
|
20
|
-
var _Resizable = require("./Resizable/Resizable");
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import React, { useRef } from "react";
|
2
|
-
import ReactDraggable from "react-draggable";
|
3
|
-
import { classes } from "../../Popup.tokens";
|
4
|
-
export var Draggable = function(param) {
|
5
|
-
var children = param.children, draggable = param.draggable;
|
6
|
-
var nodeRef = useRef(null);
|
7
|
-
if (!draggable) {
|
8
|
-
return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
|
9
|
-
}
|
10
|
-
return /*#__PURE__*/ React.createElement(ReactDraggable, {
|
11
|
-
nodeRef: nodeRef,
|
12
|
-
defaultClassName: draggable ? classes.draggablePopupWrapper : undefined,
|
13
|
-
defaultClassNameDragging: draggable ? classes.draggingPopupWrapper : undefined,
|
14
|
-
disabled: !draggable,
|
15
|
-
cancel: ".".concat(classes.resizableHandleWrapper)
|
16
|
-
}, /*#__PURE__*/ React.createElement("div", {
|
17
|
-
ref: nodeRef
|
18
|
-
}, children));
|
19
|
-
};
|
@@ -1,63 +0,0 @@
|
|
1
|
-
import React, { useRef } from "react";
|
2
|
-
import { Resizable as ReResizable } from "re-resizable";
|
3
|
-
import { classes } from "../../Popup.tokens";
|
4
|
-
import { getHandleStyles, getRatioBasedOnPlacement, getResizeDirections } from "../../utils";
|
5
|
-
import { IconResizeDiagonalStyled } from "../../Popup.styles";
|
6
|
-
export var Resizable = function(param) {
|
7
|
-
var children = param.children, outerResizable = param.resizable, placement = param.placement;
|
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
|
-
}
|
17
|
-
};
|
18
|
-
var handleResizeStop = function() {
|
19
|
-
if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
|
20
|
-
resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
|
21
|
-
}
|
22
|
-
};
|
23
|
-
if (!resizable || resizable.disabled) {
|
24
|
-
return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
|
25
|
-
}
|
26
|
-
return /*#__PURE__*/ React.createElement(ReResizable, {
|
27
|
-
ref: resizableContainer,
|
28
|
-
enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
|
29
|
-
resizeRatio: getRatioBasedOnPlacement(placement),
|
30
|
-
defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
|
31
|
-
minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
|
32
|
-
minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
|
33
|
-
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
34
|
-
maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
|
35
|
-
onResizeStart: handleResizeStart,
|
36
|
-
onResizeStop: handleResizeStop,
|
37
|
-
handleComponent: {
|
38
|
-
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, {
|
39
|
-
className: classes.resizableTopRightIcon,
|
40
|
-
color: "inherit",
|
41
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
42
|
-
})),
|
43
|
-
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, {
|
44
|
-
className: classes.resizableBottomRightIcon,
|
45
|
-
color: "inherit",
|
46
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
47
|
-
})),
|
48
|
-
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, {
|
49
|
-
className: classes.resizableBottomLeftIcon,
|
50
|
-
color: "inherit",
|
51
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
52
|
-
})),
|
53
|
-
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, {
|
54
|
-
className: classes.resizableTopLeftIcon,
|
55
|
-
color: "inherit",
|
56
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
57
|
-
}))
|
58
|
-
},
|
59
|
-
className: classes.resizableContainer,
|
60
|
-
handleStyles: getHandleStyles(),
|
61
|
-
handleWrapperClass: classes.resizableHandleWrapper
|
62
|
-
}, children);
|
63
|
-
};
|
@@ -1,24 +0,0 @@
|
|
1
|
-
import React, { useRef } from 'react';
|
2
|
-
import ReactDraggable from 'react-draggable';
|
3
|
-
import { classes } from '../../Popup.tokens.js';
|
4
|
-
|
5
|
-
var Draggable = function Draggable(_ref) {
|
6
|
-
var children = _ref.children,
|
7
|
-
draggable = _ref.draggable;
|
8
|
-
var nodeRef = useRef(null);
|
9
|
-
if (!draggable) {
|
10
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
11
|
-
}
|
12
|
-
return /*#__PURE__*/React.createElement(ReactDraggable, {
|
13
|
-
nodeRef: nodeRef,
|
14
|
-
defaultClassName: draggable ? classes.draggablePopupWrapper : undefined,
|
15
|
-
defaultClassNameDragging: draggable ? classes.draggingPopupWrapper : undefined,
|
16
|
-
disabled: !draggable,
|
17
|
-
cancel: ".".concat(classes.resizableHandleWrapper)
|
18
|
-
}, /*#__PURE__*/React.createElement("div", {
|
19
|
-
ref: nodeRef
|
20
|
-
}, children));
|
21
|
-
};
|
22
|
-
|
23
|
-
export { Draggable };
|
24
|
-
//# sourceMappingURL=Draggable.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Draggable.js","sources":["../../../../../src/components/Popup/ui/Draggable/Draggable.tsx"],"sourcesContent":["import React, { useRef, FC, PropsWithChildren } from 'react';\nimport ReactDraggable from 'react-draggable';\nimport { classes } from 'src/components/Popup/Popup.tokens';\n\nimport { PopupProps } from '../../Popup.types';\n\nexport const Draggable: FC<PropsWithChildren<{ draggable: PopupProps['draggable'] }>> = ({ children, draggable }) => {\n const nodeRef = useRef(null);\n\n if (!draggable) {\n return <>{children}</>;\n }\n\n return (\n <ReactDraggable\n nodeRef={nodeRef}\n defaultClassName={draggable ? classes.draggablePopupWrapper : undefined}\n defaultClassNameDragging={draggable ? classes.draggingPopupWrapper : undefined}\n disabled={!draggable}\n cancel={`.${classes.resizableHandleWrapper}`}\n >\n <div ref={nodeRef}>{children}</div>\n </ReactDraggable>\n );\n};\n"],"names":["Draggable","_ref","children","draggable","nodeRef","useRef","React","createElement","Fragment","ReactDraggable","defaultClassName","classes","draggablePopupWrapper","undefined","defaultClassNameDragging","draggingPopupWrapper","disabled","cancel","concat","resizableHandleWrapper","ref"],"mappings":";;;;IAMaA,SAAwE,GAAG,SAA3EA,SAAwEA,CAAAC,IAAA,EAAgC;AAAA,EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAC1G,EAAA,IAAMC,OAAO,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;EAE5B,IAAI,CAACF,SAAS,EAAE;IACZ,oBAAOG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAGN,IAAAA,EAAAA,QAAW,CAAC,CAAA;AAC1B,GAAA;AAEA,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACE,cAAc,EAAA;AACXL,IAAAA,OAAO,EAAEA,OAAQ;AACjBM,IAAAA,gBAAgB,EAAEP,SAAS,GAAGQ,OAAO,CAACC,qBAAqB,GAAGC,SAAU;AACxEC,IAAAA,wBAAwB,EAAEX,SAAS,GAAGQ,OAAO,CAACI,oBAAoB,GAAGF,SAAU;IAC/EG,QAAQ,EAAE,CAACb,SAAU;AACrBc,IAAAA,MAAM,EAAAC,GAAAA,CAAAA,MAAA,CAAMP,OAAO,CAACQ,sBAAsB,CAAA;GAE1Cb,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKa,IAAAA,GAAG,EAAEhB,OAAAA;GAAUF,EAAAA,QAAc,CACtB,CAAC,CAAA;AAEzB;;;;"}
|
@@ -1,71 +0,0 @@
|
|
1
|
-
import React, { useRef } from 'react';
|
2
|
-
import { Resizable as Resizable$1 } from 're-resizable';
|
3
|
-
import { classes } from '../../Popup.tokens.js';
|
4
|
-
import { IconResizeDiagonalStyled } from '../../Popup.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
|
-
var resizableContainer = useRef(null);
|
15
|
-
var resizable = typeof outerResizable === 'boolean' ? {
|
16
|
-
disabled: !outerResizable
|
17
|
-
} : outerResizable;
|
18
|
-
var handleResizeStart = function handleResizeStart() {
|
19
|
-
if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
|
20
|
-
resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
|
21
|
-
}
|
22
|
-
};
|
23
|
-
var handleResizeStop = function handleResizeStop() {
|
24
|
-
if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
|
25
|
-
resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
|
26
|
-
}
|
27
|
-
};
|
28
|
-
if (!resizable || resizable.disabled) {
|
29
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
30
|
-
}
|
31
|
-
return /*#__PURE__*/React.createElement(Resizable$1, {
|
32
|
-
ref: resizableContainer,
|
33
|
-
enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
|
34
|
-
resizeRatio: getRatioBasedOnPlacement(placement),
|
35
|
-
defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
|
36
|
-
minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
|
37
|
-
minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
|
38
|
-
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
39
|
-
maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
|
40
|
-
onResizeStart: handleResizeStart,
|
41
|
-
onResizeStop: handleResizeStop,
|
42
|
-
handleComponent: {
|
43
|
-
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, {
|
44
|
-
className: classes.resizableTopRightIcon,
|
45
|
-
color: "inherit",
|
46
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
47
|
-
})),
|
48
|
-
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, {
|
49
|
-
className: classes.resizableBottomRightIcon,
|
50
|
-
color: "inherit",
|
51
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
52
|
-
})),
|
53
|
-
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, {
|
54
|
-
className: classes.resizableBottomLeftIcon,
|
55
|
-
color: "inherit",
|
56
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
57
|
-
})),
|
58
|
-
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, {
|
59
|
-
className: classes.resizableTopLeftIcon,
|
60
|
-
color: "inherit",
|
61
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
62
|
-
}))
|
63
|
-
},
|
64
|
-
className: classes.resizableContainer,
|
65
|
-
handleStyles: getHandleStyles(),
|
66
|
-
handleWrapperClass: classes.resizableHandleWrapper
|
67
|
-
}, children);
|
68
|
-
};
|
69
|
-
|
70
|
-
export { Resizable };
|
71
|
-
//# sourceMappingURL=Resizable.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Resizable.js","sources":["../../../../../src/components/Popup/ui/Resizable/Resizable.tsx"],"sourcesContent":["import React, { useRef, FC, PropsWithChildren } from 'react';\nimport { Resizable as ReResizable } from 're-resizable';\nimport { classes } from 'src/components/Popup/Popup.tokens';\nimport { getHandleStyles, getRatioBasedOnPlacement, getResizeDirections } from 'src/components/Popup/utils';\nimport type { Resizable as ResizableType } from 're-resizable';\n\nimport { PopupProps } from '../../Popup.types';\nimport { IconResizeDiagonalStyled } from '../../Popup.styles';\n\nexport const Resizable: FC<PropsWithChildren<{\n resizable: PopupProps['resizable'];\n placement: NonNullable<PopupProps['placement']>;\n}>> = ({ children, resizable: outerResizable, placement }) => {\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 };\n\n const handleResizeStop = () => {\n if (resizableContainer?.current && resizableContainer.current.resizable) {\n resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);\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={handleResizeStop}\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","resizableContainer","useRef","disabled","handleResizeStart","current","classList","toggle","classes","resizableContainerNoSelect","handleResizeStop","React","createElement","Fragment","ReResizable","ref","enable","getResizeDirections","directions","resizeRatio","getRatioBasedOnPlacement","defaultSize","minWidth","minHeight","maxWidth","maxHeight","onResizeStart","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,75 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
3
|
-
value: true
|
4
|
-
});
|
5
|
-
Object.defineProperty(exports, "Draggable", {
|
6
|
-
enumerable: true,
|
7
|
-
get: function() {
|
8
|
-
return Draggable;
|
9
|
-
}
|
10
|
-
});
|
11
|
-
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
12
|
-
var _reactdraggable = /*#__PURE__*/ _interop_require_default(require("react-draggable"));
|
13
|
-
var _Popuptokens = require("../../Popup.tokens");
|
14
|
-
function _interop_require_default(obj) {
|
15
|
-
return obj && obj.__esModule ? obj : {
|
16
|
-
default: obj
|
17
|
-
};
|
18
|
-
}
|
19
|
-
function _getRequireWildcardCache(nodeInterop) {
|
20
|
-
if (typeof WeakMap !== "function") return null;
|
21
|
-
var cacheBabelInterop = new WeakMap();
|
22
|
-
var cacheNodeInterop = new WeakMap();
|
23
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
24
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
25
|
-
})(nodeInterop);
|
26
|
-
}
|
27
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
28
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
29
|
-
return obj;
|
30
|
-
}
|
31
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
32
|
-
return {
|
33
|
-
default: obj
|
34
|
-
};
|
35
|
-
}
|
36
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
37
|
-
if (cache && cache.has(obj)) {
|
38
|
-
return cache.get(obj);
|
39
|
-
}
|
40
|
-
var newObj = {
|
41
|
-
__proto__: null
|
42
|
-
};
|
43
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
44
|
-
for(var key in obj){
|
45
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
46
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
47
|
-
if (desc && (desc.get || desc.set)) {
|
48
|
-
Object.defineProperty(newObj, key, desc);
|
49
|
-
} else {
|
50
|
-
newObj[key] = obj[key];
|
51
|
-
}
|
52
|
-
}
|
53
|
-
}
|
54
|
-
newObj.default = obj;
|
55
|
-
if (cache) {
|
56
|
-
cache.set(obj, newObj);
|
57
|
-
}
|
58
|
-
return newObj;
|
59
|
-
}
|
60
|
-
var Draggable = function(param) {
|
61
|
-
var children = param.children, draggable = param.draggable;
|
62
|
-
var nodeRef = (0, _react.useRef)(null);
|
63
|
-
if (!draggable) {
|
64
|
-
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children);
|
65
|
-
}
|
66
|
-
return /*#__PURE__*/ _react.default.createElement(_reactdraggable.default, {
|
67
|
-
nodeRef: nodeRef,
|
68
|
-
defaultClassName: draggable ? _Popuptokens.classes.draggablePopupWrapper : undefined,
|
69
|
-
defaultClassNameDragging: draggable ? _Popuptokens.classes.draggingPopupWrapper : undefined,
|
70
|
-
disabled: !draggable,
|
71
|
-
cancel: ".".concat(_Popuptokens.classes.resizableHandleWrapper)
|
72
|
-
}, /*#__PURE__*/ _react.default.createElement("div", {
|
73
|
-
ref: nodeRef
|
74
|
-
}, children));
|
75
|
-
};
|
@@ -1,114 +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 _Popuptokens = require("../../Popup.tokens");
|
14
|
-
var _utils = require("../../utils");
|
15
|
-
var _Popupstyles = require("../../Popup.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;
|
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(_Popuptokens.classes.resizableContainerNoSelect);
|
67
|
-
}
|
68
|
-
};
|
69
|
-
var handleResizeStop = function() {
|
70
|
-
if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
|
71
|
-
resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
|
72
|
-
}
|
73
|
-
};
|
74
|
-
if (!resizable || resizable.disabled) {
|
75
|
-
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children);
|
76
|
-
}
|
77
|
-
return /*#__PURE__*/ _react.default.createElement(_reresizable.Resizable, {
|
78
|
-
ref: resizableContainer,
|
79
|
-
enable: resizable && !resizable.disabled ? (0, _utils.getResizeDirections)(resizable.directions) : false,
|
80
|
-
resizeRatio: (0, _utils.getRatioBasedOnPlacement)(placement),
|
81
|
-
defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
|
82
|
-
minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
|
83
|
-
minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
|
84
|
-
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
85
|
-
maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
|
86
|
-
onResizeStart: handleResizeStart,
|
87
|
-
onResizeStop: handleResizeStop,
|
88
|
-
handleComponent: {
|
89
|
-
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(_Popupstyles.IconResizeDiagonalStyled, {
|
90
|
-
className: _Popuptokens.classes.resizableTopRightIcon,
|
91
|
-
color: "inherit",
|
92
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
93
|
-
})),
|
94
|
-
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(_Popupstyles.IconResizeDiagonalStyled, {
|
95
|
-
className: _Popuptokens.classes.resizableBottomRightIcon,
|
96
|
-
color: "inherit",
|
97
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
98
|
-
})),
|
99
|
-
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(_Popupstyles.IconResizeDiagonalStyled, {
|
100
|
-
className: _Popuptokens.classes.resizableBottomLeftIcon,
|
101
|
-
color: "inherit",
|
102
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
103
|
-
})),
|
104
|
-
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(_Popupstyles.IconResizeDiagonalStyled, {
|
105
|
-
className: _Popuptokens.classes.resizableTopLeftIcon,
|
106
|
-
color: "inherit",
|
107
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
108
|
-
}))
|
109
|
-
},
|
110
|
-
className: _Popuptokens.classes.resizableContainer,
|
111
|
-
handleStyles: (0, _utils.getHandleStyles)(),
|
112
|
-
handleWrapperClass: _Popuptokens.classes.resizableHandleWrapper
|
113
|
-
}, children);
|
114
|
-
};
|
@@ -1,20 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
3
|
-
value: true
|
4
|
-
});
|
5
|
-
function _export(target, all) {
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
7
|
-
enumerable: true,
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
9
|
-
});
|
10
|
-
}
|
11
|
-
_export(exports, {
|
12
|
-
get Draggable () {
|
13
|
-
return _Draggable.Draggable;
|
14
|
-
},
|
15
|
-
get Resizable () {
|
16
|
-
return _Resizable.Resizable;
|
17
|
-
}
|
18
|
-
});
|
19
|
-
var _Draggable = require("./Draggable/Draggable");
|
20
|
-
var _Resizable = require("./Resizable/Resizable");
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import React, { useRef } from "react";
|
2
|
-
import ReactDraggable from "react-draggable";
|
3
|
-
import { classes } from "../../Popup.tokens";
|
4
|
-
export var Draggable = function(param) {
|
5
|
-
var children = param.children, draggable = param.draggable;
|
6
|
-
var nodeRef = useRef(null);
|
7
|
-
if (!draggable) {
|
8
|
-
return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
|
9
|
-
}
|
10
|
-
return /*#__PURE__*/ React.createElement(ReactDraggable, {
|
11
|
-
nodeRef: nodeRef,
|
12
|
-
defaultClassName: draggable ? classes.draggablePopupWrapper : undefined,
|
13
|
-
defaultClassNameDragging: draggable ? classes.draggingPopupWrapper : undefined,
|
14
|
-
disabled: !draggable,
|
15
|
-
cancel: ".".concat(classes.resizableHandleWrapper)
|
16
|
-
}, /*#__PURE__*/ React.createElement("div", {
|
17
|
-
ref: nodeRef
|
18
|
-
}, children));
|
19
|
-
};
|