@salutejs/plasma-new-hope 0.330.0-canary.1655.16260366082.0 → 0.330.0-canary.1655.16264742580.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 (25) hide show
  1. package/cjs/components/Popup/Popup.js +10 -10
  2. package/cjs/components/Popup/Popup.js.map +1 -1
  3. package/cjs/components/Popup/utils/getHandleStyles.js +26 -46
  4. package/cjs/components/Popup/utils/getHandleStyles.js.map +1 -1
  5. package/emotion/cjs/components/Popup/Popup.js +10 -10
  6. package/emotion/cjs/components/Popup/utils/getHandleStyles.js +51 -45
  7. package/emotion/es/components/Popup/Popup.js +10 -10
  8. package/emotion/es/components/Popup/utils/getHandleStyles.js +51 -45
  9. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  10. package/es/components/Popup/Popup.js +10 -10
  11. package/es/components/Popup/Popup.js.map +1 -1
  12. package/es/components/Popup/utils/getHandleStyles.js +26 -46
  13. package/es/components/Popup/utils/getHandleStyles.js.map +1 -1
  14. package/package.json +2 -2
  15. package/styled-components/cjs/components/Popup/Popup.js +10 -10
  16. package/styled-components/cjs/components/Popup/utils/getHandleStyles.js +51 -45
  17. package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  18. package/styled-components/es/components/Popup/Popup.js +10 -10
  19. package/styled-components/es/components/Popup/utils/getHandleStyles.js +51 -45
  20. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  21. package/types/components/Popup/Popup.d.ts.map +1 -1
  22. package/types/components/Popup/Popup.types.d.ts +17 -7
  23. package/types/components/Popup/Popup.types.d.ts.map +1 -1
  24. package/types/components/Popup/utils/getHandleStyles.d.ts +9 -1
  25. package/types/components/Popup/utils/getHandleStyles.d.ts.map +1 -1
package/es/components/Popup/Popup.js CHANGED
@@ -77,7 +77,7 @@ var handlePosition = function handlePosition(placement, offset) {
77
77
  */
78
78
  var popupRoot = function popupRoot(Root) {
79
79
  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
80
- var _resizable$hiddenIcon, _resizable$hiddenIcon2, _resizable$hiddenIcon3, _resizable$hiddenIcon4;
80
+ var _resizable$hiddenIcon, _resizable$icons, _resizable$hiddenIcon2, _resizable$icons2, _resizable$hiddenIcon3, _resizable$icons3, _resizable$hiddenIcon4, _resizable$icons4;
81
81
  var id = _ref.id,
82
82
  _ref$isOpen = _ref.isOpen,
83
83
  isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
@@ -158,29 +158,29 @@ var popupRoot = function popupRoot(Root) {
158
158
  }
159
159
  },
160
160
  handleComponent: {
161
- 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, {
161
+ 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, {
162
162
  className: classes.resizableTopRightIcon,
163
163
  color: "inherit",
164
164
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
165
- }),
166
- 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, {
165
+ })),
166
+ 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, {
167
167
  className: classes.resizableBottomRightIcon,
168
168
  color: "inherit",
169
169
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
170
- }),
171
- 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, {
170
+ })),
171
+ 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, {
172
172
  className: classes.resizableBottomLeftIcon,
173
173
  color: "inherit",
174
174
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
175
- }),
176
- 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, {
175
+ })),
176
+ 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, {
177
177
  className: classes.resizableTopLeftIcon,
178
178
  color: "inherit",
179
179
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
180
- })
180
+ }))
181
181
  },
182
182
  className: classes.resizableContainer,
183
- handleStyles: getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
183
+ handleStyles: getHandleStyles(),
184
184
  handleWrapperClass: classes.resizableHandleWrapper
185
185
  }, children))));
