@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
  1. package/cjs/components/Popup/Popup.js +22 -20
  2. package/cjs/components/Popup/Popup.js.map +1 -1
  3. package/cjs/components/Popup/utils/getHandleStyles.js +28 -46
  4. package/cjs/components/Popup/utils/getHandleStyles.js.map +1 -1
  5. package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +2 -0
  6. package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js.map +1 -1
  7. package/emotion/cjs/components/Popup/Popup.js +22 -20
  8. package/emotion/cjs/components/Popup/utils/getHandleStyles.js +52 -45
  9. package/emotion/es/components/Popup/Popup.js +22 -20
  10. package/emotion/es/components/Popup/utils/getHandleStyles.js +52 -45
  11. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  12. package/es/components/Popup/Popup.js +22 -20
  13. package/es/components/Popup/Popup.js.map +1 -1
  14. package/es/components/Popup/utils/getHandleStyles.js +28 -46
  15. package/es/components/Popup/utils/getHandleStyles.js.map +1 -1
  16. package/es/components/Popup/utils/getRatioBasedOnPlacement.js +2 -0
  17. package/es/components/Popup/utils/getRatioBasedOnPlacement.js.map +1 -1
  18. package/package.json +2 -2
  19. package/styled-components/cjs/components/Popup/Popup.js +22 -20
  20. package/styled-components/cjs/components/Popup/utils/getHandleStyles.js +52 -45
  21. package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  22. package/styled-components/es/components/Popup/Popup.js +22 -20
  23. package/styled-components/es/components/Popup/utils/getHandleStyles.js +52 -45
  24. package/types/components/Popup/Popup.d.ts.map +1 -1
  25. package/types/components/Popup/Popup.types.d.ts +17 -7
  26. package/types/components/Popup/Popup.types.d.ts.map +1 -1
  27. package/types/components/Popup/utils/getHandleStyles.d.ts +10 -2
  28. package/types/components/Popup/utils/getHandleStyles.d.ts.map +1 -1
  29. package/types/components/Popup/utils/getRatioBasedOnPlacement.d.ts +3 -1
  30. package/types/components/Popup/utils/getRatioBasedOnPlacement.d.ts.map +1 -1
package/cjs/components/Popup/Popup.js CHANGED
@@ -86,7 +86,7 @@ var handlePosition = function handlePosition(placement, offset) {
86
86
  */
87
87
  var popupRoot = function popupRoot(Root) {
88
88
  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
89
- var _resizable$hiddenIcon, _resizable$hiddenIcon2, _resizable$hiddenIcon3, _resizable$hiddenIcon4;
89
+ var _resizable$hiddenIcon, _resizable$icons, _resizable$hiddenIcon2, _resizable$icons2, _resizable$hiddenIcon3, _resizable$icons3, _resizable$hiddenIcon4, _resizable$icons4;
90
90
  var id = _ref.id,
91
91
  _ref$isOpen = _ref.isOpen,
92
92
  isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
@@ -132,6 +132,16 @@ var popupRoot = function popupRoot(Root) {
132
132
  return null;
133
133
  }
134
134
  var cls = index.cx(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? Popup_tokens.classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? Popup_tokens.classes.endTransition : '');
135
+ var handleResizeStart = function handleResizeStart() {
136
+ if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
137
+ resizableContainer.current.resizable.classList.toggle(Popup_tokens.classes.resizableContainerNoSelect);
138
+ }
139
+ };
140
+ var handleResizeStop = function handleResizeStop() {
141
+ if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
142
+ resizableContainer.current.resizable.classList.toggle(Popup_tokens.classes.resizableContainerNoSelect);
143
+ }
144
+ };
135
145
  var rootNode = /*#__PURE__*/React__default.default.createElement(Root, {
136
146
  className: cls
137
147
  }, overlay, /*#__PURE__*/React__default.default.createElement(PopupRoot.PopupRoot, _rollupPluginBabelHelpers.extends({
@@ -156,40 +166,32 @@ var popupRoot = function popupRoot(Root) {
156
166
  minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
157
167
  maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
158
168
  maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
159
- onResizeStart: function onResizeStart() {
160
- if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
161
- resizableContainer.current.resizable.classList.toggle(Popup_tokens.classes.resizableContainerNoSelect);
162
- }
163
- },
164
- onResizeStop: function onResizeStop() {
165
- if (resizableContainer !== null && resizableContainer !== void 0 && resizableContainer.current && resizableContainer.current.resizable) {
166
- resizableContainer.current.resizable.classList.toggle(Popup_tokens.classes.resizableContainerNoSelect);
167
- }
168
- },
169
+ onResizeStart: handleResizeStart,
170
+ onResizeStop: handleResizeStop,
169
171
  handleComponent: {
170
- 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(Popup_styles.IconResizeDiagonalStyled, {
172
+ 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(Popup_styles.IconResizeDiagonalStyled, {
171
173
  className: Popup_tokens.classes.resizableTopRightIcon,
172
174
  color: "inherit",
173
175
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
174
- }),
175
- 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(Popup_styles.IconResizeDiagonalStyled, {
176
+ })),
177
+ 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(Popup_styles.IconResizeDiagonalStyled, {
176
178
  className: Popup_tokens.classes.resizableBottomRightIcon,
177
179
  color: "inherit",
178
180
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
179
- }),
180
- 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(Popup_styles.IconResizeDiagonalStyled, {
181
+ })),
182
+ 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(Popup_styles.IconResizeDiagonalStyled, {
181
183
  className: Popup_tokens.classes.resizableBottomLeftIcon,
182
184
  color: "inherit",
183
185
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
184
- }),
185
- 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(Popup_styles.IconResizeDiagonalStyled, {
186
+ })),
187
+ 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(Popup_styles.IconResizeDiagonalStyled, {
186
188
  className: Popup_tokens.classes.resizableTopLeftIcon,
187
189
  color: "inherit",
188
190
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
189
- })
191
+ }))
190
192
  },
