@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.
Files changed (171) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.js +1 -6
  2. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  3. package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +43 -13
  4. package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
  5. package/cjs/components/Carousel/CarouselNew/Carousel.js +4 -3
  6. package/cjs/components/Carousel/CarouselNew/Carousel.js.map +1 -1
  7. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  8. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
  9. package/cjs/components/Combobox/ComboboxNew/Combobox.js +15 -30
  10. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  11. package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +43 -13
  12. package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
  13. package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +24 -0
  14. package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
  15. package/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
  16. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  17. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -2
  18. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  19. package/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
  20. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  21. package/cjs/components/Popup/Popup.js +67 -8
  22. package/cjs/components/Popup/Popup.js.map +1 -1
  23. package/cjs/components/Select/ui/VirtualList/VirtualList.js +43 -13
  24. package/cjs/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
  25. package/cjs/components/Slider/ui/Handler/Handler.js +3 -3
  26. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
  27. package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -8
  28. package/emotion/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +84 -16
  29. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +2 -2
  30. package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  31. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -44
  32. package/emotion/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +84 -16
  33. package/emotion/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
  34. package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
  35. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
  36. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
  37. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
  38. package/emotion/cjs/components/Popup/Popup.js +69 -7
  39. package/emotion/cjs/components/Select/ui/VirtualList/VirtualList.js +84 -16
  40. package/emotion/es/components/Autocomplete/Autocomplete.js +2 -9
  41. package/emotion/es/components/Autocomplete/ui/VirtualList/VirtualList.js +45 -13
  42. package/emotion/es/components/Carousel/CarouselNew/Carousel.js +2 -2
  43. package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  44. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +12 -30
  45. package/emotion/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +45 -13
  46. package/emotion/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
  47. package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
  48. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
  49. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
  50. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
  51. package/emotion/es/components/Popup/Popup.js +63 -6
  52. package/emotion/es/components/Select/ui/VirtualList/VirtualList.js +45 -13
  53. package/es/components/Autocomplete/Autocomplete.js +2 -7
  54. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  55. package/es/components/Autocomplete/ui/VirtualList/VirtualList.js +44 -13
  56. package/es/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
  57. package/es/components/Carousel/CarouselNew/Carousel.js +5 -4
  58. package/es/components/Carousel/CarouselNew/Carousel.js.map +1 -1
  59. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  60. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
  61. package/es/components/Combobox/ComboboxNew/Combobox.js +15 -30
  62. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  63. package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +44 -13
  64. package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
  65. package/es/components/Combobox/ComboboxNew/utils/getTextValue.js +20 -0
  66. package/es/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
  67. package/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
  68. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  69. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -2
  70. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  71. package/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
  72. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  73. package/es/components/Popup/Popup.js +65 -7
  74. package/es/components/Popup/Popup.js.map +1 -1
  75. package/es/components/Select/ui/VirtualList/VirtualList.js +44 -13
  76. package/es/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
  77. package/es/components/Slider/ui/Handler/Handler.js +2 -2
  78. package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
  79. package/package.json +2 -3
  80. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -8
  81. package/styled-components/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +84 -16
  82. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +2 -2
  83. package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  84. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -44
  85. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +84 -16
  86. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
  87. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
  88. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
  89. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
  90. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
  91. package/styled-components/cjs/components/Popup/Popup.js +69 -7
  92. package/styled-components/cjs/components/Select/ui/VirtualList/VirtualList.js +84 -16
  93. package/styled-components/es/components/Autocomplete/Autocomplete.js +2 -9
  94. package/styled-components/es/components/Autocomplete/ui/VirtualList/VirtualList.js +45 -13
  95. package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +2 -2
  96. package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
  97. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +12 -30
  98. package/styled-components/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +45 -13
  99. package/styled-components/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
  100. package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
  101. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
  102. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
  103. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
  104. package/styled-components/es/components/Popup/Popup.js +63 -6
  105. package/styled-components/es/components/Select/ui/VirtualList/VirtualList.js +45 -13
  106. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  107. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  108. package/types/components/Autocomplete/Autocomplete.types.d.ts +17 -17
  109. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
  110. package/types/components/Autocomplete/ui/VirtualList/VirtualList.d.ts +1 -1
  111. package/types/components/Autocomplete/ui/VirtualList/VirtualList.d.ts.map +1 -1
  112. package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +1 -1
  113. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +5 -0
  114. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +1 -1
  115. package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +1 -1
  116. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  117. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +2 -2
  118. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  119. package/types/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.d.ts +1 -1
  120. package/types/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.d.ts.map +1 -1
  121. package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts +4 -0
  122. package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts.map +1 -0
  123. package/types/components/Combobox/ComboboxNew/utils/index.d.ts +1 -0
  124. package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
  125. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  126. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  127. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  128. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  129. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +4 -0
  130. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  131. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +12 -12
  132. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  133. package/types/components/Popup/Popup.d.ts.map +1 -1
  134. package/types/components/Select/Select.types.d.ts +4 -4
  135. package/types/components/Select/Select.types.d.ts.map +1 -1
  136. package/types/components/Select/ui/VirtualList/VirtualList.d.ts +1 -1
  137. package/types/components/Select/ui/VirtualList/VirtualList.d.ts.map +1 -1
  138. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +12 -12
  139. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  140. package/types/examples/components/Autocomplete/Autocomplete.d.ts +40 -40
  141. package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  142. package/types/examples/components/Combobox/Combobox.d.ts +24 -24
  143. package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
  144. package/types/examples/components/Select/Select.d.ts +12 -12
  145. package/types/examples/components/Select/Select.d.ts.map +1 -1
  146. package/cjs/components/Popup/ui/Draggable/Draggable.js +0 -33
  147. package/cjs/components/Popup/ui/Draggable/Draggable.js.map +0 -1
  148. package/cjs/components/Popup/ui/Resizable/Resizable.js +0 -79
  149. package/cjs/components/Popup/ui/Resizable/Resizable.js.map +0 -1
  150. package/emotion/cjs/components/Popup/ui/Draggable/Draggable.js +0 -75
  151. package/emotion/cjs/components/Popup/ui/Resizable/Resizable.js +0 -114
  152. package/emotion/cjs/components/Popup/ui/index.js +0 -20
  153. package/emotion/es/components/Popup/ui/Draggable/Draggable.js +0 -19
  154. package/emotion/es/components/Popup/ui/Resizable/Resizable.js +0 -63
  155. package/emotion/es/components/Popup/ui/index.js +0 -2
  156. package/es/components/Popup/ui/Draggable/Draggable.js +0 -24
  157. package/es/components/Popup/ui/Draggable/Draggable.js.map +0 -1
  158. package/es/components/Popup/ui/Resizable/Resizable.js +0 -71
  159. package/es/components/Popup/ui/Resizable/Resizable.js.map +0 -1
  160. package/styled-components/cjs/components/Popup/ui/Draggable/Draggable.js +0 -75
  161. package/styled-components/cjs/components/Popup/ui/Resizable/Resizable.js +0 -114
  162. package/styled-components/cjs/components/Popup/ui/index.js +0 -20
  163. package/styled-components/es/components/Popup/ui/Draggable/Draggable.js +0 -19
  164. package/styled-components/es/components/Popup/ui/Resizable/Resizable.js +0 -63
  165. package/styled-components/es/components/Popup/ui/index.js +0 -2
  166. package/types/components/Popup/ui/Draggable/Draggable.d.ts +0 -6
  167. package/types/components/Popup/ui/Draggable/Draggable.d.ts.map +0 -1
  168. package/types/components/Popup/ui/Resizable/Resizable.d.ts +0 -7
  169. package/types/components/Popup/ui/Resizable/Resizable.d.ts.map +0 -1
  170. package/types/components/Popup/ui/index.d.ts +0 -3
  171. 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,2 +0,0 @@
1
- export { Draggable } from "./Draggable/Draggable";
2
- export { Resizable } from "./Resizable/Resizable";
@@ -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
- };