npm - @salutejs/plasma-new-hope - Versions diffs - 0.330.0-canary.1655.16260366082.0 → 0.330.0-canary.1655.16287544308.0 - Mend

@salutejs/plasma-new-hope 0.330.0-canary.1655.16260366082.0 → 0.330.0-canary.1655.16287544308.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 (30) hide show

package/emotion/es/components/Popup/utils/getHandleStyles.js CHANGED Viewed

@@ -1,51 +1,58 @@
-var getBaseDimension = function(iconSize) {
-    switch(iconSize){
-        case 'xs':
-            {
-                return 16;
-            }
-        case 's':
-            {
-                return 24;
-            }
-        case 'm':
-            {
-                return 36;
-            }
-        default:
-            {
-                return 16;
-            }
+// Объект стилей для handler'а, в котором находится иконка ресайза.
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var base = {
+    width: 'auto',
+    height: 'auto',
+    lineHeight: '0'
 };
 export var getHandleStyles = function() {
-    var iconSize = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 's';
-    var size = getBaseDimension(iconSize);
-    var offset = size / 2;
     return {
-        topRight: {
-            width: "".concat(size, "px"),
-            height: "".concat(size, "px"),
-            top: "-".concat(offset, "px"),
-            right: "-".concat(offset, "px")
-        },
-        bottomRight: {
-            width: "".concat(size, "px"),
-            height: "".concat(size, "px"),
-            right: "-".concat(offset, "px"),
-            bottom: "-".concat(offset, "px")
-        },
-        bottomLeft: {
-            width: "".concat(size, "px"),
-            height: "".concat(size, "px"),
-            bottom: "-".concat(offset, "px"),
-            left: "-".concat(offset, "px")
-        },
-        topLeft: {
-            width: "".concat(size, "px"),
-            height: "".concat(size, "px"),
-            top: "-".concat(offset, "px"),
-            left: "-".concat(offset, "px")
-        }
+        topRight: _object_spread({
+            top: '0',
+            right: '0',
+            transform: 'translate(50%, -50%)'
+        }, base),
+        bottomRight: _object_spread({
+            right: '0',
+            bottom: '0',
+            transform: 'translate(50%, 50%)'
+        }, base),
+        bottomLeft: _object_spread({
+            bottom: '0',
+            left: '0',
+            transform: 'translate(-50%, 50%)'
+        }, base),
+        topLeft: _object_spread({
+            top: '0',
+            left: '0',
+            transform: 'translate(-50%, -50%)'
+        }, base)
     };
 };

package/emotion/es/examples/components/Combobox/Combobox.js CHANGED Viewed

@@ -0,0 +1,7 @@
+import { component, mergeConfig } from "../../../engines";
+import { comboboxNewConfig } from "../../../../es";
+import { config } from "./Combobox.config";
+var mergedConfig = mergeConfig(comboboxNewConfig, config);
+var ComboboxComponent = component(mergedConfig);
+var Combobox = ComboboxComponent;
+export { Combobox };

package/es/components/Popup/Popup.js CHANGED Viewed

@@ -77,7 +77,7 @@ var handlePosition = function handlePosition(placement, offset) {
  */
 var popupRoot = function popupRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
-    var _resizable$hiddenIcon, _resizable$hiddenIcon2, _resizable$hiddenIcon3, _resizable$hiddenIcon4;
+    var _resizable$hiddenIcon, _resizable$icons, _resizable$hiddenIcon2, _resizable$icons2, _resizable$hiddenIcon3, _resizable$icons3, _resizable$hiddenIcon4, _resizable$icons4;
     var id = _ref.id,
       _ref$isOpen = _ref.isOpen,
       isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
@@ -123,6 +123,16 @@ var popupRoot = function popupRoot(Root) {
       return null;
     }
     var cls = cx(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? classes.endTransition : '');
+    var handleResizeStart = function handleResizeStart() {
+      if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
+        resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
+      }
+    };
+    var handleResizeStop = function handleResizeStop() {
+      if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
+        resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
+      }
+    };
     var rootNode = /*#__PURE__*/React.createElement(Root, {
       className: cls
     }, overlay, /*#__PURE__*/React.createElement(PopupRoot, _extends({
@@ -147,40 +157,32 @@ var popupRoot = function popupRoot(Root) {
       minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
       maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
       maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
-      onResizeStart: function onResizeStart() {
-        if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
-          resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
-        }
-      },
-      onResizeStop: function onResizeStop() {
-        if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
-          resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
-        }
-      },
+      onResizeStart: handleResizeStart,
+      onResizeStop: handleResizeStop,
       handleComponent: {
-        topRight: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon = resizable.hiddenIcons) !== null && _resizable$hiddenIcon !== void 0 && _resizable$hiddenIcon.includes('top-right') ? undefined : /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
+        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, {
           className: classes.resizableTopRightIcon,
           color: "inherit",
           size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-        }),
-        bottomRight: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon2 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon2 !== void 0 && _resizable$hiddenIcon2.includes('bottom-right') ? undefined : /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
+        })),
+        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, {
           className: classes.resizableBottomRightIcon,
           color: "inherit",
           size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-        }),