191
193
  className: Popup_tokens.classes.resizableContainer,
192
- handleStyles: getHandleStyles.getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
194
+ handleStyles: getHandleStyles.getHandleStyles(),
193
195
  handleWrapperClass: Popup_tokens.classes.resizableHandleWrapper
194
196
  }, children))));
195
197
  if (typeof frame !== 'string' && frame && frame.current && canUseDOM.canUseDOM) {
package/cjs/components/Popup/Popup.js.map CHANGED
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CACvBC,SAAyB,EACzBC,MAA2C,EACvB;EACpB,IAAIC,CAAC,GAAG,MAAM,CAAA;EACd,IAAIC,CAAC,GAAG,MAAM,CAAA;AAEd,EAAA,IAAIF,MAAM,EAAE;AACR,IAAA,IAAAG,OAAA,GAAAC,uCAAA,CAAiBJ,MAAM,EAAA,CAAA,CAAA;AAAhBK,MAAAA,EAAE,GAAAF,OAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,EAAE,GAAAH,OAAA,CAAA,CAAA,CAAA,CAAA;IACbF,CAAC,GAAG,OAAOI,EAAE,KAAK,QAAQ,MAAAE,MAAA,CAAMF,EAAE,EAAA,KAAA,CAAA,GAAQA,EAAE,CAAA;IAC5CH,CAAC,GAAG,OAAOI,EAAE,KAAK,QAAQ,MAAAC,MAAA,CAAMD,EAAE,EAAA,KAAA,CAAA,GAAQA,EAAE,CAAA;AAChD,GAAA;AAEA,EAAA,IAAI,CAACP,SAAS,IAAIA,SAAS,KAAK,QAAQ,EAAE;IACtC,OAAO;AACHS,MAAAA,IAAI,EAAAD,aAAAA,CAAAA,MAAA,CAAgBN,CAAC,EAAG,GAAA,CAAA;AACxBQ,MAAAA,GAAG,EAAAF,aAAAA,CAAAA,MAAA,CAAgBL,CAAC,EAAG,GAAA,CAAA;AACvBQ,MAAAA,SAAS,EAAE,uBAAA;KACd,CAAA;AACL,GAAA;AAEA,EAAA,IAAIF,IAAI,CAAA;AACR,EAAA,IAAIG,KAAK,CAAA;AACT,EAAA,IAAIF,GAAG,CAAA;AACP,EAAA,IAAIG,MAAM,CAAA;AACV,EAAA,IAAIF,SAAS,CAAA;AACb,EAAA,IAAMG,UAAU,GAAGd,SAAS,CAACe,KAAK,CAAC,GAAG,CAA0B,CAAA;AAEhED,EAAAA,UAAU,CAACE,OAAO,CAAC,UAACC,cAAmC,EAAK;AACxD,IAAA,QAAQA,cAAc;AAClB,MAAA,KAAK,MAAM;AACPR,QAAAA,IAAI,GAAGP,CAAC,CAAA;AACR,QAAA,MAAA;AACJ,MAAA,KAAK,OAAO;AACRU,QAAAA,KAAK,GAAGV,CAAC,CAAA;AACT,QAAA,MAAA;AACJ,MAAA,KAAK,KAAK;AACNQ,QAAAA,GAAG,GAAGP,CAAC,CAAA;AACP,QAAA,MAAA;AACJ,MAAA,KAAK,QAAQ;AACTU,QAAAA,MAAM,GAAGV,CAAC,CAAA;AACV,QAAA,MAAA;AAGR,KAAA;AACJ,GAAC,CAAC,CAAA;EAEF,IAAMe,WAAW,GAAGT,IAAI,KAAKU,SAAS,IAAIP,KAAK,KAAKO,SAAS,CAAA;EAC7D,IAAMC,WAAW,GAAGV,GAAG,KAAKS,SAAS,IAAIN,MAAM,KAAKM,SAAS,CAAA;AAE7D,EAAA,IAAID,WAAW,EAAE;AACbP,IAAAA,SAAS,GAAG,kBAAkB,CAAA;AAClC,GAAA;AAEA,EAAA,IAAIS,WAAW,EAAE;AACbT,IAAAA,SAAS,GAAG,kBAAkB,CAAA;AAClC,GAAA;EAEA,OAAO;AACHF,IAAAA,IAAI,EAAES,WAAW,GAAA,aAAA,CAAAV,MAAA,CAAiBN,CAAC,SAAMO,IAAI;AAC7CG,IAAAA,KAAK,EAALA,KAAK;AACLF,IAAAA,GAAG,EAAEU,WAAW,GAAA,aAAA,CAAAZ,MAAA,CAAiBL,CAAC,SAAMO,GAAG;AAC3CG,IAAAA,MAAM,EAANA,MAAM;AACNF,IAAAA,SAAS,EAATA,SAAAA;GACH,CAAA;AACL,EAAC;;AAED;AACA;AACA;IACaU,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA2C,EAAA;AAAA,EAAA,oBACjEC,gBAAU,CACN,UAAAC,IAAA,EAoBIC,YAAY,EACX;AAAA,IAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,CAAA;AAAA,IAAA,IAnBGC,EAAE,GAAAN,IAAA,CAAFM,EAAE,CAAA;MAAAC,WAAA,GAAAP,IAAA,CACFQ,MAAM,CAAA;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA,CAAA;MAAAE,WAAA,GAAAT,IAAA,CACdU,MAAM,CAAA;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA,CAAA;MAAAE,cAAA,GAAAX,IAAA,CACdxB,SAAS,CAAA;AAATA,MAAAA,SAAS,GAAAmC,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA,CAAA;MAAAC,WAAA,GAAAZ,IAAA,CACpBvB,MAAM,CAAA;MAANA,MAAM,GAAAmC,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,CAAC,EAAE,CAAC,CAAC,GAAAA,WAAA,CAAA;MAAAC,UAAA,GAAAb,IAAA,CACfc,KAAK,CAAA;AAALA,MAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA,CAAA;MAClBE,QAAQ,GAAAf,IAAA,CAARe,QAAQ,CAAA;MACRC,OAAO,GAAAhB,IAAA,CAAPgB,OAAO,CAAA;MAGPC,MAAM,GAAAjB,IAAA,CAANiB,MAAM,CAAA;MACNC,SAAS,GAAAlB,IAAA,CAATkB,SAAS,CAAA;MAAAC,kBAAA,GAAAnB,IAAA,CACToB,aAAa,CAAA;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA,CAAA;MACrBE,SAAS,GAAArB,IAAA,CAATqB,SAAS,CAAA;MACTC,SAAS,GAAAtB,IAAA,CAATsB,SAAS,CAAA;MACEC,cAAc,GAAAvB,IAAA,CAAzBwB,SAAS,CAAA;AACNC,MAAAA,IAAI,GAAAC,iDAAA,CAAA1B,IAAA,EAAA2B,SAAA,EAAA;AAIX,IAAA,IAAMC,WAAW,GAAGpB,MAAM,IAAIE,MAAM,CAAA;AACpC,IAAA,IAAMc,SAAS,GAAG,OAAOD,cAAc,KAAK,SAAS,GAAG;AAAEM,MAAAA,QAAQ,EAAE,CAACN,cAAAA;AAAe,KAAC,GAAGA,cAAc,CAAA;AAEtG,IAAA,IAAMO,MAAM,GAAGC,eAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,OAAO,GAAG1B,EAAE,IAAIwB,MAAM,CAAA;IAE5B,IAAAG,SAAA,GAAyDC,iBAAQ,CAAC;AAC9D1B,QAAAA,MAAM,EAAEoB,WAAW;AACnBtB,QAAAA,EAAE,EAAE0B,OAAO;AACXd,QAAAA,SAAS,EAATA,SAAS;AACTE,QAAAA,aAAa,EAAbA,aAAAA;AACJ,OAAC,CAAC;MALMe,SAAS,GAAAF,SAAA,CAATE,SAAS;MAAEC,aAAa,GAAAH,SAAA,CAAbG,aAAa;MAAEC,UAAU,GAAAJ,SAAA,CAAVI,UAAU;MAAEC,MAAM,GAAAL,SAAA,CAANK,MAAM,CAAA;AAOpD,IAAA,IAAMC,SAAS,GAAGC,YAAM,CAAwB,IAAI,CAAC,CAAA;AACrD,IAAA,IAAMC,UAAU,GAAGD,YAAM,CAAwB,IAAI,CAAC,CAAA;AACtD,IAAA,IAAME,kBAAkB,GAAGF,YAAM,CAAgB,IAAI,CAAC,CAAA;AAEtD,IAAA,IAAMG,QAAQ,GAAGC,qBAAU,CAAiBH,UAAU,EAAExC,YAAY,CAAC,CAAA;AAErE,IAAA,IAAI,CAACkC,SAAS,IAAI,CAACP,WAAW,EAAE;AAC5B,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;AAEA,IAAA,IAAMiB,GAAG,GAAGC,QAAE,CACVzB,SAAS,EACTe,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAEW,YAAY,GAAGC,oBAAO,CAACD,YAAY,GAAG,EAAE,EACvDX,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAEa,aAAa,GAAGD,oBAAO,CAACC,aAAa,GAAG,EAC3D,CAAC,CAAA;AAED,IAAA,IAAMC,QAAQ,gBACVC,sBAAA,CAAAC,aAAA,CAACtD,IAAI,EAAA;AAACuB,MAAAA,SAAS,EAAEwB,GAAAA;KACZ7B,EAAAA,OAAO,eAERmC,sBAAA,CAAAC,aAAA,CAACC,mBAAS,EAAAC,iCAAA,CAAA;AACNhD,MAAAA,EAAE,EAAE0B,OAAQ;AACZuB,MAAAA,GAAG,EAAEZ,QAAS;AACda,MAAAA,QAAQ,EAAEjF,cAAc,CAACC,SAAS,EAAEC,MAAM,CAAE;AAC5CwC,MAAAA,MAAM,EAAEA,MAAO;AACfH,MAAAA,KAAK,EAAEA,KAAM;AACbsB,MAAAA,aAAa,EAAEA,aAAc;AAC7BC,MAAAA,UAAU,EAAEA,UAAAA;AAAW,KAAA,EACnBZ,IAAI,CAER0B,eAAAA,sBAAA,CAAAC,aAAA,CAACK,0BAAS,EAAA;AACNC,MAAAA,gBAAgB,EAAEpC,SAAS,GAAG0B,oBAAO,CAACW,qBAAqB,GAAGhE,SAAU;AACxEiE,MAAAA,wBAAwB,EAAEtC,SAAS,GAAG0B,oBAAO,CAACa,oBAAoB,GAAGlE,SAAU;MAC/EkC,QAAQ,EAAE,CAACP,SAAU;AACrBwC,MAAAA,MAAM,EAAA9E,GAAAA,CAAAA,MAAA,CAAMgE,oBAAO,CAACe,sBAAsB,CAAA;AAAG,KAAA,eAE7CZ,sBAAA,CAAAC,aAAA,CAACY,qBAAS,EAAA;AACNT,MAAAA,GAAG,EAAEb,kBAAmB;AACxBuB,MAAAA,MAAM,EACFzC,SAAS,IAAI,CAACA,SAAS,CAACK,QAAQ,GAAGqC,uCAAmB,CAAC1C,SAAS,CAAC2C,UAAU,CAAC,GAAG,KAClF;AACDC,MAAAA,WAAW,EAAEC,iDAAwB,CAAC7F,SAAS,CAAE;AACjD8F,MAAAA,WAAW,EAAE9C,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAE8C,WAAY;AACpCC,MAAAA,QAAQ,EAAE/C,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAE+C,QAAS;AAC9BC,MAAAA,SAAS,EAAEhD,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEgD,SAAU;AAChCC,MAAAA,QAAQ,EAAEjD,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEiD,QAAS;AAC9BC,MAAAA,SAAS,EAAElD,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEkD,SAAU;MAChCC,aAAa,EAAE,SAAAA,aAAAA,GAAM;AACjB,QAAA,IAAIjC,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAA,KAAA,CAAA,IAAlBA,kBAAkB,CAAEkC,OAAO,IAAIlC,kBAAkB,CAACkC,OAAO,CAACpD,SAAS,EAAE;AACrEkB,UAAAA,kBAAkB,CAACkC,OAAO,CAACpD,SAAS,CAACqD,SAAS,CAACC,MAAM,CACjD9B,oBAAO,CAAC+B,0BACZ,CAAC,CAAA;AACL,SAAA;OACF;MACFC,YAAY,EAAE,SAAAA,YAAAA,GAAM;AAChB,QAAA,IAAItC,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAA,KAAA,CAAA,IAAlBA,kBAAkB,CAAEkC,OAAO,IAAIlC,kBAAkB,CAACkC,OAAO,CAACpD,SAAS,EAAE;AACrEkB,UAAAA,kBAAkB,CAACkC,OAAO,CAACpD,SAAS,CAACqD,SAAS,CAACC,MAAM,CACjD9B,oBAAO,CAAC+B,0BACZ,CAAC,CAAA;AACL,SAAA;OACF;AACFE,MAAAA,eAAe,EAAE;QACbC,QAAQ,EAAE1D,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,IAAA,CAAAtB,qBAAA,GAATsB,SAAS,CAAE2D,WAAW,MAAA,IAAA,IAAAjF,qBAAA,KAAA,KAAA,CAAA,IAAtBA,qBAAA,CAAwBkF,QAAQ,CAAC,WAAW,CAAC,GAAGzF,SAAS,gBAC/DwD,sBAAA,CAAAC,aAAA,CAACiC,qCAAwB,EAAA;UACrBhE,SAAS,EAAE2B,oBAAO,CAACsC,qBAAsB;AACzCC,UAAAA,KAAK,EAAC,SAAS;AACfC,UAAAA,IAAI,EAAEhE,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEiE,QAAAA;AAAS,SAC7B,CACJ;QACDC,WAAW,EAAElE,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,IAAA,CAAArB,sBAAA,GAATqB,SAAS,CAAE2D,WAAW,MAAA,IAAA,IAAAhF,sBAAA,KAAA,KAAA,CAAA,IAAtBA,sBAAA,CAAwBiF,QAAQ,CAAC,cAAc,CAAC,GAAGzF,SAAS,gBACrEwD,sBAAA,CAAAC,aAAA,CAACiC,qCAAwB,EAAA;UACrBhE,SAAS,EAAE2B,oBAAO,CAAC2C,wBAAyB;AAC5CJ,UAAAA,KAAK,EAAC,SAAS;AACfC,UAAAA,IAAI,EAAEhE,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEiE,QAAAA;AAAS,SAC7B,CACJ;QACDG,UAAU,EAAEpE,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,IAAA,CAAApB,sBAAA,GAAToB,SAAS,CAAE2D,WAAW,MAAA,IAAA,IAAA/E,sBAAA,KAAA,KAAA,CAAA,IAAtBA,sBAAA,CAAwBgF,QAAQ,CAAC,aAAa,CAAC,GAAGzF,SAAS,gBACnEwD,sBAAA,CAAAC,aAAA,CAACiC,qCAAwB,EAAA;UACrBhE,SAAS,EAAE2B,oBAAO,CAAC6C,uBAAwB;AAC3CN,UAAAA,KAAK,EAAC,SAAS;AACfC,UAAAA,IAAI,EAAEhE,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEiE,QAAAA;AAAS,SAC7B,CACJ;QACDK,OAAO,EAAEtE,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,IAAA,CAAAnB,sBAAA,GAATmB,SAAS,CAAE2D,WAAW,MAAA,IAAA,IAAA9E,sBAAA,KAAA,KAAA,CAAA,IAAtBA,sBAAA,CAAwB+E,QAAQ,CAAC,UAAU,CAAC,GAAGzF,SAAS,gBAC7DwD,sBAAA,CAAAC,aAAA,CAACiC,qCAAwB,EAAA;UACrBhE,SAAS,EAAE2B,oBAAO,CAAC+C,oBAAqB;AACxCR,UAAAA,KAAK,EAAC,SAAS;AACfC,UAAAA,IAAI,EAAEhE,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEiE,QAAAA;SACpB,CAAA;OAEP;MACFpE,SAAS,EAAE2B,oBAAO,CAACN,kBAAmB;MACtCsD,YAAY,EAAEC,+BAAe,CAACzE,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEiE,QAAQ,CAAE;MACnDS,kBAAkB,EAAElD,oBAAO,CAACe,sBAAAA;AAAuB,KAAA,EAElDhD,QACM,CACJ,CACJ,CACT,CACT,CAAA;AAED,IAAA,IAAI,OAAOD,KAAK,KAAK,QAAQ,IAAIA,KAAK,IAAIA,KAAK,CAAC8D,OAAO,IAAIuB,mBAAS,EAAE;AAClE,MAAA,oBAAOhD,sBAAA,CAAAC,aAAA,CAACgD,aAAM,EAAA;QAACC,SAAS,EAAEvF,KAAK,CAAC8D,OAAAA;AAAQ,OAAA,EAAE1B,QAAiB,CAAC,CAAA;AAChE,KAAA;IAEA,IAAMoD,WAAW,GAAG,OAAOxF,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,UAAU,CAAA;IACrE,IAAMyF,gBAAgB,GAAGD,WAAW,IAAIH,mBAAS,IAAIK,QAAQ,CAACC,cAAc,CAAC3F,KAAe,CAAC,CAAA;AAE7F,IAAA,IAAIyF,gBAAgB,EAAE;AAClB,MAAA,oBACIpD,sBAAA,CAAAC,aAAA,CAACgD,aAAM,EAAA;AAACC,QAAAA,SAAS,EAAEE,gBAAAA;AAAiB,OAAA,eAChCpD,sBAAA,CAAAC,aAAA,CAACsD,kCAAqB,EAAA;AAACnD,QAAAA,GAAG,EAAEhB,SAAAA;OACvBA,EAAAA,SAAS,CAACqC,OAAO,iBAAIzB,sBAAA,CAAAC,aAAA,CAACgD,aAAM,EAAA;QAACC,SAAS,EAAE9D,SAAS,CAACqC,OAAAA;AAAQ,OAAA,EAAE1B,QAAiB,CAC3D,CAAC,EAAC,GACrB,CAAC,CAAA;AAEjB,KAAA;IAEA,IAAMyD,YAAY,GAAGR,mBAAS,IAAIK,QAAQ,CAACC,cAAc,CAACnE,MAAM,CAAC,CAAA;AAEjE,IAAA,oBAAOa,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAyD,QAAA,EAAGD,IAAAA,EAAAA,YAAY,iBAAIxD,sBAAA,CAAAC,aAAA,CAACgD,aAAM,EAAA;AAACC,MAAAA,SAAS,EAAEM,YAAAA;KAAezD,EAAAA,QAAiB,CAAI,CAAC,CAAA;AACtF,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM2D,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnH,SAAS;AACjBoH,EAAAA,IAAI,EAAJA,iBAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;;;"}
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/cjs/components/Popup/utils/getHandleStyles.js CHANGED
@@ -2,55 +2,37 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var getBaseDimension = function getBaseDimension(iconSize) {
6
- switch (iconSize) {
7
- case 'xs':
8
- {
9
- return 16;
10
- }
11
- case 's':
12
- {
13
- return 24;
14
- }
15
- case 'm':
16
- {
17
- return 36;
18
- }
19
- default:
20
- {
21
- return 16;
22
- }
23
- }
5
+ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
6
+
7
+ // Объект стилей для handler'а, в котором находится иконка ресайза.
8
+
9
+ var base = {
10
+ width: 'auto',
11
+ height: 'auto',
12
+ lineHeight: '0'
24
13
  };
25
14
  var getHandleStyles = function getHandleStyles() {
26
- var iconSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 's';
27
- var size = getBaseDimension(iconSize);
28
- var offset = size / 2;
29
15
  return {
30
- topRight: {
31
- width: "".concat(size, "px"),
32
- height: "".concat(size, "px"),
33
- top: "-".concat(offset, "px"),
34
- right: "-".concat(offset, "px")
35
- },
36
- bottomRight: {
37
- width: "".concat(size, "px"),
38
- height: "".concat(size, "px"),
39
- right: "-".concat(offset, "px"),
40
- bottom: "-".concat(offset, "px")
41
- },
42
- bottomLeft: {
43
- width: "".concat(size, "px"),
44
- height: "".concat(size, "px"),
45
- bottom: "-".concat(offset, "px"),
46
- left: "-".concat(offset, "px")
47
- },
48
- topLeft: {
49
- width: "".concat(size, "px"),
50
- height: "".concat(size, "px"),
51
- top: "-".concat(offset, "px"),
52
- left: "-".concat(offset, "px")
53
- }
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)
54
36
  };
55
37
  };
56
38
 
package/cjs/components/Popup/utils/getHandleStyles.js.map CHANGED
@@ -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,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;;;;"}
package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ // Горизонтальный и вертикальный множитель ресайза.
6
+
5
7
  var getRatioBasedOnPlacement = function getRatioBasedOnPlacement(placement) {
6
8
  switch (placement) {
7
9
  case 'center':
package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js.map CHANGED
@@ -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/emotion/cjs/components/Popup/Popup.js CHANGED
@@ -255,7 +255,7 @@ var popupRoot = function(Root) {
255
255
  "draggable",
256
256
  "resizable"
257
257
  ]);
258
- var _resizable_hiddenIcons, _resizable_hiddenIcons1, _resizable_hiddenIcons2, _resizable_hiddenIcons3;
258
+ var _resizable_hiddenIcons, _resizable_icons, _resizable_hiddenIcons1, _resizable_icons1, _resizable_hiddenIcons2, _resizable_icons2, _resizable_hiddenIcons3, _resizable_icons3;
259
259
  var innerIsOpen = isOpen || opened;
260
260
  var resizable = typeof outerResizable === 'boolean' ? {
261
261
  disabled: !outerResizable
@@ -276,6 +276,16 @@ var popupRoot = function(Root) {
276
276
  return null;
277
277
  }
278
278
  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 : '');
279
+ var handleResizeStart = function() {
280
+ if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
281
+ resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
282
+ }
283
+ };
284
+ var handleResizeStop = function() {
285
+ if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
286
+ resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
287
+ }
288
+ };
279
289
  var rootNode = /*#__PURE__*/ _react.default.createElement(Root, {
280
290
  className: cls
281
291
  }, overlay, /*#__PURE__*/ _react.default.createElement(_PopupRoot.PopupRoot, _object_spread({
@@ -300,40 +310,32 @@ var popupRoot = function(Root) {
300
310
  minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
301
311
  maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
302
312
  maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
303
- onResizeStart: function() {
304
- if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
305
- resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
306
- }
307
- },
308
- onResizeStop: function() {
309
- if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
310
- resizableContainer.current.resizable.classList.toggle(_Popuptokens.classes.resizableContainerNoSelect);
311
- }
312
- },
313
+ onResizeStart: handleResizeStart,
314
+ onResizeStop: handleResizeStop,
313
315
  handleComponent: {
314
- 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, {
316
+ 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, {
315
317
  className: _Popuptokens.classes.resizableTopRightIcon,
316
318
  color: "inherit",
317
319
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
318
- }),
319
- 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, {
320
+ })),
321
+ 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, {
320
322
  className: _Popuptokens.classes.resizableBottomRightIcon,
321
323
  color: "inherit",
322
324
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
323
- }),
324
- 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, {
325
+ })),
326
+ 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, {
325
327
  className: _Popuptokens.classes.resizableBottomLeftIcon,
326
328
  color: "inherit",
327
329
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
328
- }),
329
- 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, {
330
+ })),
331
+ 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, {
330
332
  className: _Popuptokens.classes.resizableTopLeftIcon,
331
333
  color: "inherit",
332
334
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
333
- })
335
+ }))
334
336
  },