186
186
  if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {
package/es/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":"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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 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 <>\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","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","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
@@ -1,52 +1,32 @@
1
- var getBaseDimension = function getBaseDimension(iconSize) {
2
- switch (iconSize) {
3
- case 'xs':
4
- {
5
- return 16;
6
- }
7
- case 's':
8
- {
9
- return 24;
10
- }
11
- case 'm':
12
- {
13
- return 36;
14
- }
15
- default:
16
- {
17
- return 16;
18
- }
19
- }
1
+ import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
+
3
+ var base = {
4
+ width: 'auto',
5
+ height: 'auto',
6
+ lineHeight: '0'
20
7
  };
21
8
  var getHandleStyles = function getHandleStyles() {
22
- var iconSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 's';
23
- var size = getBaseDimension(iconSize);
24
- var offset = size / 2;
25
9
  return {
26
- topRight: {
27
- width: "".concat(size, "px"),
28
- height: "".concat(size, "px"),
29
- top: "-".concat(offset, "px"),
30
- right: "-".concat(offset, "px")
31
- },
32
- bottomRight: {
33
- width: "".concat(size, "px"),
34
- height: "".concat(size, "px"),
35
- right: "-".concat(offset, "px"),
36
- bottom: "-".concat(offset, "px")
37
- },
38
- bottomLeft: {
39
- width: "".concat(size, "px"),
40
- height: "".concat(size, "px"),
41
- bottom: "-".concat(offset, "px"),
42
- left: "-".concat(offset, "px")
43
- },
44
- topLeft: {
45
- width: "".concat(size, "px"),
46
- height: "".concat(size, "px"),
47
- top: "-".concat(offset, "px"),
48
- left: "-".concat(offset, "px")
49
- }
10
+ topRight: _objectSpread2({
11
+ top: '0',
12
+ right: '0',
13
+ transform: 'translate(50%, -50%)'
14
+ }, base),
15
+ bottomRight: _objectSpread2({
16
+ right: '0',
17
+ bottom: '0',
18
+ transform: 'translate(50%, 50%)'
19
+ }, base),
20
+ bottomLeft: _objectSpread2({
21
+ bottom: '0',
22
+ left: '0',
23
+ transform: 'translate(-50%, 50%)'
24
+ }, base),
25
+ topLeft: _objectSpread2({
26
+ top: '0',
27
+ left: '0',
28
+ transform: 'translate(-50%, -50%)'
29
+ }, base)
50
30
  };
51
31
  };
52
32
 
package/es/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":["interface ReturnData {\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 = (): ReturnData => ({\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":";;AAmCA,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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.330.0-canary.1655.16260366082.0",
3
+ "version": "0.330.0-canary.1655.16264742580.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -138,5 +138,5 @@
138
138
  "sideEffects": [
139
139
  "*.css"
140
140
  ],
141
- "gitHead": "a238485f90fd213fcffa80384d246610d797933a"
141
+ "gitHead": "526b842f3ab89f844c97bb6500251a6b63a4bbf9"
142
142
  }
package/styled-components/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
@@ -311,29 +311,29 @@ var popupRoot = function(Root) {
311
311
  }
312
312
  },
313
313
  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, {
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(_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
315
  className: _Popuptokens.classes.resizableTopRightIcon,
316
316
  color: "inherit",
317
317
  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, {
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(_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
320
  className: _Popuptokens.classes.resizableBottomRightIcon,
321
321
  color: "inherit",
322
322
  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, {
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(_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
325
  className: _Popuptokens.classes.resizableBottomLeftIcon,
326
326
  color: "inherit",
327
327
  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, {
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(_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
330
  className: _Popuptokens.classes.resizableTopLeftIcon,
331
331
  color: "inherit",
332
332
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
333
- })
333
+ }))
334
334
  },
335
335
  className: _Popuptokens.classes.resizableContainer,
336
- handleStyles: (0, _utils1.getHandleStyles)(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
336
+ handleStyles: (0, _utils1.getHandleStyles)(),
337
337
  handleWrapperClass: _Popuptokens.classes.resizableHandleWrapper
338
338
  }, children))));
339
339
  if (typeof frame !== 'string' && frame && frame.current && _utils.canUseDOM) {
package/styled-components/cjs/components/Popup/utils/getHandleStyles.js CHANGED
@@ -8,54 +8,60 @@ Object.defineProperty(exports, "getHandleStyles", {
8
8
  return getHandleStyles;
9
9
  }
10
10
  });
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
- }
11
+ function _define_property(obj, key, value) {
12
+ if (key in obj) {
13
+ Object.defineProperty(obj, key, {
14
+ value: value,
15
+ enumerable: true,
16
+ configurable: true,
17
+ writable: true
18
+ });
19
+ } else {
20
+ obj[key] = value;
29
21
  }
22
+ return obj;
23
+ }
24
+ function _object_spread(target) {
25
+ for(var i = 1; i < arguments.length; i++){
26
+ var source = arguments[i] != null ? arguments[i] : {};
27
+ var ownKeys = Object.keys(source);
28
+ if (typeof Object.getOwnPropertySymbols === "function") {
29
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
30
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
31
+ }));
32
+ }
33
+ ownKeys.forEach(function(key) {
34
+ _define_property(target, key, source[key]);
35
+ });
36
+ }
37
+ return target;
38
+ }
39
+ var base = {
40
+ width: 'auto',
41
+ height: 'auto',
42
+ lineHeight: '0'
30
43
  };
31
44
  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
45
  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
- }
46
+ topRight: _object_spread({
47
+ top: '0',
48
+ right: '0',
49
+ transform: 'translate(50%, -50%)'
50
+ }, base),
51
+ bottomRight: _object_spread({
52
+ right: '0',
53
+ bottom: '0',
54
+ transform: 'translate(50%, 50%)'
55
+ }, base),
56
+ bottomLeft: _object_spread({
57
+ bottom: '0',
58
+ left: '0',
59
+ transform: 'translate(-50%, 50%)'
60
+ }, base),
61
+ topLeft: _object_spread({
62
+ top: '0',
63
+ left: '0',
64
+ transform: 'translate(-50%, -50%)'
65
+ }, base)
60
66
  };
61
67
  };
package/styled-components/cjs/examples/components/Combobox/Combobox.js CHANGED
@@ -1,16 +1 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Combobox", {
6
- enumerable: true,
7
- get: function() {
8
- return Combobox;
9
- }
10
- });
11
- var _engines = require("../../../engines");
12
- var _ = require("../../../../es");
13
- var _Comboboxconfig = require("./Combobox.config");
14
- var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
15
- var ComboboxComponent = (0, _engines.component)(mergedConfig);
16
- var Combobox = ComboboxComponent;
package/styled-components/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
@@ -246,29 +246,29 @@ export var handlePosition = function(placement, offset) {
246
246
  }
247
247
  },
248
248
  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, {
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(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
250
  className: classes.resizableTopRightIcon,
251
251
  color: "inherit",
252
252
  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, {
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(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
255
  className: classes.resizableBottomRightIcon,
256
256
  color: "inherit",
257
257
  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, {
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(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
260
  className: classes.resizableBottomLeftIcon,
261
261
  color: "inherit",
262
262
  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, {
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(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
265
  className: classes.resizableTopLeftIcon,
266
266
  color: "inherit",
267
267
  size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
268
- })
268
+ }))
269
269
  },
270
270
  className: classes.resizableContainer,
271
- handleStyles: getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize),
271
+ handleStyles: getHandleStyles(),
272
272
  handleWrapperClass: classes.resizableHandleWrapper
273
273
  }, children))));
274
274
  if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {