@salutejs/plasma-new-hope 0.338.0-canary.2281.18488447809.0 → 0.338.0-canary.2284.18491659303.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +0 -2
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +0 -2
  3. package/cjs/components/Combobox/ComboboxOld/Combobox.css +0 -2
  4. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +0 -2
  5. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +0 -2
  6. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +0 -2
  7. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +0 -2
  8. package/cjs/components/DatePicker/RangeDate/RangeDate.css +0 -2
  9. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -2
  10. package/cjs/components/DatePicker/SingleDate/SingleDate.css +0 -2
  11. package/cjs/components/Dropdown/Dropdown.css +0 -2
  12. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +0 -4
  13. package/cjs/components/InformationWrapper/InformationWrapper.css +0 -2
  14. package/cjs/components/InformationWrapper/ui/Label/Label.css +0 -2
  15. package/cjs/components/Pagination/Pagination.css +0 -2
  16. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
  17. package/cjs/components/Popover/Popover.css +0 -4
  18. package/cjs/components/Popover/Popover.js +2 -10
  19. package/cjs/components/Popover/Popover.js.map +1 -1
  20. package/cjs/components/Range/Range.css +0 -2
  21. package/cjs/components/Select/Select.css +0 -2
  22. package/cjs/components/Select/ui/Target/Target.css +0 -2
  23. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +0 -2
  24. package/cjs/components/Slider/Slider.css +0 -2
  25. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -2
  26. package/cjs/components/Table/Table.css +0 -2
  27. package/cjs/components/Table/ui/Cell/Cell.css +0 -2
  28. package/cjs/components/Table/ui/EditableCell/EditableCell.css +0 -2
  29. package/cjs/components/Table/ui/HeadCell/HeadCell.css +0 -2
  30. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
  31. package/cjs/components/TextArea/ui/Hint/Hint.css +0 -2
  32. package/cjs/components/TextField/ui/Hint/Hint.css +0 -2
  33. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -2
  34. package/cjs/components/TimePicker/TimePicker.css +0 -2
  35. package/cjs/index.css +0 -2
  36. package/emotion/cjs/components/Popover/Popover.js +2 -10
  37. package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  38. package/emotion/es/components/Popover/Popover.js +2 -10
  39. package/es/components/Autocomplete/Autocomplete.css +0 -2
  40. package/es/components/Combobox/ComboboxNew/Combobox.css +0 -2
  41. package/es/components/Combobox/ComboboxOld/Combobox.css +0 -2
  42. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +0 -2
  43. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +0 -2
  44. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +0 -2
  45. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +0 -2
  46. package/es/components/DatePicker/RangeDate/RangeDate.css +0 -2
  47. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -2
  48. package/es/components/DatePicker/SingleDate/SingleDate.css +0 -2
  49. package/es/components/Dropdown/Dropdown.css +0 -2
  50. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +0 -4
  51. package/es/components/InformationWrapper/InformationWrapper.css +0 -2
  52. package/es/components/InformationWrapper/ui/Label/Label.css +0 -2
  53. package/es/components/Pagination/Pagination.css +0 -2
  54. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
  55. package/es/components/Popover/Popover.css +0 -4
  56. package/es/components/Popover/Popover.js +2 -10
  57. package/es/components/Popover/Popover.js.map +1 -1
  58. package/es/components/Range/Range.css +0 -2
  59. package/es/components/Select/Select.css +0 -2
  60. package/es/components/Select/ui/Target/Target.css +0 -2
  61. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +0 -2
  62. package/es/components/Slider/Slider.css +0 -2
  63. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -2
  64. package/es/components/Table/Table.css +0 -2
  65. package/es/components/Table/ui/Cell/Cell.css +0 -2
  66. package/es/components/Table/ui/EditableCell/EditableCell.css +0 -2
  67. package/es/components/Table/ui/HeadCell/HeadCell.css +0 -2
  68. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -2
  69. package/es/components/TextArea/ui/Hint/Hint.css +0 -2
  70. package/es/components/TextField/ui/Hint/Hint.css +0 -2
  71. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +0 -2
  72. package/es/components/TimePicker/TimePicker.css +0 -2
  73. package/es/index.css +0 -2
  74. package/package.json +2 -2
  75. package/styled-components/cjs/components/Popover/Popover.js +2 -10
  76. package/styled-components/es/components/Popover/Popover.js +2 -10
  77. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  78. package/types/components/Popover/Popover.d.ts.map +1 -1
  79. package/types/components/Popover/Popover.types.d.ts +0 -13
  80. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  81. package/types/types/index.d.ts +0 -1
  82. package/types/types/index.d.ts.map +1 -1
  83. package/cjs/components/_Resizable/Resizable.css +0 -3
  84. package/cjs/components/_Resizable/Resizable.js +0 -87
  85. package/cjs/components/_Resizable/Resizable.js.map +0 -1
  86. package/cjs/components/_Resizable/Resizable.styles.js +0 -19
  87. package/cjs/components/_Resizable/Resizable.styles.js.map +0 -1
  88. package/cjs/components/_Resizable/Resizable.styles_1l85rp0.css +0 -1
  89. package/cjs/components/_Resizable/Resizable.tokens.js +0 -16
  90. package/cjs/components/_Resizable/Resizable.tokens.js.map +0 -1
  91. package/cjs/components/_Resizable/utils/getHandleStyles.js +0 -40
  92. package/cjs/components/_Resizable/utils/getHandleStyles.js.map +0 -1
  93. package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -38
  94. package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +0 -1
  95. package/cjs/components/_Resizable/utils/getResizeDirections.js +0 -73
  96. package/cjs/components/_Resizable/utils/getResizeDirections.js.map +0 -1
  97. package/emotion/cjs/components/_Resizable/Resizable.js +0 -120
  98. package/emotion/cjs/components/_Resizable/Resizable.styles.js +0 -22
  99. package/emotion/cjs/components/_Resizable/Resizable.tokens.js +0 -19
  100. package/emotion/cjs/components/_Resizable/Resizable.types.js +0 -4
  101. package/emotion/cjs/components/_Resizable/index.js +0 -19
  102. package/emotion/cjs/components/_Resizable/utils/getHandleStyles.js +0 -68
  103. package/emotion/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -54
  104. package/emotion/cjs/components/_Resizable/utils/getResizeDirections.js +0 -82
  105. package/emotion/cjs/components/_Resizable/utils/index.js +0 -27
  106. package/emotion/es/components/_Resizable/Resizable.js +0 -69
  107. package/emotion/es/components/_Resizable/Resizable.styles.js +0 -7
  108. package/emotion/es/components/_Resizable/Resizable.tokens.js +0 -9
  109. package/emotion/es/components/_Resizable/Resizable.types.js +0 -1
  110. package/emotion/es/components/_Resizable/index.js +0 -2
  111. package/emotion/es/components/_Resizable/utils/getHandleStyles.js +0 -58
  112. package/emotion/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -44
  113. package/emotion/es/components/_Resizable/utils/getResizeDirections.js +0 -72
  114. package/emotion/es/components/_Resizable/utils/index.js +0 -4
  115. package/es/components/_Resizable/Resizable.css +0 -3
  116. package/es/components/_Resizable/Resizable.js +0 -79
  117. package/es/components/_Resizable/Resizable.js.map +0 -1
  118. package/es/components/_Resizable/Resizable.styles.js +0 -15
  119. package/es/components/_Resizable/Resizable.styles.js.map +0 -1
  120. package/es/components/_Resizable/Resizable.styles_1l85rp0.css +0 -1
  121. package/es/components/_Resizable/Resizable.tokens.js +0 -12
  122. package/es/components/_Resizable/Resizable.tokens.js.map +0 -1
  123. package/es/components/_Resizable/utils/getHandleStyles.js +0 -36
  124. package/es/components/_Resizable/utils/getHandleStyles.js.map +0 -1
  125. package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -34
  126. package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +0 -1
  127. package/es/components/_Resizable/utils/getResizeDirections.js +0 -69
  128. package/es/components/_Resizable/utils/getResizeDirections.js.map +0 -1
  129. package/styled-components/cjs/components/_Resizable/Resizable.js +0 -120
  130. package/styled-components/cjs/components/_Resizable/Resizable.styles.js +0 -28
  131. package/styled-components/cjs/components/_Resizable/Resizable.tokens.js +0 -19
  132. package/styled-components/cjs/components/_Resizable/Resizable.types.js +0 -4
  133. package/styled-components/cjs/components/_Resizable/index.js +0 -19
  134. package/styled-components/cjs/components/_Resizable/utils/getHandleStyles.js +0 -68
  135. package/styled-components/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -54
  136. package/styled-components/cjs/components/_Resizable/utils/getResizeDirections.js +0 -82
  137. package/styled-components/cjs/components/_Resizable/utils/index.js +0 -27
  138. package/styled-components/es/components/_Resizable/Resizable.js +0 -69
  139. package/styled-components/es/components/_Resizable/Resizable.styles.js +0 -13
  140. package/styled-components/es/components/_Resizable/Resizable.tokens.js +0 -9
  141. package/styled-components/es/components/_Resizable/Resizable.types.js +0 -1
  142. package/styled-components/es/components/_Resizable/index.js +0 -2
  143. package/styled-components/es/components/_Resizable/utils/getHandleStyles.js +0 -58
  144. package/styled-components/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +0 -44
  145. package/styled-components/es/components/_Resizable/utils/getResizeDirections.js +0 -72
  146. package/styled-components/es/components/_Resizable/utils/index.js +0 -4
  147. package/types/components/_Resizable/Resizable.d.ts +0 -4
  148. package/types/components/_Resizable/Resizable.d.ts.map +0 -1
  149. package/types/components/_Resizable/Resizable.styles.d.ts +0 -2
  150. package/types/components/_Resizable/Resizable.styles.d.ts.map +0 -1
  151. package/types/components/_Resizable/Resizable.tokens.d.ts +0 -10
  152. package/types/components/_Resizable/Resizable.tokens.d.ts.map +0 -1
  153. package/types/components/_Resizable/Resizable.types.d.ts +0 -72
  154. package/types/components/_Resizable/Resizable.types.d.ts.map +0 -1
  155. package/types/components/_Resizable/index.d.ts +0 -3
  156. package/types/components/_Resizable/index.d.ts.map +0 -1
  157. package/types/components/_Resizable/utils/getHandleStyles.d.ts +0 -37
  158. package/types/components/_Resizable/utils/getHandleStyles.d.ts.map +0 -1
  159. package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts +0 -5
  160. package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts.map +0 -1
  161. package/types/components/_Resizable/utils/getResizeDirections.d.ts +0 -14
  162. package/types/components/_Resizable/utils/getResizeDirections.d.ts.map +0 -1
  163. package/types/components/_Resizable/utils/index.d.ts +0 -5
  164. package/types/components/_Resizable/utils/index.d.ts.map +0 -1