335
337
  className: _Popuptokens.classes.resizableContainer,
336
- handleStyles: (0, _utils1.getHandleStyles)(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
338
+ handleStyles: (0, _utils1.getHandleStyles)(),
337
339
  handleWrapperClass: _Popuptokens.classes.resizableHandleWrapper
338
340
  }, children))));
339
341
  if (typeof frame !== 'string' && frame && frame.current && _utils.canUseDOM) {
package/emotion/cjs/components/Popup/utils/getHandleStyles.js CHANGED
@@ -1,3 +1,4 @@
1
+ // Объект стилей для handler'а, в котором находится иконка ресайза.
1
2
  "use strict";
2
3
  Object.defineProperty(exports, "__esModule", {
3
4
  value: true
@@ -8,54 +9,60 @@ Object.defineProperty(exports, "getHandleStyles", {
8
9
  return getHandleStyles;
9
10
  }
10
11
  });
11
- var getBaseDimension = function(iconSize) {
12
- switch(iconSize){
13
- case 'xs':
14
- {
15
- return 16;
16
- }
17
- case 's':
18
- {
19
- return 24;
20
- }
21
- case 'm':
22
- {
23
- return 36;
24
- }
25
- default:
26
- {
27
- return 16;
28
- }
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;
29
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'
30
44
  };
31
45
  var getHandleStyles = function() {
32
- var iconSize = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 's';
33
- var size = getBaseDimension(iconSize);
34
- var offset = size / 2;
35
46
  return {
36
- topRight: {
37
- width: "".concat(size, "px"),
38
- height: "".concat(size, "px"),
39
- top: "-".concat(offset, "px"),
40
- right: "-".concat(offset, "px")
41
- },
42
- bottomRight: {
43
- width: "".concat(size, "px"),
44
- height: "".concat(size, "px"),
45
- right: "-".concat(offset, "px"),
46
- bottom: "-".concat(offset, "px")
47
- },
48
- bottomLeft: {
49
- width: "".concat(size, "px"),
50
- height: "".concat(size, "px"),
51
- bottom: "-".concat(offset, "px"),
52
- left: "-".concat(offset, "px")
53
- },
54
- topLeft: {
55
- width: "".concat(size, "px"),
56
- height: "".concat(size, "px"),
57
- top: "-".concat(offset, "px"),
58
- left: "-".concat(offset, "px")
59
- }
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)
60
67
  };
61
68
  };
package/emotion/es/components/Popup/Popup.js CHANGED
@@ -190,7 +190,7 @@ export var handlePosition = function(placement, offset) {
190
190
  "draggable",
191
191
  "resizable"
192
192
  ]);
193
- var _resizable_hiddenIcons, _resizable_hiddenIcons1, _resizable_hiddenIcons2, _resizable_hiddenIcons3;
193
+ var _resizable_hiddenIcons, _resizable_icons, _resizable_hiddenIcons1, _resizable_icons1, _resizable_hiddenIcons2, _resizable_icons2, _resizable_hiddenIcons3, _resizable_icons3;
194
194
  var innerIsOpen = isOpen || opened;
195
195
  var resizable = typeof outerResizable === 'boolean' ? {
196
196
  disabled: !outerResizable
@@ -211,6 +211,16 @@ export var handlePosition = function(placement, offset) {
211
211
  return null;
212
212
  }
213
213
  var cls = cx(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? classes.endTransition : '');
214
+ var handleResizeStart = function() {
215
+ if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
216
+ resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
217
+ }
218
+ };
219
+ var handleResizeStop = function() {
220
+ if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
221
+ resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
222
+ }
223
+ };
214
224
  var rootNode = /*#__PURE__*/ React.createElement(Root, {
215
225
  className: cls
216
226
  }, overlay, /*#__PURE__*/ React.createElement(PopupRoot, _object_spread({
@@ -235,40 +245,32 @@ export var handlePosition = function(placement, offset) {
235
245
  minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
236
246
  maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
237
247
  maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
238
- onResizeStart: function() {
239
- if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
240
- resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
241
- }
242
- },
243
- onResizeStop: function() {
244
- if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
245
- resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
246
- }
247
- },
248
+ onResizeStart: handleResizeStart,
249
+ onResizeStop: handleResizeStop,
248
250
  handleComponent: {
249
- topRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons = resizable.hiddenIcons) === null || _resizable_hiddenIcons === void 0 ? void 0 : _resizable_hiddenIcons.includes('top-right')) ? undefined : /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
251
+ topRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons = resizable.hiddenIcons) === null || _resizable_hiddenIcons === void 0 ? void 0 : _resizable_hiddenIcons.includes('top-right')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons = resizable.icons) === null || _resizable_icons === void 0 ? void 0 : _resizable_icons.topRight) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
250
252
  className: classes.resizableTopRightIcon,