-        bottomLeft: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon3 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon3 !== void 0 && _resizable$hiddenIcon3.includes('bottom-left') ? undefined : /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
+        })),
+        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, {
           className: classes.resizableBottomLeftIcon,
           color: "inherit",
           size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-        }),
-        topLeft: resizable !== null && resizable !== void 0 && (_resizable$hiddenIcon4 = resizable.hiddenIcons) !== null && _resizable$hiddenIcon4 !== void 0 && _resizable$hiddenIcon4.includes('top-left') ? undefined : /*#__PURE__*/React.createElement(IconResizeDiagonalStyled, {
+        })),
+        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, {
           className: classes.resizableTopLeftIcon,
           color: "inherit",
           size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-        })
+        }))
       },
       className: classes.resizableContainer,
-      handleStyles: getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
+      handleStyles: getHandleStyles(),
       handleWrapperClass: classes.resizableHandleWrapper
     }, children))));
     if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {

package/es/components/Popup/Popup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport Draggable from 'react-draggable';\nimport { Resizable } from 're-resizable';\nimport type { Resizable as ResizableType } from 're-resizable';\nimport { RootProps } from 'src/engines/types';\nimport { canUseDOM, cx, safeUseId } from 'src/utils';\n\nimport { Portal } from '../Portal';\n\nimport { getRatioBasedOnPlacement, getResizeDirections, getHandleStyles } from './utils';\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { PopupRoot } from './PopupRoot';\nimport { usePopup } from './hooks';\nimport { classes } from './Popup.tokens';\nimport { StyledPortalContainer, base, IconResizeDiagonalStyled } from './Popup.styles';\n\nexport const handlePosition = (\n placement: PopupPlacement,\n offset: [number, number] \| [string, string],\n): PopupPositionType => {\n let x = '0rem';\n let y = '0rem';\n\n if (offset) {\n const [_x, _y] = offset;\n x = typeof _x === 'number' ? `${_x}rem` : _x;\n y = typeof _y === 'number' ? `${_y}rem` : _y;\n }\n\n if (!placement \|\| placement === 'center') {\n return {\n left: `calc(50% + ${x})`,\n top: `calc(50% - ${y})`,\n transform: 'translate(-50%, -50%)',\n };\n }\n\n let left;\n let right;\n let top;\n let bottom;\n let transform;\n const placements = placement.split('-') as PopupPlacementBasic[];\n\n placements.forEach((placementValue: PopupPlacementBasic) => {\n switch (placementValue) {\n case 'left':\n left = x;\n break;\n case 'right':\n right = x;\n break;\n case 'top':\n top = y;\n break;\n case 'bottom':\n bottom = y;\n break;\n default:\n break;\n }\n });\n\n const isCenteredX = left === undefined && right === undefined;\n const isCenteredY = top === undefined && bottom === undefined;\n\n if (isCenteredX) {\n transform = 'translateX(-50%)';\n }\n\n if (isCenteredY) {\n transform = 'translateY(-50%)';\n }\n\n return {\n left: isCenteredX ? `calc(50% + ${x})` : left,\n right,\n top: isCenteredY ? `calc(50% - ${y})` : top,\n bottom,\n transform,\n };\n};\n\n/*\n Базовый компонент Popup.\n */\nexport const popupRoot = (Root: RootProps<HTMLDivElement, PopupProps>) =>\n forwardRef<HTMLDivElement, PopupProps>(\n (\n {\n id,\n isOpen = false,\n opened = false,\n placement = 'center',\n offset = [0, 0],\n frame = 'document',\n children,\n overlay,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n role,\n zIndex,\n popupInfo,\n withAnimation = false,\n className,\n draggable,\n resizable: outerResizable,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = isOpen \|\| opened;\n const resizable = typeof outerResizable === 'boolean' ? { disabled: !outerResizable } : outerResizable;\n\n const uniqId = safeUseId();\n const innerId = id \|\| uniqId;\n\n const { isVisible, animationInfo, setVisible, rootId } = usePopup({\n isOpen: innerIsOpen,\n id: innerId,\n popupInfo,\n withAnimation,\n });\n\n const portalRef = useRef<HTMLDivElement \| null>(null);\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const resizableContainer = useRef<ResizableType>(null);\n\n const innerRef = useForkRef<HTMLDivElement>(contentRef, outerRootRef);\n\n if (!isVisible && !innerIsOpen) {\n return null;\n }\n\n const cls = cx(\n className,\n animationInfo?.endAnimation ? classes.endAnimation : '',\n animationInfo?.endTransition ? classes.endTransition : '',\n );\n\n const rootNode = (\n <Root className={cls}>\n {overlay}\n\n <PopupRoot\n id={innerId}\n ref={innerRef}\n position={handlePosition(placement, offset)}\n zIndex={zIndex}\n frame={frame}\n animationInfo={animationInfo}\n setVisible={setVisible}\n {...rest}\n >\n <Draggable\n defaultClassName={draggable ? classes.draggablePopupWrapper : undefined}\n defaultClassNameDragging={draggable ? classes.draggingPopupWrapper : undefined}\n disabled={!draggable}\n cancel={`.${classes.resizableHandleWrapper}`}\n >\n <Resizable\n ref={resizableContainer}\n enable={\n resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false\n }\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={() => {\n if (resizableContainer?.current && resizableContainer.current.resizable) {\n resizableContainer.current.resizable.classList.toggle(\n classes.resizableContainerNoSelect,\n );\n }\n }}\n onResizeStop={() => {\n if (resizableContainer?.current && resizableContainer.current.resizable) {\n resizableContainer.current.resizable.classList.toggle(\n classes.resizableContainerNoSelect,\n );\n }\n }}\n handleComponent={{\n topRight: resizable?.hiddenIcons?.includes('top-right') ? undefined : (\n <IconResizeDiagonalStyled\n className={classes.resizableTopRightIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n ),\n bottomRight: resizable?.hiddenIcons?.includes('bottom-right') ? undefined : (\n <IconResizeDiagonalStyled\n className={classes.resizableBottomRightIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n ),\n bottomLeft: resizable?.hiddenIcons?.includes('bottom-left') ? undefined : (\n <IconResizeDiagonalStyled\n className={classes.resizableBottomLeftIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n ),\n topLeft: resizable?.hiddenIcons?.includes('top-left') ? undefined : (\n <IconResizeDiagonalStyled\n className={classes.resizableTopLeftIcon}\n color=\"inherit\"\n size={resizable?.iconSize}\n />\n ),\n }}\n className={classes.resizableContainer}\n handleStyles={getHandleStyles(resizable?.iconSize)}\n handleWrapperClass={classes.resizableHandleWrapper}\n >\n {children}\n </Resizable>\n </Draggable>\n </PopupRoot>\n </Root>\n );\n\n if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {\n return <Portal container={frame.current}>{rootNode}</Portal>;\n }\n\n const withFrameId = typeof frame === 'string' && frame !== 'document';\n const containerElement = withFrameId && canUseDOM && document.getElementById(frame as string);\n\n if (containerElement) {\n return (\n <Portal container={containerElement}>\n <StyledPortalContainer ref={portalRef}>\n {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n </StyledPortalContainer>{' '}\n </Portal>\n );\n }\n\n const globalPortal = canUseDOM && document.getElementById(rootId);\n\n return <>{globalPortal && <Portal container={globalPortal}>{rootNode}</Portal>}</>;\n },\n );\n\nexport const popupConfig = {\n name: 'Popup',\n tag: 'div',\n layout: popupRoot,\n base,\n variations: {},\n defaults: {},\n};\n"],"names":["handlePosition","placement","offset","x","y","_offset","_slicedToArray","_x","_y","concat","left","top","transform","right","bottom","placements","split","forEach","placementValue","isCenteredX","undefined","isCenteredY","popupRoot","Root","forwardRef","_ref","outerRootRef","_resizable$hiddenIcon","_resizable$hiddenIcon2","_resizable$hiddenIcon3","_resizable$hiddenIcon4","id","_ref$isOpen","isOpen","_ref$opened","opened","_ref$placement","_ref$offset","_ref$frame","frame","children","overlay","zIndex","popupInfo","_ref$withAnimation","withAnimation","className","draggable","outerResizable","resizable","rest","_objectWithoutProperties","_excluded","innerIsOpen","disabled","uniqId","safeUseId","innerId","_usePopup","usePopup","isVisible","animationInfo","setVisible","rootId","portalRef","useRef","contentRef","resizableContainer","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","rootNode","React","createElement","PopupRoot","_extends","ref","position","Draggable","defaultClassName","draggablePopupWrapper","defaultClassNameDragging","draggingPopupWrapper","cancel","resizableHandleWrapper","Resizable","enable","getResizeDirections","directions","resizeRatio","getRatioBasedOnPlacement","defaultSize","minWidth","minHeight","maxWidth","maxHeight","onResizeStart","current","classList","toggle","resizableContainerNoSelect","onResizeStop","handleComponent","topRight","hiddenIcons","includes","IconResizeDiagonalStyled","resizableTopRightIcon","color","size","iconSize","bottomRight","resizableBottomRightIcon","bottomLeft","resizableBottomLeftIcon","topLeft","resizableTopLeftIcon","handleStyles","getHandleStyles","handleWrapperClass","canUseDOM","Portal","container","withFrameId","containerElement","document","getElementById","StyledPortalContainer","globalPortal","Fragment","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport Draggable from 'react-draggable';\nimport { Resizable } from 're-resizable';\nimport type { Resizable as ResizableType } from 're-resizable';\nimport { RootProps } from 'src/engines/types';\nimport { canUseDOM, cx, safeUseId } from 'src/utils';\n\nimport { Portal } from '../Portal';\n\nimport { getRatioBasedOnPlacement, getResizeDirections, getHandleStyles } from './utils';\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { PopupRoot } from './PopupRoot';\nimport { usePopup } from './hooks';\nimport { classes } from './Popup.tokens';\nimport { StyledPortalContainer, base, IconResizeDiagonalStyled } from './Popup.styles';\n\nexport const handlePosition = (\n placement: PopupPlacement,\n offset: [number, number] \| [string, string],\n): PopupPositionType => {\n let x = '0rem';\n let y = '0rem';\n\n if (offset) {\n const [_x, _y] = offset;\n x = typeof _x === 'number' ? `${_x}rem` : _x;\n y = typeof _y === 'number' ? `${_y}rem` : _y;\n }\n\n if (!placement \|\| placement === 'center') {\n return {\n left: `calc(50% + ${x})`,\n top: `calc(50% - ${y})`,\n transform: 'translate(-50%, -50%)',\n };\n }\n\n let left;\n let right;\n let top;\n let bottom;\n let transform;\n const placements = placement.split('-') as PopupPlacementBasic[];\n\n placements.forEach((placementValue: PopupPlacementBasic) => {\n switch (placementValue) {\n case 'left':\n left = x;\n break;\n case 'right':\n right = x;\n break;\n case 'top':\n top = y;\n break;\n case 'bottom':\n bottom = y;\n break;\n default:\n break;\n }\n });\n\n const isCenteredX = left === undefined && right === undefined;\n const isCenteredY = top === undefined && bottom === undefined;\n\n if (isCenteredX) {\n transform = 'translateX(-50%)';\n }\n\n if (isCenteredY) {\n transform = 'translateY(-50%)';\n }\n\n return {\n left: isCenteredX ? `calc(50% + ${x})` : left,\n right,\n top: isCenteredY ? `calc(50% - ${y})` : top,\n bottom,\n transform,\n };\n};\n\n/*\n Базовый компонент Popup.\n */\nexport const popupRoot = (Root: RootProps<HTMLDivElement, PopupProps>) =>\n forwardRef<HTMLDivElement, PopupProps>(\n (\n {\n id,\n isOpen = false,\n opened = false,\n placement = 'center',\n offset = [0, 0],\n frame = 'document',\n children,\n overlay,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n role,\n zIndex,\n popupInfo,\n withAnimation = false,\n className,\n draggable,\n resizable: outerResizable,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = isOpen \|\| opened;\n const resizable = typeof outerResizable === 'boolean' ? { disabled: !outerResizable } : outerResizable;\n\n const uniqId = safeUseId();\n const innerId = id \|\| uniqId;\n\n const { isVisible, animationInfo, setVisible, rootId } = usePopup({\n isOpen: innerIsOpen,\n id: innerId,\n popupInfo,\n withAnimation,\n });\n\n const portalRef = useRef<HTMLDivElement \| null>(null);\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const resizableContainer = useRef<ResizableType>(null);\n\n const innerRef = useForkRef<HTMLDivElement>(contentRef, outerRootRef);\n\n if (!isVisible && !innerIsOpen) {\n return null;\n }\n\n const cls = cx(\n className,\n animationInfo?.endAnimation ? classes.endAnimation : '',\n animationInfo?.endTransition ? classes.endTransition : '',\n );\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 const rootNode = (\n <Root className={cls}>\n {overlay}\n\n <PopupRoot\n id={innerId}\n ref={innerRef}\n position={handlePosition(placement, offset)}\n zIndex={zIndex}\n frame={frame}\n animationInfo={animationInfo}\n setVisible={setVisible}\n {...rest}\n >\n <Draggable\n defaultClassName={draggable ? classes.draggablePopupWrapper : undefined}\n defaultClassNameDragging={draggable ? classes.draggingPopupWrapper : undefined}\n disabled={!draggable}\n cancel={`.${classes.resizableHandleWrapper}`}\n >\n <Resizable\n ref={resizableContainer}\n enable={\n resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false\n }\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 </Resizable>\n </Draggable>\n </PopupRoot>\n </Root>\n );\n\n if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {\n return <Portal container={frame.current}>{rootNode}</Portal>;\n }\n\n const withFrameId = typeof frame === 'string' && frame !== 'document';\n const containerElement = withFrameId && canUseDOM && document.getElementById(frame as string);\n\n if (containerElement) {\n return (\n <Portal container={containerElement}>\n <StyledPortalContainer ref={portalRef}>\n {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n </StyledPortalContainer>{' '}\n </Portal>\n );\n }\n\n const globalPortal = canUseDOM && document.getElementById(rootId);\n\n return <>{globalPortal && <Portal container={globalPortal}>{rootNode}</Portal>}</>;\n },\n );\n\nexport const popupConfig = {\n name: 'Popup',\n tag: 'div',\n layout: popupRoot,\n base,\n variations: {},\n defaults: {},\n};\n"],"names":["handlePosition","placement","offset","x","y","_offset","_slicedToArray","_x","_y","concat","left","top","transform","right","bottom","placements","split","forEach","placementValue","isCenteredX","undefined","isCenteredY","popupRoot","Root","forwardRef","_ref","outerRootRef","_resizable$hiddenIcon","_resizable$icons","_resizable$hiddenIcon2","_resizable$icons2","_resizable$hiddenIcon3","_resizable$icons3","_resizable$hiddenIcon4","_resizable$icons4","id","_ref$isOpen","isOpen","_ref$opened","opened","_ref$placement","_ref$offset","_ref$frame","frame","children","overlay","zIndex","popupInfo","_ref$withAnimation","withAnimation","className","draggable","outerResizable","resizable","rest","_objectWithoutProperties","_excluded","innerIsOpen","disabled","uniqId","safeUseId","innerId","_usePopup","usePopup","isVisible","animationInfo","setVisible","rootId","portalRef","useRef","contentRef","resizableContainer","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","handleResizeStart","current","classList","toggle","resizableContainerNoSelect","handleResizeStop","rootNode","React","createElement","PopupRoot","_extends","ref","position","Draggable","defaultClassName","draggablePopupWrapper","defaultClassNameDragging","draggingPopupWrapper","cancel","resizableHandleWrapper","Resizable","enable","getResizeDirections","directions","resizeRatio","getRatioBasedOnPlacement","defaultSize","minWidth","minHeight","maxWidth","maxHeight","onResizeStart","onResizeStop","handleComponent","topRight","hiddenIcons","includes","Fragment","icons","IconResizeDiagonalStyled","resizableTopRightIcon","color","size","iconSize","bottomRight","resizableBottomRightIcon","bottomLeft","resizableBottomLeftIcon","topLeft","resizableTopLeftIcon","handleStyles","getHandleStyles","handleWrapperClass","canUseDOM","Portal","container","withFrameId","containerElement","document","getElementById","StyledPortalContainer","globalPortal","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

package/es/components/Popup/utils/getHandleStyles.js CHANGED Viewed

@@ -1,52 +1,34 @@
-var getBaseDimension = function getBaseDimension(iconSize) {
-  switch (iconSize) {
-    case 'xs':
-      {
-        return 16;
-      }
-    case 's':
-      {
-        return 24;
-      }
-    case 'm':
-      {
-        return 36;
-      }
-    default:
-      {
-        return 16;
-      }
-  }
+import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+// Объект стилей для handler'а, в котором находится иконка ресайза.
+var base = {
+  width: 'auto',
+  height: 'auto',
+  lineHeight: '0'
 };
 var getHandleStyles = function getHandleStyles() {
-  var iconSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 's';
-  var size = getBaseDimension(iconSize);
-  var offset = size / 2;
   return {
-    topRight: {
-      width: "".concat(size, "px"),
-      height: "".concat(size, "px"),
-      top: "-".concat(offset, "px"),
-      right: "-".concat(offset, "px")
-    },
-    bottomRight: {
-      width: "".concat(size, "px"),
-      height: "".concat(size, "px"),
-      right: "-".concat(offset, "px"),
-      bottom: "-".concat(offset, "px")
-    },
-    bottomLeft: {
-      width: "".concat(size, "px"),
-      height: "".concat(size, "px"),
-      bottom: "-".concat(offset, "px"),
-      left: "-".concat(offset, "px")
-    },
-    topLeft: {
-      width: "".concat(size, "px"),
-      height: "".concat(size, "px"),
-      top: "-".concat(offset, "px"),
-      left: "-".concat(offset, "px")
-    }
+    topRight: _objectSpread2({
+      top: '0',
+      right: '0',
+      transform: 'translate(50%, -50%)'
+    }, base),
+    bottomRight: _objectSpread2({
+      right: '0',
+      bottom: '0',
+      transform: 'translate(50%, 50%)'
+    }, base),
+    bottomLeft: _objectSpread2({
+      bottom: '0',
+      left: '0',
+      transform: 'translate(-50%, 50%)'
+    }, base),
+    topLeft: _objectSpread2({
+      top: '0',
+      left: '0',
+      transform: 'translate(-50%, -50%)'
+    }, base)
   };
 };

package/es/components/Popup/utils/getHandleStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getHandleStyles.js","sources":["../../../../src/components/Popup/utils/getHandleStyles.ts"],"sourcesContent":["~~interface~~ ~~ReturnData~~ {\n topRight: {\n width: string;\n height: string;\n top: string;\n right: string;\n };\n bottomRight: {\n width: string;\n height: string;\n right: string;\n bottom: string;\n };\n bottomLeft: {\n width: string;\n height: string;\n bottom: string;\n left: string;\n };\n topLeft: {\n width: string;\n height: string;\n top: string;\n left: string;\n };\n}\n\nconst ~~getBaseDimension~~ = ~~(iconSize?: 'xs' \| 's' \| 'm'): number =>~~ {\n ~~switch~~ ~~(iconSize) {\n case~~ 'xs': ~~{\n return 16;\n }\n case~~ 's': ~~{\n return 24;\n }\n case~~ 'm'~~: {\~~n ~~return 36;\n~~ }~~\n default: {\n return 16~~;\n }\~~n }\n};\n\~~nexport const getHandleStyles = (~~iconSize: 'xs' \| 's' \| 'm' = 's'~~): ~~ReturnData~~ => {\n ~~const size = getBaseDimension(iconSize);\n const offset = size / 2;\n\n return {\n~~ topRight: {\n ~~width~~: ~~`${size}px`,\~~n ~~height~~: ~~`${size}px`,\~~n ~~top~~: ~~`-${offset}px`,\n right:~~ ~~`-${offset}px`,\~~n },\n bottomRight: {\n ~~width~~: ~~`${size}px`,\~~n ~~height~~: ~~`${size}px`,\~~n ~~right~~: ~~`-${offset}px`,\n bottom:~~ ~~`-${offset}px`,\~~n },\n bottomLeft: {\n ~~width~~: ~~`${size}px`,\~~n ~~height~~: ~~`${size}px`,\~~n ~~bottom~~: ~~`-${offset}px`,\n left:~~ ~~`-${offset}px`,\~~n },\n topLeft: {\n ~~width~~: ~~`${size}px`,\~~n ~~height~~: ~~`${size}px`,\~~n ~~top~~: ~~`-${offset}px`,\n left:~~ ~~`-${offset}px`,\~~n },\n };\n};\n"],"names":["~~getBaseDimension~~","~~iconSize~~","~~getHandleStyles~~","~~arguments~~","~~length~~","~~undefined","size","offset","~~topRight","~~width~~","~~concat~~","~~height~~","~~top~~","~~right","~~bottomRight","bottom","bottomLeft","left","topLeft"],"mappings":"~~AA2BA~~,IAAMA,~~gBAAgB~~,GAAG~~,SAAnBA,gBAAgBA,CAAIC,QAA2B,EAAa~~;~~AAC9D~~,~~EAAA~~,~~QAAQA,QAAQ;AACZ,IAAA,~~KAAK,~~IAAI;AAAE,MAAA;AACP,QAAA,OAAO,~~EAAE,~~CAAA~~;~~AACb~~,~~OAAA;AACA~~,~~IAAA~~,~~KAAK,GAAG;AAAE,MAAA;AACN,QAAA,OAAO,~~EAAE,~~CAAA~~;~~AACb~~,~~OAAA;AACA~~,~~IAAA~~,~~KAAK,GAAG;AAAE,MAAA;AACN,QAAA,OAAO,~~EAAE,~~CAAA;AACb,OAAA;AACA,IAAA;AAAS,MAAA;AACL,QAAA,OAAO,EAAE,CAAA;AACb,OAAA;AACJ,~~GAAA;~~AACJ~~,CAAC,CAAA;~~IAEYC~~,eAAe,GAAG,SAAlBA,eAAeA,~~GAAqD~~;~~AAAA,~~EAAA,~~IAAjDD,QAA0B,GAAAE,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,GAAG,CAAA~~;~~AAC5D~~,~~EAAA~~,~~IAAMG~~,~~IAAI~~,~~GAAGN~~,~~gBAAgB,CAACC,QAAQ,CAAC,~~CAAA;~~AACvC~~,~~EAAA~~,~~IAAMM~~,~~MAAM~~,~~GAAGD,IAAI,~~GAAG~~,CAAC,CAAA~~;~~EAEvB~~,~~OAAO;AACHE,IAAAA,QAAQ,EAAE;AACNC,~~MAAAA,KAAK,~~EAAAC~~,~~EAAAA,CAAAA,MAAA,CAAKJ,IAAI,EAAI,IAAA,CAAA~~;~~AAClBK~~,MAAAA,~~MAAM~~,~~EAAAD~~,~~EAAAA~~,~~CAAAA~~,~~MAAA~~,~~CAAKJ,~~IAAI,~~EAAI,IAAA,CAAA~~;~~AACnBM~~,~~MAAAA~~,~~GAAG~~,~~EAAAF~~,~~GAAAA~~,~~CAAAA,MAAA,CAAMH,MAAM,EAAI,IAAA,~~CAAA;~~MACnBM~~,~~KAAK,EAAA,GAAA,CAAAH,MAAA,CAAMH,MAAM,EAAA,IAAA,CAAA;KACpB;AACDO,IAAAA,WAAW,EAAE;AACTL,~~MAAAA,KAAK,~~EAAAC~~,~~EAAAA,CAAAA,MAAA,CAAKJ,IAAI,EAAI,IAAA,CAAA~~;~~AAClBK~~,MAAAA,MAAM,~~EAAAD~~,~~EAAAA,CAAAA,MAAA,CAAKJ,IAAI,EAAI,IAAA,CAAA~~;~~AACnBO~~,MAAAA,~~KAAK~~,~~EAAAH~~,~~GAAAA,CAAAA,MAAA,CAAMH,MAAM,EAAI,IAAA,CAAA~~;~~MACrBQ~~,~~MAAM~~,~~EAAA~~,~~GAAA~~,~~CAAAL,MAAA,CAAMH,MAAM,EAAA,IAAA,CAAA~~;~~KACrB;AACDS~~,IAAAA,UAAU,~~EAAE;AACRP~~,~~MAAAA~~,~~KAAK,EAAAC,EAAAA,CAAAA,MAAA,CAAKJ,IAAI,EAAI,IAAA,~~CAAA;~~AAClBK~~,MAAAA,MAAM,~~EAAAD~~,~~EAAAA~~,~~CAAAA~~,~~MAAA,CAAKJ,~~IAAI,~~EAAI~~,~~IAAA,CAAA~~;~~AACnBS~~,MAAAA,~~MAAM~~,~~EAAAL~~,~~GAAAA~~,~~CAAAA~~,~~MAAA~~,~~CAAMH,MAAM,EAAI,IAAA,CAAA;MACtBU,~~IAAI,~~EAAA,GAAA,CAAAP,MAAA,CAAMH,MAAM,EAAA,IAAA,CAAA~~;~~KACnB;AACDW~~,IAAAA,OAAO,~~EAAE;AACLT~~,~~MAAAA~~,~~KAAK,EAAAC,EAAAA,CAAAA,MAAA,CAAKJ,IAAI,EAAI,IAAA,~~CAAA;~~AAClBK~~,MAAAA,~~MAAM~~,~~EAAAD~~,~~EAAAA~~,~~CAAAA~~,~~MAAA,CAAKJ,~~IAAI,~~EAAI~~,~~IAAA,CAAA~~;~~AACnBM~~,MAAAA,~~GAAG~~,~~EAAAF~~,~~GAAAA~~,~~CAAAA~~,~~MAAA~~,~~CAAMH,MAAM,EAAI,IAAA,CAAA;MACnBU,~~IAAI,~~EAAA,GAAA,CAAAP,MAAA,CAAMH,MAAM,EAAA,IAAA,~~CAAA;~~AACpB~~,~~KAAA;GACH,~~CAAA;~~AACL~~;;;;"}
1	+ {"version":3,"file":"getHandleStyles.js","sources":["../../../../src/components/Popup/utils/getHandleStyles.ts"],"sourcesContent":["// Объект стилей для handler'а, в котором находится иконка ресайза.\ninterface ReturnType {\n topRight: {\n width: string;\n height: string;\n top: string;\n right: string;\n transform: string;\n lineHeight: string;\n };\n bottomRight: {\n width: string;\n height: string;\n right: string;\n bottom: string;\n transform: string;\n lineHeight: string;\n };\n bottomLeft: {\n width: string;\n height: string;\n bottom: string;\n left: string;\n transform: string;\n lineHeight: string;\n };\n topLeft: {\n width: string;\n height: string;\n top: string;\n left: string;\n transform: string;\n lineHeight: string;\n };\n}\n\nconst base = {\n width: 'auto',\n height: 'auto',\n lineHeight: '0',\n};\n\nexport const getHandleStyles = (): ReturnType => ({\n topRight: {\n top: '0',\n right: '0',\n transform: 'translate(50%, -50%)',\n ...base,\n },\n bottomRight: {\n right: '0',\n bottom: '0',\n transform: 'translate(50%, 50%)',\n ...base,\n },\n bottomLeft: {\n bottom: '0',\n left: '0',\n transform: 'translate(-50%, 50%)',\n ...base,\n },\n topLeft: {\n top: '0',\n left: '0',\n transform: 'translate(-50%, -50%)',\n ...base,\n },\n});\n"],"names":["base","width","height","lineHeight","getHandleStyles","topRight","_objectSpread","top","right","transform","bottomRight","bottom","bottomLeft","left","topLeft"],"mappings":";;AAAA;;AAoCA,IAAMA,IAAI,GAAG;AACTC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,MAAM,EAAE,MAAM;AACdC,EAAAA,UAAU,EAAE,GAAA;AAChB,CAAC,CAAA;AAEYC,IAAAA,eAAe,GAAG,SAAlBA,eAAeA,GAAA;EAAA,OAAsB;AAC9CC,IAAAA,QAAQ,EAAAC,cAAA,CAAA;AACJC,MAAAA,GAAG,EAAE,GAAG;AACRC,MAAAA,KAAK,EAAE,GAAG;AACVC,MAAAA,SAAS,EAAE,sBAAA;AAAsB,KAAA,EAC9BT,IAAI,CACV;AACDU,IAAAA,WAAW,EAAAJ,cAAA,CAAA;AACPE,MAAAA,KAAK,EAAE,GAAG;AACVG,MAAAA,MAAM,EAAE,GAAG;AACXF,MAAAA,SAAS,EAAE,qBAAA;AAAqB,KAAA,EAC7BT,IAAI,CACV;AACDY,IAAAA,UAAU,EAAAN,cAAA,CAAA;AACNK,MAAAA,MAAM,EAAE,GAAG;AACXE,MAAAA,IAAI,EAAE,GAAG;AACTJ,MAAAA,SAAS,EAAE,sBAAA;AAAsB,KAAA,EAC9BT,IAAI,CACV;AACDc,IAAAA,OAAO,EAAAR,cAAA,CAAA;AACHC,MAAAA,GAAG,EAAE,GAAG;AACRM,MAAAA,IAAI,EAAE,GAAG;AACTJ,MAAAA,SAAS,EAAE,uBAAA;AAAuB,KAAA,EAC/BT,IAAI,CAAA;GAEd,CAAA;AAAA;;;;"}

package/es/components/Popup/utils/getRatioBasedOnPlacement.js CHANGED Viewed

@@ -1,3 +1,5 @@
+// Горизонтальный и вертикальный множитель ресайза.
 var getRatioBasedOnPlacement = function getRatioBasedOnPlacement(placement) {
   switch (placement) {
     case 'center':

package/es/components/Popup/utils/getRatioBasedOnPlacement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getRatioBasedOnPlacement.js","sources":["../../../../src/components/Popup/utils/getRatioBasedOnPlacement.ts"],"sourcesContent":["import type { PopupPlacement } from '../Popup.types';\n\nexport const getRatioBasedOnPlacement = (placement: PopupPlacement): ~~[number,~~ ~~number]~~ => {\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 [2, 2];\n }\n }\n};\n"],"names":["getRatioBasedOnPlacement","placement"],"mappings":"~~IAEaA~~,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,SAAyB,~~EAAuB~~;~~AACrF~~,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	+ {"version":3,"file":"getRatioBasedOnPlacement.js","sources":["../../../../src/components/Popup/utils/getRatioBasedOnPlacement.ts"],"sourcesContent":["import type { PopupPlacement } from '../Popup.types';\n\n// Горизонтальный и вертикальный множитель ресайза.\ntype ReturnType = [number, number];\n\nexport const getRatioBasedOnPlacement = (placement: PopupPlacement): 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 [2, 2];\n }\n }\n};\n"],"names":["getRatioBasedOnPlacement","placement"],"mappings":"AAEA;;IAGaA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,SAAyB,EAAiB;AAC/E,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;;;;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.330.0-canary.1655.16260366082.0",
+  "version": "0.330.0-canary.1655.16287544308.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -138,5 +138,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "a238485f90fd213fcffa80384d246610d797933a"
+  "gitHead": "ed91736f4243d433f84045ea3a9c0509df6af133"
 }

package/styled-components/cjs/components/Popup/Popup.js CHANGED Viewed

@@ -255,7 +255,7 @@ var popupRoot = function(Root) {
             "draggable",
             "resizable"
         ]);
-        var _resizable_hiddenIcons, _resizable_hiddenIcons1, _resizable_hiddenIcons2, _resizable_hiddenIcons3;
+        var _resizable_hiddenIcons, _resizable_icons, _resizable_hiddenIcons1, _resizable_icons1, _resizable_hiddenIcons2, _resizable_icons2, _resizable_hiddenIcons3, _resizable_icons3;
         var innerIsOpen = isOpen || opened;
         var resizable = typeof outerResizable === 'boolean' ? {
             disabled: !outerResizable
@@ -276,6 +276,16 @@ var popupRoot = function(Root) {
             return null;
         }
         var cls = (0, _utils.cx)(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? _Popuptokens.classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? _Popuptokens.classes.endTransition : '');
+        var handleResizeStart = function() {
+            if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
+                resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
+            }
+        };
+        var handleResizeStop = function() {
+            if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
+                resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
+            }
+        };
         var rootNode = /*#__PURE__*/ _react.default.createElement(Root, {
             className: cls
         }, overlay, /*#__PURE__*/ _react.default.createElement(_PopupRoot.PopupRoot, _object_spread({
@@ -300,40 +310,32 @@ var popupRoot = function(Root) {
             minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
             maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
             maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
-            onResizeStart: function() {
-                if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
-                    resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
-                }
-            },
-            onResizeStop: function() {
-                if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
-                    resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
-                }
-            },
+            onResizeStart: handleResizeStart,
+            onResizeStop: handleResizeStop,
             handleComponent: {
-                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(_Popupstyles.IconResizeDiagonalStyled, {
+                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, {
                     className: _Popuptokens.classes.resizableTopRightIcon,
                     color: "inherit",
                     size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                }),
-                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(_Popupstyles.IconResizeDiagonalStyled, {
+                })),
+                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, {
                     className: _Popuptokens.classes.resizableBottomRightIcon,
                     color: "inherit",
                     size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                }),
-                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(_Popupstyles.IconResizeDiagonalStyled, {
+                })),
+                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, {
                     className: _Popuptokens.classes.resizableBottomLeftIcon,
                     color: "inherit",
                     size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                }),
-                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(_Popupstyles.IconResizeDiagonalStyled, {
+                })),
+                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, {
                     className: _Popuptokens.classes.resizableTopLeftIcon,
                     color: "inherit",
                     size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                })
+                }))
             },
             className: _Popuptokens.classes.resizableContainer,
-            handleStyles: (0, _utils1.getHandleStyles)(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
+            handleStyles: (0, _utils1.getHandleStyles)(),
             handleWrapperClass: _Popuptokens.classes.resizableHandleWrapper
         }, children))));
         if (typeof frame !== 'string' && frame && frame.current && _utils.canUseDOM) {