@@ -1,87 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var reResizable = require('re-resizable');
7
- var Resizable_tokens = require('./Resizable.tokens.js');
8
- var Resizable_styles = require('./Resizable.styles.js');
9
- var getResizeDirections = require('./utils/getResizeDirections.js');
10
- var getRatioBasedOnPlacement = require('./utils/getRatioBasedOnPlacement.js');
11
- var getHandleStyles = require('./utils/getHandleStyles.js');
12
-
13
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
14
-
15
- var React__default = /*#__PURE__*/_interopDefault(React);
16
-
17
- var Resizable = function Resizable(_ref) {
18
- var _resizable$hiddenIcon, _resizable$icons, _resizable$hiddenIcon2, _resizable$icons2, _resizable$hiddenIcon3, _resizable$icons3, _resizable$hiddenIcon4, _resizable$icons4;
19
- var children = _ref.children,
20
- outerResizable = _ref.resizable,
21
- placement = _ref.placement,
22
- onResizeStart = _ref.onResizeStart,
23
- onResizeEnd = _ref.onResizeEnd;
24
- var resizableContainer = React.useRef(null);
25
- var resizable = typeof outerResizable === 'boolean' ? {
26
- disabled: !outerResizable
27
- } : outerResizable;
28
- var handleResizeStart = function handleResizeStart() {
29
- if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
30
- resizableContainer.current.resizable.classList.toggle(Resizable_tokens.classes.resizableContainerNoSelect);
31
- if (onResizeStart) {
32
- onResizeStart(resizableContainer);
33
- }
34
- }
35
- };
36
- var handleResizeEnd = function handleResizeEnd() {
37
- if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
38
- resizableContainer.current.resizable.classList.toggle(Resizable_tokens.classes.resizableContainerNoSelect);
39
- if (onResizeEnd) {
40
- onResizeEnd(resizableContainer);
41
- }
42
- }
43
- };
44
- if (!resizable || resizable.disabled) {
45
- return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, children);
46
- }
47
- return /*#__PURE__*/React__default.default.createElement(reResizable.Resizable, {
48
- ref: resizableContainer,
49
- enable: resizable && !resizable.disabled ? getResizeDirections.getResizeDirections(resizable.directions) : false,
50
- resizeRatio: getRatioBasedOnPlacement.getRatioBasedOnPlacement(placement),
51
- defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
52
- minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
53
- minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
54
- maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
55
- maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
56
- onResizeStart: handleResizeStart,
57
- onResizeStop: handleResizeEnd,
58
- handleComponent: {
59
- topRight: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon = resizable.hiddenIcons) !== null && _resizable$hiddenIcon !== void 0 && _resizable$hiddenIcon.includes('top-right') ? undefined : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons = resizable.icons) === null || _resizable$icons === void 0 ? void 0 : _resizable$icons.topRight) || /*#__PURE__*/React__default.default.createElement(Resizable_styles.IconResizeDiagonalStyled, {
60
- className: Resizable_tokens.classes.resizableTopRightIcon,
61
- color: "inherit",
62
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
63
- })),
64
- bottomRight: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon2 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon2 !== void 0 && _resizable$hiddenIcon2.includes('bottom-right') ? undefined : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons2 = resizable.icons) === null || _resizable$icons2 === void 0 ? void 0 : _resizable$icons2.bottomRight) || /*#__PURE__*/React__default.default.createElement(Resizable_styles.IconResizeDiagonalStyled, {
65
- className: Resizable_tokens.classes.resizableBottomRightIcon,
66
- color: "inherit",
67
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
68
- })),
69
- bottomLeft: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon3 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon3 !== void 0 && _resizable$hiddenIcon3.includes('bottom-left') ? undefined : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons3 = resizable.icons) === null || _resizable$icons3 === void 0 ? void 0 : _resizable$icons3.bottomLeft) || /*#__PURE__*/React__default.default.createElement(Resizable_styles.IconResizeDiagonalStyled, {
70
- className: Resizable_tokens.classes.resizableBottomLeftIcon,
71
- color: "inherit",
72
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
73
- })),
74
- topLeft: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon4 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon4 !== void 0 && _resizable$hiddenIcon4.includes('top-left') ? undefined : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, (resizable === null || resizable === void 0 || (_resizable$icons4 = resizable.icons) === null || _resizable$icons4 === void 0 ? void 0 : _resizable$icons4.topLeft) || /*#__PURE__*/React__default.default.createElement(Resizable_styles.IconResizeDiagonalStyled, {
75
- className: Resizable_tokens.classes.resizableTopLeftIcon,
76
- color: "inherit",
77
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
78
- }))
79
- },
80
- className: Resizable_tokens.classes.resizableContainer,
81
- handleStyles: getHandleStyles.getHandleStyles(),
82
- handleWrapperClass: Resizable_tokens.classes.resizableHandleWrapper
83
- }, children);
84
- };
85
-
86
- exports.Resizable = Resizable;
87
- //# sourceMappingURL=Resizable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Resizable.js","sources":["../../../src/components/_Resizable/Resizable.tsx"],"sourcesContent":["import React, { useRef, FC, PropsWithChildren } from 'react';\nimport { Resizable as ReResizable } from 're-resizable';\nimport type { Resizable as ResizableType } from 're-resizable';\n\nimport { getHandleStyles, getRatioBasedOnPlacement, getResizeDirections } from './utils';\nimport { classes } from './Resizable.tokens';\nimport type { ResizableProps } from './Resizable.types';\nimport { IconResizeDiagonalStyled } from './Resizable.styles';\n\nexport const Resizable: FC<PropsWithChildren<ResizableProps>> = ({\n children,\n resizable: outerResizable,\n placement,\n onResizeStart,\n onResizeEnd,\n}) => {\n const resizableContainer = useRef<ResizableType>(null);\n\n const resizable = typeof outerResizable === 'boolean' ? { disabled: !outerResizable } : outerResizable;\n\n const handleResizeStart = () => {\n if (resizableContainer?.current && resizableContainer.current.resizable) {\n resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);\n\n if (onResizeStart) {\n onResizeStart(resizableContainer);\n }\n }\n };\n\n const handleResizeEnd = () => {\n if (resizableContainer?.current && resizableContainer.current.resizable) {\n resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);\n\n if (onResizeEnd) {\n onResizeEnd(resizableContainer);\n }\n }\n };\n\n if (!resizable || resizable.disabled) {\n return <>{children}</>;\n }\n\n return (\n <ReResizable\n ref={resizableContainer}\n enable={resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false}\n resizeRatio={getRatioBasedOnPlacement(placement)}\n defaultSize={resizable?.defaultSize}\n minWidth={resizable?.minWidth}\n minHeight={resizable?.minHeight}\n maxWidth={resizable?.maxWidth}\n maxHeight={resizable?.maxHeight}\n onResizeStart={handleResizeStart}\n onResizeStop={handleResizeEnd}\n handleComponent={{\n topRight: resizable?.hiddenIcons?.includes('top-right') ? undefined : (\n <>\n {resizable?.icons?.topRight || (\n <IconResizeDiagonalStyled\n className={classes.resizableTopRightIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n bottomRight: resizable?.hiddenIcons?.includes('bottom-right') ? undefined : (\n <>\n {resizable?.icons?.bottomRight || (\n <IconResizeDiagonalStyled\n className={classes.resizableBottomRightIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n bottomLeft: resizable?.hiddenIcons?.includes('bottom-left') ? undefined : (\n <>\n {resizable?.icons?.bottomLeft || (\n <IconResizeDiagonalStyled\n className={classes.resizableBottomLeftIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n topLeft: resizable?.hiddenIcons?.includes('top-left') ? undefined : (\n <>\n {resizable?.icons?.topLeft || (\n <IconResizeDiagonalStyled\n className={classes.resizableTopLeftIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n )}\n </>\n ),\n }}\n className={classes.resizableContainer}\n handleStyles={getHandleStyles()}\n handleWrapperClass={classes.resizableHandleWrapper}\n >\n {children}\n </ReResizable>\n );\n};\n"],"names":["Resizable","_ref","_resizable$hiddenIcon","_resizable$icons","_resizable$hiddenIcon2","_resizable$icons2","_resizable$hiddenIcon3","_resizable$icons3","_resizable$hiddenIcon4","_resizable$icons4","children","outerResizable","resizable","placement","onResizeStart","onResizeEnd","resizableContainer","useRef","disabled","handleResizeStart","current","classList","toggle","classes","resizableContainerNoSelect","handleResizeEnd","React","createElement","Fragment","ReResizable","ref","enable","getResizeDirections","directions","resizeRatio","getRatioBasedOnPlacement","defaultSize","minWidth","minHeight","maxWidth","maxHeight","onResizeStop","handleComponent","topRight","hiddenIcons","includes","undefined","icons","IconResizeDiagonalStyled","className","resizableTopRightIcon","color","size","iconSize","bottomRight","resizableBottomRightIcon","bottomLeft","resizableBottomLeftIcon","topLeft","resizableTopLeftIcon","handleStyles","getHandleStyles","handleWrapperClass","resizableHandleWrapper"],"mappings":"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"}
@@ -1,19 +0,0 @@
1
- require('./Resizable.styles_1l85rp0.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
- var IconResizeDiagonal = require('../_Icon/Icons/IconResizeDiagonal.js');
8
-
9
- var _exp = function _exp() {
10
- return IconResizeDiagonal.IconResizeDiagonal;
11
- };
12
- var IconResizeDiagonalStyled = /*#__PURE__*/react.styled(_exp())({
13
- name: "IconResizeDiagonalStyled",
14
- "class": "i1ebflu4",
15
- propsAsIs: true
16
- });
17
-
18
- exports.IconResizeDiagonalStyled = IconResizeDiagonalStyled;
19
- //# sourceMappingURL=Resizable.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Resizable.styles.js","sources":["../../../src/components/_Resizable/Resizable.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { IconResizeDiagonal } from 'src/components/_Icon';\n\nimport { classes } from './Resizable.tokens';\n\nexport const IconResizeDiagonalStyled = styled(IconResizeDiagonal)`\n color: var(--text-secondary);\n\n &:hover {\n color: var(--text-secondary-hover);\n }\n\n &:active {\n color: var(--text-secondary-active);\n }\n\n &.${classes.resizableTopRightIcon} {\n transform: rotate(-90deg);\n }\n\n &.${classes.resizableBottomRightIcon} {\n transform: rotate(0);\n }\n\n &.${classes.resizableBottomLeftIcon} {\n transform: rotate(90deg);\n }\n\n &.${classes.resizableTopLeftIcon} {\n transform: rotate(180deg);\n }\n`;\n"],"names":["_exp","IconResizeDiagonal","IconResizeDiagonalStyled","styled","name","class","propsAsIs"],"mappings":";;;;;;;AAC0D,IAAAA,IAAA,GAAxCA,SAAwCA,IAAAA,GAAA;AAAA,EAAA,OAIXC,qCAAkB,CAAA;AAAA,CAAA,CAAA;AAA1D,IAAMC,wBAAwB,gBAAGC,YAAM,CAAAH,IAAA,EAAA,CAAA,CAAA;AAAAI,EAAAA,IAAA,EAAA,0BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA0B7C;;;;"}
@@ -1 +0,0 @@
1
- .i1ebflu4{color:var(--text-secondary);}.i1ebflu4:hover{color:var(--text-secondary-hover);}.i1ebflu4:active{color:var(--text-secondary-active);}.i1ebflu4.resizable-top-right-icon{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.i1ebflu4.resizable-bottom-right-icon{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.i1ebflu4.resizable-bottom-left-icon{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.i1ebflu4.resizable-top-left-icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
@@ -1,16 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var classes = {
6
- resizableContainer: 'resizable-container',
7
- resizableTopRightIcon: 'resizable-top-right-icon',
8
- resizableBottomRightIcon: 'resizable-bottom-right-icon',
9
- resizableBottomLeftIcon: 'resizable-bottom-left-icon',
10
- resizableTopLeftIcon: 'resizable-top-left-icon',
11
- resizableHandleWrapper: 'resizable-handle-wrapper',
12
- resizableContainerNoSelect: 'resizable-container-no-select'
13
- };
14
-
15
- exports.classes = classes;
16
- //# sourceMappingURL=Resizable.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Resizable.tokens.js","sources":["../../../src/components/_Resizable/Resizable.tokens.ts"],"sourcesContent":["export const classes = {\n resizableContainer: 'resizable-container',\n resizableTopRightIcon: 'resizable-top-right-icon',\n resizableBottomRightIcon: 'resizable-bottom-right-icon',\n resizableBottomLeftIcon: 'resizable-bottom-left-icon',\n resizableTopLeftIcon: 'resizable-top-left-icon',\n resizableHandleWrapper: 'resizable-handle-wrapper',\n resizableContainerNoSelect: 'resizable-container-no-select',\n};\n"],"names":["classes","resizableContainer","resizableTopRightIcon","resizableBottomRightIcon","resizableBottomLeftIcon","resizableTopLeftIcon","resizableHandleWrapper","resizableContainerNoSelect"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,qBAAqB;AACzCC,EAAAA,qBAAqB,EAAE,0BAA0B;AACjDC,EAAAA,wBAAwB,EAAE,6BAA6B;AACvDC,EAAAA,uBAAuB,EAAE,4BAA4B;AACrDC,EAAAA,oBAAoB,EAAE,yBAAyB;AAC/CC,EAAAA,sBAAsB,EAAE,0BAA0B;AAClDC,EAAAA,0BAA0B,EAAE,+BAAA;AAChC;;;;"}
@@ -1,40 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
6
-
7
- // Объект стилей для handler'а, в котором находится иконка ресайза.
8
-
9
- var base = {
10
- width: 'auto',
11
- height: 'auto',
12
- lineHeight: '0'
13
- };
14
- var getHandleStyles = function getHandleStyles() {
15
- return {
16
- topRight: _rollupPluginBabelHelpers.objectSpread2({
17
- top: '0',
18
- right: '0',
19
- transform: 'translate(50%, -50%)'
20
- }, base),
21
- bottomRight: _rollupPluginBabelHelpers.objectSpread2({
22
- right: '0',
23
- bottom: '0',
24
- transform: 'translate(50%, 50%)'
25
- }, base),
26
- bottomLeft: _rollupPluginBabelHelpers.objectSpread2({
27
- bottom: '0',
28
- left: '0',
29
- transform: 'translate(-50%, 50%)'
30
- }, base),
31
- topLeft: _rollupPluginBabelHelpers.objectSpread2({
32
- top: '0',
33
- left: '0',
34
- transform: 'translate(-50%, -50%)'
35
- }, base)
36
- };
37
- };
38
-
39
- exports.getHandleStyles = getHandleStyles;
40
- //# sourceMappingURL=getHandleStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getHandleStyles.js","sources":["../../../../src/components/_Resizable/utils/getHandleStyles.ts"],"sourcesContent":["// Объект стилей для handler'а, в котором находится иконка ресайза.\ninterface ReturnType {\n topRight: {\n width: string;\n height: string;\n top: string;\n right: string;\n transform: string;\n lineHeight: string;\n };\n bottomRight: {\n width: string;\n height: string;\n right: string;\n bottom: string;\n transform: string;\n lineHeight: string;\n };\n bottomLeft: {\n width: string;\n height: string;\n bottom: string;\n left: string;\n transform: string;\n lineHeight: string;\n };\n topLeft: {\n width: string;\n height: string;\n top: string;\n left: string;\n transform: string;\n lineHeight: string;\n };\n}\n\nconst base = {\n width: 'auto',\n height: 'auto',\n lineHeight: '0',\n};\n\nexport const getHandleStyles = (): ReturnType => ({\n topRight: {\n top: '0',\n right: '0',\n transform: 'translate(50%, -50%)',\n ...base,\n },\n bottomRight: {\n right: '0',\n bottom: '0',\n transform: 'translate(50%, 50%)',\n ...base,\n },\n bottomLeft: {\n bottom: '0',\n left: '0',\n transform: 'translate(-50%, 50%)',\n ...base,\n },\n topLeft: {\n top: '0',\n left: '0',\n transform: 'translate(-50%, -50%)',\n ...base,\n },\n});\n"],"names":["base","width","height","lineHeight","getHandleStyles","topRight","_objectSpread","top","right","transform","bottomRight","bottom","bottomLeft","left","topLeft"],"mappings":";;;;;;AAAA;;AAoCA,IAAMA,IAAI,GAAG;AACTC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,MAAM,EAAE,MAAM;AACdC,EAAAA,UAAU,EAAE,GAAA;AAChB,CAAC,CAAA;AAEYC,IAAAA,eAAe,GAAG,SAAlBA,eAAeA,GAAA;EAAA,OAAsB;AAC9CC,IAAAA,QAAQ,EAAAC,uCAAA,CAAA;AACJC,MAAAA,GAAG,EAAE,GAAG;AACRC,MAAAA,KAAK,EAAE,GAAG;AACVC,MAAAA,SAAS,EAAE,sBAAA;AAAsB,KAAA,EAC9BT,IAAI,CACV;AACDU,IAAAA,WAAW,EAAAJ,uCAAA,CAAA;AACPE,MAAAA,KAAK,EAAE,GAAG;AACVG,MAAAA,MAAM,EAAE,GAAG;AACXF,MAAAA,SAAS,EAAE,qBAAA;AAAqB,KAAA,EAC7BT,IAAI,CACV;AACDY,IAAAA,UAAU,EAAAN,uCAAA,CAAA;AACNK,MAAAA,MAAM,EAAE,GAAG;AACXE,MAAAA,IAAI,EAAE,GAAG;AACTJ,MAAAA,SAAS,EAAE,sBAAA;AAAsB,KAAA,EAC9BT,IAAI,CACV;AACDc,IAAAA,OAAO,EAAAR,uCAAA,CAAA;AACHC,MAAAA,GAAG,EAAE,GAAG;AACRM,MAAAA,IAAI,EAAE,GAAG;AACTJ,MAAAA,SAAS,EAAE,uBAAA;AAAuB,KAAA,EAC/BT,IAAI,CAAA;GAEd,CAAA;AAAA;;;;"}
@@ -1,38 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- // Горизонтальный и вертикальный множитель ресайза.
6
-
7
- var getRatioBasedOnPlacement = function getRatioBasedOnPlacement(placement) {
8
- switch (placement) {
9
- case 'center':
10
- {
11
- return [2, 2];
12
- }
13
- case 'top':
14
- case 'bottom':
15
- {
16
- return [2, 1];
17
- }
18
- case 'left':
19
- case 'right':
20
- {
21
- return [1, 2];
22
- }
23
- case 'top-left':
24
- case 'top-right':
25
- case 'bottom-left':
26
- case 'bottom-right':
27
- {
28
- return [1, 1];
29
- }
30
- default:
31
- {
32
- return [1, 1];
33
- }
34
- }
35
- };
36
-
37
- exports.getRatioBasedOnPlacement = getRatioBasedOnPlacement;
38
- //# sourceMappingURL=getRatioBasedOnPlacement.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getRatioBasedOnPlacement.js","sources":["../../../../src/components/_Resizable/utils/getRatioBasedOnPlacement.ts"],"sourcesContent":["import { Placement } from '../Resizable.types';\n\n// Горизонтальный и вертикальный множитель ресайза.\ntype ReturnType = [number, number];\n\nexport const getRatioBasedOnPlacement = (placement?: Placement): ReturnType => {\n switch (placement) {\n case 'center': {\n return [2, 2];\n }\n\n case 'top':\n case 'bottom': {\n return [2, 1];\n }\n\n case 'left':\n case 'right': {\n return [1, 2];\n }\n\n case 'top-left':\n case 'top-right':\n case 'bottom-left':\n case 'bottom-right': {\n return [1, 1];\n }\n\n default: {\n return [1, 1];\n }\n }\n};\n"],"names":["getRatioBasedOnPlacement","placement"],"mappings":";;;;AAEA;;IAGaA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,SAAqB,EAAiB;AAC3E,EAAA,QAAQA,SAAS;AACb,IAAA,KAAK,QAAQ;AAAE,MAAA;AACX,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA,KAAK,KAAK,CAAA;AACV,IAAA,KAAK,QAAQ;AAAE,MAAA;AACX,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA,KAAK,MAAM,CAAA;AACX,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA,KAAK,UAAU,CAAA;AACf,IAAA,KAAK,WAAW,CAAA;AAChB,IAAA,KAAK,aAAa,CAAA;AAClB,IAAA,KAAK,cAAc;AAAE,MAAA;AACjB,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,OAAA;AACJ,GAAA;AACJ;;;;"}
@@ -1,73 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
6
-
7
- var getResizeDirections = function getResizeDirections(directions) {
8
- if (!directions) {
9
- return {
10
- top: true,
11
- right: true,
12
- bottom: true,
13
- left: true,
14
- topRight: true,
15
- bottomRight: true,
16
- bottomLeft: true,
17
- topLeft: true
18
- };
19
- }
20
- var result = {
21
- top: false,
22
- right: false,
23
- bottom: false,
24
- left: false,
25
- topRight: false,
26
- bottomRight: false,
27
- bottomLeft: false,
28
- topLeft: false
29
- };
30
- var _iterator = _rollupPluginBabelHelpers.createForOfIteratorHelper(directions),
31
- _step;
32
- try {
33
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
34
- var dir = _step.value;
35
- switch (dir) {
36
- case 'top':
37
- result.top = true;
38
- break;
39
- case 'right':
40
- result.right = true;
41
- break;
42
- case 'bottom':
43
- result.bottom = true;
44
- break;
45
- case 'left':
46
- result.left = true;
47
- break;
48
- case 'top-right':
49
- result.topRight = true;
50
- break;
51
- case 'top-left':
52
- result.topLeft = true;
53
- break;
54
- case 'bottom-right':
55
- result.bottomRight = true;
56
- break;
57
- case 'bottom-left':
58
- result.bottomLeft = true;
59
- break;
60
- default:
61
- break;
62
- }
63
- }
64
- } catch (err) {
65
- _iterator.e(err);
66
- } finally {
67
- _iterator.f();
68
- }
69
- return result;
70
- };
71
-
72
- exports.getResizeDirections = getResizeDirections;
73
- //# sourceMappingURL=getResizeDirections.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getResizeDirections.js","sources":["../../../../src/components/_Resizable/utils/getResizeDirections.ts"],"sourcesContent":["import type { ResizeDirections } from '../Resizable.types';\n\ninterface Directions {\n top?: boolean;\n right?: boolean;\n bottom?: boolean;\n left?: boolean;\n topRight?: boolean;\n bottomRight?: boolean;\n bottomLeft?: boolean;\n topLeft?: boolean;\n}\n\nexport const getResizeDirections = (directions?: ResizeDirections): Directions => {\n if (!directions) {\n return {\n top: true,\n right: true,\n bottom: true,\n left: true,\n topRight: true,\n bottomRight: true,\n bottomLeft: true,\n topLeft: true,\n };\n }\n\n const result: Directions = {\n top: false,\n right: false,\n bottom: false,\n left: false,\n topRight: false,\n bottomRight: false,\n bottomLeft: false,\n topLeft: false,\n };\n\n for (const dir of directions) {\n switch (dir) {\n case 'top':\n result.top = true;\n break;\n case 'right':\n result.right = true;\n break;\n case 'bottom':\n result.bottom = true;\n break;\n case 'left':\n result.left = true;\n break;\n case 'top-right':\n result.topRight = true;\n break;\n case 'top-left':\n result.topLeft = true;\n break;\n case 'bottom-right':\n result.bottomRight = true;\n break;\n case 'bottom-left':\n result.bottomLeft = true;\n break;\n default:\n break;\n }\n }\n\n return result;\n};\n"],"names":["getResizeDirections","directions","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","result","_iterator","_createForOfIteratorHelper","_step","s","n","done","dir","value","err","e","f"],"mappings":";;;;;;IAaaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,UAA6B,EAAiB;EAC9E,IAAI,CAACA,UAAU,EAAE;IACb,OAAO;AACHC,MAAAA,GAAG,EAAE,IAAI;AACTC,MAAAA,KAAK,EAAE,IAAI;AACXC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,IAAI,EAAE,IAAI;AACVC,MAAAA,QAAQ,EAAE,IAAI;AACdC,MAAAA,WAAW,EAAE,IAAI;AACjBC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,OAAO,EAAE,IAAA;KACZ,CAAA;AACL,GAAA;AAEA,EAAA,IAAMC,MAAkB,GAAG;AACvBR,IAAAA,GAAG,EAAE,KAAK;AACVC,IAAAA,KAAK,EAAE,KAAK;AACZC,IAAAA,MAAM,EAAE,KAAK;AACbC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,QAAQ,EAAE,KAAK;AACfC,IAAAA,WAAW,EAAE,KAAK;AAClBC,IAAAA,UAAU,EAAE,KAAK;AACjBC,IAAAA,OAAO,EAAE,KAAA;GACZ,CAAA;AAAC,EAAA,IAAAE,SAAA,GAAAC,mDAAA,CAEgBX,UAAU,CAAA;IAAAY,KAAA,CAAA;AAAA,EAAA,IAAA;IAA5B,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAA8B;AAAA,MAAA,IAAnBC,GAAG,GAAAJ,KAAA,CAAAK,KAAA,CAAA;AACV,MAAA,QAAQD,GAAG;AACP,QAAA,KAAK,KAAK;UACNP,MAAM,CAACR,GAAG,GAAG,IAAI,CAAA;AACjB,UAAA,MAAA;AACJ,QAAA,KAAK,OAAO;UACRQ,MAAM,CAACP,KAAK,GAAG,IAAI,CAAA;AACnB,UAAA,MAAA;AACJ,QAAA,KAAK,QAAQ;UACTO,MAAM,CAACN,MAAM,GAAG,IAAI,CAAA;AACpB,UAAA,MAAA;AACJ,QAAA,KAAK,MAAM;UACPM,MAAM,CAACL,IAAI,GAAG,IAAI,CAAA;AAClB,UAAA,MAAA;AACJ,QAAA,KAAK,WAAW;UACZK,MAAM,CAACJ,QAAQ,GAAG,IAAI,CAAA;AACtB,UAAA,MAAA;AACJ,QAAA,KAAK,UAAU;UACXI,MAAM,CAACD,OAAO,GAAG,IAAI,CAAA;AACrB,UAAA,MAAA;AACJ,QAAA,KAAK,cAAc;UACfC,MAAM,CAACH,WAAW,GAAG,IAAI,CAAA;AACzB,UAAA,MAAA;AACJ,QAAA,KAAK,aAAa;UACdG,MAAM,CAACF,UAAU,GAAG,IAAI,CAAA;AACxB,UAAA,MAAA;AACJ,QAAA;AACI,UAAA,MAAA;AACR,OAAA;AACJ,KAAA;AAAC,GAAA,CAAA,OAAAW,GAAA,EAAA;IAAAR,SAAA,CAAAS,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,GAAA,SAAA;AAAAR,IAAAA,SAAA,CAAAU,CAAA,EAAA,CAAA;AAAA,GAAA;AAED,EAAA,OAAOX,MAAM,CAAA;AACjB;;;;"}
@@ -1,120 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Resizable", {
6
- enumerable: true,
7
- get: function() {
8
- return Resizable;
9
- }
10
- });
11
- var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
- var _reresizable = require("re-resizable");
13
- var _utils = require("./utils");
14
- var _Resizabletokens = require("./Resizable.tokens");
15
- var _Resizablestyles = require("./Resizable.styles");
16
- function _getRequireWildcardCache(nodeInterop) {
17
- if (typeof WeakMap !== "function") return null;
18
- var cacheBabelInterop = new WeakMap();
19
- var cacheNodeInterop = new WeakMap();
20
- return (_getRequireWildcardCache = function(nodeInterop) {
21
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
22
- })(nodeInterop);
23
- }
24
- function _interop_require_wildcard(obj, nodeInterop) {
25
- if (!nodeInterop && obj && obj.__esModule) {
26
- return obj;
27
- }
28
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
29
- return {
30
- default: obj
31
- };
32
- }
33
- var cache = _getRequireWildcardCache(nodeInterop);
34
- if (cache && cache.has(obj)) {
35
- return cache.get(obj);
36
- }
37
- var newObj = {
38
- __proto__: null
39
- };
40
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
41
- for(var key in obj){
42
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
43
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
44
- if (desc && (desc.get || desc.set)) {
45
- Object.defineProperty(newObj, key, desc);
46
- } else {
47
- newObj[key] = obj[key];
48
- }
49
- }
50
- }
51
- newObj.default = obj;
52
- if (cache) {
53
- cache.set(obj, newObj);
54
- }
55
- return newObj;
56
- }
57
- var Resizable = function(param) {
58
- var children = param.children, outerResizable = param.resizable, placement = param.placement, onResizeStart = param.onResizeStart, onResizeEnd = param.onResizeEnd;
59
- var _resizable_hiddenIcons, _resizable_icons, _resizable_hiddenIcons1, _resizable_icons1, _resizable_hiddenIcons2, _resizable_icons2, _resizable_hiddenIcons3, _resizable_icons3;
60
- var resizableContainer = (0, _react.useRef)(null);
61
- var resizable = typeof outerResizable === 'boolean' ? {
62
- disabled: !outerResizable
63
- } : outerResizable;
64
- var handleResizeStart = function() {
65
- if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
66
- resizableContainer.current.resizable.classList.toggle(_Resizabletokens.classes.resizableContainerNoSelect);
67
- if (onResizeStart) {
68
- onResizeStart(resizableContainer);
69
- }
70
- }
71
- };
72
- var handleResizeEnd = function() {
73
- if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
74
- resizableContainer.current.resizable.classList.toggle(_Resizabletokens.classes.resizableContainerNoSelect);
75
- if (onResizeEnd) {
76
- onResizeEnd(resizableContainer);
77
- }
78
- }
79
- };
80
- if (!resizable || resizable.disabled) {
81
- return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children);
82
- }
83
- return /*#__PURE__*/ _react.default.createElement(_reresizable.Resizable, {
84
- ref: resizableContainer,
85
- enable: resizable && !resizable.disabled ? (0, _utils.getResizeDirections)(resizable.directions) : false,
86
- resizeRatio: (0, _utils.getRatioBasedOnPlacement)(placement),
87
- defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
88
- minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
89
- minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
90
- maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
91
- maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
92
- onResizeStart: handleResizeStart,
93
- onResizeStop: handleResizeEnd,
94
- handleComponent: {
95
- topRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons = resizable.hiddenIcons) === null || _resizable_hiddenIcons === void 0 ? void 0 : _resizable_hiddenIcons.includes('top-right')) ? undefined : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons = resizable.icons) === null || _resizable_icons === void 0 ? void 0 : _resizable_icons.topRight) || /*#__PURE__*/ _react.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
96
- className: _Resizabletokens.classes.resizableTopRightIcon,
97
- color: "inherit",
98
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
99
- })),
100
- bottomRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons1 = resizable.hiddenIcons) === null || _resizable_hiddenIcons1 === void 0 ? void 0 : _resizable_hiddenIcons1.includes('bottom-right')) ? undefined : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons1 = resizable.icons) === null || _resizable_icons1 === void 0 ? void 0 : _resizable_icons1.bottomRight) || /*#__PURE__*/ _react.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
101
- className: _Resizabletokens.classes.resizableBottomRightIcon,
102
- color: "inherit",
103
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
104
- })),
105
- bottomLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons2 = resizable.hiddenIcons) === null || _resizable_hiddenIcons2 === void 0 ? void 0 : _resizable_hiddenIcons2.includes('bottom-left')) ? undefined : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons2 = resizable.icons) === null || _resizable_icons2 === void 0 ? void 0 : _resizable_icons2.bottomLeft) || /*#__PURE__*/ _react.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
106
- className: _Resizabletokens.classes.resizableBottomLeftIcon,
107
- color: "inherit",
108
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
109
- })),
110
- topLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons3 = resizable.hiddenIcons) === null || _resizable_hiddenIcons3 === void 0 ? void 0 : _resizable_hiddenIcons3.includes('top-left')) ? undefined : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons3 = resizable.icons) === null || _resizable_icons3 === void 0 ? void 0 : _resizable_icons3.topLeft) || /*#__PURE__*/ _react.default.createElement(_Resizablestyles.IconResizeDiagonalStyled, {
111
- className: _Resizabletokens.classes.resizableTopLeftIcon,
112
- color: "inherit",
113
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
114
- }))
115
- },
116
- className: _Resizabletokens.classes.resizableContainer,
117
- handleStyles: (0, _utils.getHandleStyles)(),
118
- handleWrapperClass: _Resizabletokens.classes.resizableHandleWrapper
119
- }, children);
120
- };
@@ -1,22 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "IconResizeDiagonalStyled", {
6
- enumerable: true,
7
- get: function() {
8
- return IconResizeDiagonalStyled;
9
- }
10
- });
11
- var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
12
- var _Icon = require("../_Icon");
13
- var _Resizabletokens = require("./Resizable.tokens");
14
- function _interop_require_default(obj) {
15
- return obj && obj.__esModule ? obj : {
16
- default: obj
17
- };
18
- }
19
- var IconResizeDiagonalStyled = /*#__PURE__*/ (0, _styled.default)(_Icon.IconResizeDiagonal, {
20
- target: "e1q396sv0",
21
- label: "IconResizeDiagonalStyled"
22
- })("color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.", _Resizabletokens.classes.resizableTopRightIcon, "{transform:rotate(-90deg);}&.", _Resizabletokens.classes.resizableBottomRightIcon, "{transform:rotate(0);}&.", _Resizabletokens.classes.resizableBottomLeftIcon, "{transform:rotate(90deg);}&.", _Resizabletokens.classes.resizableTopLeftIcon, "{transform:rotate(180deg);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fUmVzaXphYmxlL1Jlc2l6YWJsZS5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX1Jlc2l6YWJsZS9SZXNpemFibGUuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25SZXNpemVEaWFnb25hbCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19JY29uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUmVzaXphYmxlLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBJY29uUmVzaXplRGlhZ29uYWxTdHlsZWQgPSBzdHlsZWQoSWNvblJlc2l6ZURpYWdvbmFsKWBcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnktYWN0aXZlKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVUb3BSaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVCb3R0b21SaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMCk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucmVzaXphYmxlQm90dG9tTGVmdEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZVRvcExlZnRJY29ufSB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLd0MifQ== */");
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "classes", {
6
- enumerable: true,
7
- get: function() {
8
- return classes;
9
- }
10
- });
11
- var classes = {
12
- resizableContainer: 'resizable-container',
13
- resizableTopRightIcon: 'resizable-top-right-icon',
14
- resizableBottomRightIcon: 'resizable-bottom-right-icon',
15
- resizableBottomLeftIcon: 'resizable-bottom-left-icon',
16
- resizableTopLeftIcon: 'resizable-top-left-icon',
17
- resizableHandleWrapper: 'resizable-handle-wrapper',
18
- resizableContainerNoSelect: 'resizable-container-no-select'
19
- };
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- _export_star(require("./Resizable.types"), exports);
6
- _export_star(require("./Resizable"), exports);
7
- function _export_star(from, to) {
8
- Object.keys(from).forEach(function(k) {
9
- if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
10
- Object.defineProperty(to, k, {
11
- enumerable: true,
12
- get: function() {
13
- return from[k];
14
- }
15
- });
16
- }
17
- });
18
- return from;
19
- }
@@ -1,68 +0,0 @@
1
- // Объект стилей для handler'а, в котором находится иконка ресайза.
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "getHandleStyles", {
7
- enumerable: true,
8
- get: function() {
9
- return getHandleStyles;
10
- }
11
- });
12
- function _define_property(obj, key, value) {
13
- if (key in obj) {
14
- Object.defineProperty(obj, key, {
15
- value: value,
16
- enumerable: true,
17
- configurable: true,
18
- writable: true
19
- });
20
- } else {
21
- obj[key] = value;
22
- }
23
- return obj;
24
- }
25
- function _object_spread(target) {
26
- for(var i = 1; i < arguments.length; i++){
27
- var source = arguments[i] != null ? arguments[i] : {};
28
- var ownKeys = Object.keys(source);
29
- if (typeof Object.getOwnPropertySymbols === "function") {
30
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
31
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
32
- }));
33
- }
34
- ownKeys.forEach(function(key) {
35
- _define_property(target, key, source[key]);
36
- });
37
- }
38
- return target;
39
- }
40
- var base = {
41
- width: 'auto',
42
- height: 'auto',
43
- lineHeight: '0'
44
- };
45
- var getHandleStyles = function() {
46
- return {
47
- topRight: _object_spread({
48
- top: '0',
49
- right: '0',
50
- transform: 'translate(50%, -50%)'
51
- }, base),
52
- bottomRight: _object_spread({
53
- right: '0',
54
- bottom: '0',
55
- transform: 'translate(50%, 50%)'
56
- }, base),
57
- bottomLeft: _object_spread({
58
- bottom: '0',
59
- left: '0',
60
- transform: 'translate(-50%, 50%)'
61
- }, base),
62
- topLeft: _object_spread({
63
- top: '0',
64
- left: '0',
65
- transform: 'translate(-50%, -50%)'
66
- }, base)
67
- };
68
- };