251
253
  color: "inherit",
252
254
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
253
- }),
254
- bottomRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons1 = resizable.hiddenIcons) === null || _resizable_hiddenIcons1 === void 0 ? void 0 : _resizable_hiddenIcons1.includes('bottom-right')) ? undefined : /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
255
+ })),
256
+ bottomRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons1 = resizable.hiddenIcons) === null || _resizable_hiddenIcons1 === void 0 ? void 0 : _resizable_hiddenIcons1.includes('bottom-right')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons1 = resizable.icons) === null || _resizable_icons1 === void 0 ? void 0 : _resizable_icons1.bottomRight) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
255
257
  className: classes.resizableBottomRightIcon,
256
258
  color: "inherit",
257
259
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
258
- }),
259
- bottomLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons2 = resizable.hiddenIcons) === null || _resizable_hiddenIcons2 === void 0 ? void 0 : _resizable_hiddenIcons2.includes('bottom-left')) ? undefined : /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
260
+ })),
261
+ bottomLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons2 = resizable.hiddenIcons) === null || _resizable_hiddenIcons2 === void 0 ? void 0 : _resizable_hiddenIcons2.includes('bottom-left')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons2 = resizable.icons) === null || _resizable_icons2 === void 0 ? void 0 : _resizable_icons2.bottomLeft) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
260
262
  className: classes.resizableBottomLeftIcon,
261
263
  color: "inherit",
262
264
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
263
- }),
264
- topLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons3 = resizable.hiddenIcons) === null || _resizable_hiddenIcons3 === void 0 ? void 0 : _resizable_hiddenIcons3.includes('top-left')) ? undefined : /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
265
+ })),
266
+ topLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons3 = resizable.hiddenIcons) === null || _resizable_hiddenIcons3 === void 0 ? void 0 : _resizable_hiddenIcons3.includes('top-left')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons3 = resizable.icons) === null || _resizable_icons3 === void 0 ? void 0 : _resizable_icons3.topLeft) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
265
267
  className: classes.resizableTopLeftIcon,
266
268
  color: "inherit",
267
269
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
268
- })
270
+ }))
269
271
  },
270
272
  className: classes.resizableContainer,
271
- handleStyles: getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
273
+ handleStyles: getHandleStyles(),
272
274
  handleWrapperClass: classes.resizableHandleWrapper
273
275
  }, children))));
274
276
  if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {