@salutejs/plasma-new-hope 0.264.1-canary.1775.13296417008.0 → 0.264.1-dev.0

package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx

@@ -5,30 +5,8 @@ import type { StoryObj, Meta } from '@storybook/react';
 
 import { Button } from '../Button/Button';
 import { WithTheme } from '../../../_helpers';
-import { IconDisclosureRight } from '../../../../components/_Icon';
-import { IconButton } from '../IconButton/IconButton';
 
-import { Popover, PopoverPlacement } from './Popover';
-
-const placements: Array<PopoverPlacement> = [
-    'top',
-    'top-start',
-    'top-end',
-
-    'bottom',
-    'bottom-start',
-    'bottom-end',
-
-    'left',
-    'left-start',
-    'left-end',
-
-    'right',
-    'right-start',
-    'right-end',
-
-    'auto',
-];
+import { Popover } from './Popover';
 
 import './style.css';
 
@@ -38,7 +16,7 @@ const meta: Meta<typeof Popover> = {
     component: Popover,
     argTypes: {
         placement: {
-            options: placements,
+            options: ['top', 'bottom', 'right', 'left', 'auto'],
             control: {
                 type: 'select',
             },
@@ -138,56 +116,5 @@ const StoryDefault = (args: StoryPopoverProps) => {
 };
 
 export const Default: StoryObj<StoryPopoverProps> = {
-    args: {
-        placement: 'bottom-start',
-    },
     render: (args) => <StoryDefault {...args} />,
 };
-
-const StoryIcon = (args: StoryPopoverProps) => {
-    const { skidding = 0, distance = 0 } = args;
-
-    const [isOpen, setIsOpen] = useState(false);
-
-    return (
-        <div
-            style={{
-                marginLeft: '250px',
-                marginTop: '250px',
-            }}
-        >
-            <Popover
-                opened={isOpen}
-                onToggle={(is) => setIsOpen(is)}
-                frame="theme-root"
-                usePortal={false}
-                role="presentation"
-                id="popover"
-                target={
-                    <IconButton
-                        size="xs"
-                        view="success"
-                        style={{
-                            width: '1rem',
-                            height: '1rem',
-                        }}
-                    >
-                        <IconDisclosureRight size="xs" />
-                    </IconButton>
-                }
-                offset={[skidding, distance]}
-                {...args}
-                distance={6}
-            >
-                <StyledContent>
-                    <>Content</>
-                    <Button onClick={() => setIsOpen(false)}>Close</Button>
-                </StyledContent>
-            </Popover>
-        </div>
-    );
-};
-
-export const Icon: StoryObj<StoryPopoverProps> = {
-    render: (args) => <StoryIcon {...args} />,
-};

package/types/components/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AAIpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKtE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JA6RpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA/RQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CA4SxE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AAIpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JAgRpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAlRQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CA+RxE,CAAC"}

package/cjs/components/Popover/hooks/usePopoverOffset.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-
-var allowedPlacements = ['top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'];
-var usePopoverOffset = function usePopoverOffset(_ref) {
-  var handleRef = _ref.handleRef,
-    placement = _ref.placement,
-    offsetOuter = _ref.offsetOuter;
-  var _useState = React.useState(offsetOuter),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    offset = _useState2[0],
-    setOffset = _useState2[1];
-  React.useEffect(function () {
-    var refElement = handleRef.current;
-    if (!refElement || !allowedPlacements.includes(placement)) {
-      setOffset(offsetOuter);
-      return;
-    }
-    var _refElement$getBoundi = refElement.getBoundingClientRect(),
-      width = _refElement$getBoundi.width,
-      height = _refElement$getBoundi.height;
-    var isVertical = (placement === null || placement === void 0 ? void 0 : placement.startsWith('top')) || (placement === null || placement === void 0 ? void 0 : placement.startsWith('bottom'));
-    var isEnd = placement === null || placement === void 0 ? void 0 : placement.endsWith('end');
-    var isStart = placement === null || placement === void 0 ? void 0 : placement.endsWith('start');
-    var offsetX = offsetOuter[0];
-    var offsetY = offsetOuter[1];
-    if (isVertical) {
-      if ((isStart || isEnd) && width < 28) {
-        offsetX = isEnd ? 17 - width / 2 + offsetOuter[0] : -17 + width / 2 - offsetOuter[0];
-      }
-    }
-    if (!isVertical && (isStart || isEnd) && height < 28) {
-      offsetX = isStart ? -19 + height / 2 : 19 - height / 2;
-    }
-    setOffset([offsetX, offsetY]);
-  }, [handleRef, placement, offsetOuter]);
-  return offset;
-};
-
-exports.usePopoverOffset = usePopoverOffset;
-//# sourceMappingURL=usePopoverOffset.js.map

package/cjs/components/Popover/hooks/usePopoverOffset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePopoverOffset.js","sources":["../../../../src/components/Popover/hooks/usePopoverOffset.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype Placement =\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left-start'\n    | 'left-end'\n    | 'right-start'\n    | 'right-end';\n\nconst allowedPlacements: Placement[] = [\n    'top-start',\n    'top-end',\n    'bottom-start',\n    'bottom-end',\n    'left-start',\n    'left-end',\n    'right-start',\n    'right-end',\n];\n\ninterface UsePopoverOffsetOptions {\n    handleRef: React.RefObject<HTMLDivElement>;\n    placement?: string;\n    offsetOuter: [number, number];\n}\n\nexport const usePopoverOffset = ({ handleRef, placement, offsetOuter }: UsePopoverOffsetOptions): [number, number] => {\n    const [offset, setOffset] = useState<[number, number]>(offsetOuter);\n\n    useEffect(() => {\n        const refElement = handleRef.current;\n\n        if (!refElement || !allowedPlacements.includes(placement as Placement)) {\n            setOffset(offsetOuter);\n            return;\n        }\n\n        const { width, height } = refElement.getBoundingClientRect();\n\n        const isVertical = placement?.startsWith('top') || placement?.startsWith('bottom');\n        const isEnd = placement?.endsWith('end');\n        const isStart = placement?.endsWith('start');\n\n        let offsetX = offsetOuter[0];\n        const offsetY = offsetOuter[1];\n\n        if (isVertical) {\n            if ((isStart || isEnd) && width < 28) {\n                offsetX = isEnd ? 17 - width / 2 + offsetOuter[0] : -17 + width / 2 - offsetOuter[0];\n            }\n        }\n\n        if (!isVertical && (isStart || isEnd) && height < 28) {\n            offsetX = isStart ? -19 + height / 2 : 19 - height / 2;\n        }\n\n        setOffset([offsetX, offsetY]);\n    }, [handleRef, placement, offsetOuter]);\n\n    return offset;\n};\n"],"names":["allowedPlacements","usePopoverOffset","_ref","handleRef","placement","offsetOuter","_useState","useState","_useState2","_slicedToArray","offset","setOffset","useEffect","refElement","current","includes","_refElement$getBoundi","getBoundingClientRect","width","height","isVertical","startsWith","isEnd","endsWith","isStart","offsetX","offsetY"],"mappings":"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"}

package/emotion/cjs/components/Popover/hooks/usePopoverOffset.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePopoverOffset = void 0;
-var _react = /*#__PURE__*/require("react");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var allowedPlacements = ['top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'];
-var usePopoverOffset = exports.usePopoverOffset = function usePopoverOffset(_ref) {
-  var handleRef = _ref.handleRef,
-    placement = _ref.placement,
-    offsetOuter = _ref.offsetOuter;
-  var _useState = (0, _react.useState)(offsetOuter),
-    _useState2 = _slicedToArray(_useState, 2),
-    offset = _useState2[0],
-    setOffset = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var refElement = handleRef.current;
-    if (!refElement || !allowedPlacements.includes(placement)) {
-      setOffset(offsetOuter);
-      return;
-    }
-    var _refElement$getBoundi = refElement.getBoundingClientRect(),
-      width = _refElement$getBoundi.width,
-      height = _refElement$getBoundi.height;
-    var isVertical = (placement === null || placement === void 0 ? void 0 : placement.startsWith('top')) || (placement === null || placement === void 0 ? void 0 : placement.startsWith('bottom'));
-    var isEnd = placement === null || placement === void 0 ? void 0 : placement.endsWith('end');
-    var isStart = placement === null || placement === void 0 ? void 0 : placement.endsWith('start');
-    var offsetX = offsetOuter[0];
-    var offsetY = offsetOuter[1];
-    if (isVertical) {
-      if ((isStart || isEnd) && width < 28) {
-        offsetX = isEnd ? 17 - width / 2 + offsetOuter[0] : -17 + width / 2 - offsetOuter[0];
-      }
-    }
-    if (!isVertical && (isStart || isEnd) && height < 28) {
-      offsetX = isStart ? -19 + height / 2 : 19 - height / 2;
-    }
-    setOffset([offsetX, offsetY]);
-  }, [handleRef, placement, offsetOuter]);
-  return offset;
-};

package/emotion/es/components/Popover/hooks/usePopoverOffset.js

@@ -1,42 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useEffect, useState } from 'react';
-var allowedPlacements = ['top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'];
-export var usePopoverOffset = function usePopoverOffset(_ref) {
-  var handleRef = _ref.handleRef,
-    placement = _ref.placement,
-    offsetOuter = _ref.offsetOuter;
-  var _useState = useState(offsetOuter),
-    _useState2 = _slicedToArray(_useState, 2),
-    offset = _useState2[0],
-    setOffset = _useState2[1];
-  useEffect(function () {
-    var refElement = handleRef.current;
-    if (!refElement || !allowedPlacements.includes(placement)) {
-      setOffset(offsetOuter);
-      return;
-    }
-    var _refElement$getBoundi = refElement.getBoundingClientRect(),
-      width = _refElement$getBoundi.width,
-      height = _refElement$getBoundi.height;
-    var isVertical = (placement === null || placement === void 0 ? void 0 : placement.startsWith('top')) || (placement === null || placement === void 0 ? void 0 : placement.startsWith('bottom'));
-    var isEnd = placement === null || placement === void 0 ? void 0 : placement.endsWith('end');
-    var isStart = placement === null || placement === void 0 ? void 0 : placement.endsWith('start');
-    var offsetX = offsetOuter[0];
-    var offsetY = offsetOuter[1];
-    if (isVertical) {
-      if ((isStart || isEnd) && width < 28) {
-        offsetX = isEnd ? 17 - width / 2 + offsetOuter[0] : -17 + width / 2 - offsetOuter[0];
-      }
-    }
-    if (!isVertical && (isStart || isEnd) && height < 28) {
-      offsetX = isStart ? -19 + height / 2 : 19 - height / 2;
-    }
-    setOffset([offsetX, offsetY]);
-  }, [handleRef, placement, offsetOuter]);
-  return offset;
-};

package/es/components/Popover/hooks/usePopoverOffset.js

@@ -1,41 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useState, useEffect } from 'react';
-
-var allowedPlacements = ['top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'];
-var usePopoverOffset = function usePopoverOffset(_ref) {
-  var handleRef = _ref.handleRef,
-    placement = _ref.placement,
-    offsetOuter = _ref.offsetOuter;
-  var _useState = useState(offsetOuter),
-    _useState2 = _slicedToArray(_useState, 2),
-    offset = _useState2[0],
-    setOffset = _useState2[1];
-  useEffect(function () {
-    var refElement = handleRef.current;
-    if (!refElement || !allowedPlacements.includes(placement)) {
-      setOffset(offsetOuter);
-      return;
-    }
-    var _refElement$getBoundi = refElement.getBoundingClientRect(),
-      width = _refElement$getBoundi.width,
-      height = _refElement$getBoundi.height;
-    var isVertical = (placement === null || placement === void 0 ? void 0 : placement.startsWith('top')) || (placement === null || placement === void 0 ? void 0 : placement.startsWith('bottom'));
-    var isEnd = placement === null || placement === void 0 ? void 0 : placement.endsWith('end');
-    var isStart = placement === null || placement === void 0 ? void 0 : placement.endsWith('start');
-    var offsetX = offsetOuter[0];
-    var offsetY = offsetOuter[1];
-    if (isVertical) {
-      if ((isStart || isEnd) && width < 28) {
-        offsetX = isEnd ? 17 - width / 2 + offsetOuter[0] : -17 + width / 2 - offsetOuter[0];
-      }
-    }
-    if (!isVertical && (isStart || isEnd) && height < 28) {
-      offsetX = isStart ? -19 + height / 2 : 19 - height / 2;
-    }
-    setOffset([offsetX, offsetY]);
-  }, [handleRef, placement, offsetOuter]);
-  return offset;
-};
-
-export { usePopoverOffset };
-//# sourceMappingURL=usePopoverOffset.js.map

package/es/components/Popover/hooks/usePopoverOffset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePopoverOffset.js","sources":["../../../../src/components/Popover/hooks/usePopoverOffset.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype Placement =\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left-start'\n    | 'left-end'\n    | 'right-start'\n    | 'right-end';\n\nconst allowedPlacements: Placement[] = [\n    'top-start',\n    'top-end',\n    'bottom-start',\n    'bottom-end',\n    'left-start',\n    'left-end',\n    'right-start',\n    'right-end',\n];\n\ninterface UsePopoverOffsetOptions {\n    handleRef: React.RefObject<HTMLDivElement>;\n    placement?: string;\n    offsetOuter: [number, number];\n}\n\nexport const usePopoverOffset = ({ handleRef, placement, offsetOuter }: UsePopoverOffsetOptions): [number, number] => {\n    const [offset, setOffset] = useState<[number, number]>(offsetOuter);\n\n    useEffect(() => {\n        const refElement = handleRef.current;\n\n        if (!refElement || !allowedPlacements.includes(placement as Placement)) {\n            setOffset(offsetOuter);\n            return;\n        }\n\n        const { width, height } = refElement.getBoundingClientRect();\n\n        const isVertical = placement?.startsWith('top') || placement?.startsWith('bottom');\n        const isEnd = placement?.endsWith('end');\n        const isStart = placement?.endsWith('start');\n\n        let offsetX = offsetOuter[0];\n        const offsetY = offsetOuter[1];\n\n        if (isVertical) {\n            if ((isStart || isEnd) && width < 28) {\n                offsetX = isEnd ? 17 - width / 2 + offsetOuter[0] : -17 + width / 2 - offsetOuter[0];\n            }\n        }\n\n        if (!isVertical && (isStart || isEnd) && height < 28) {\n            offsetX = isStart ? -19 + height / 2 : 19 - height / 2;\n        }\n\n        setOffset([offsetX, offsetY]);\n    }, [handleRef, placement, offsetOuter]);\n\n    return offset;\n};\n"],"names":["allowedPlacements","usePopoverOffset","_ref","handleRef","placement","offsetOuter","_useState","useState","_useState2","_slicedToArray","offset","setOffset","useEffect","refElement","current","includes","_refElement$getBoundi","getBoundingClientRect","width","height","isVertical","startsWith","isEnd","endsWith","isStart","offsetX","offsetY"],"mappings":";;;AAYA,IAAMA,iBAA8B,GAAG,CACnC,WAAW,EACX,SAAS,EACT,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,aAAa,EACb,WAAW,CACd,CAAA;IAQYC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAyF;AAAA,EAAA,IAAnFC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;AAChE,EAAA,IAAAC,SAAA,GAA4BC,QAAQ,CAAmBF,WAAW,CAAC;IAAAG,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5DI,IAAAA,MAAM,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,SAAS,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAExBI,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,UAAU,GAAGV,SAAS,CAACW,OAAO,CAAA;IAEpC,IAAI,CAACD,UAAU,IAAI,CAACb,iBAAiB,CAACe,QAAQ,CAACX,SAAsB,CAAC,EAAE;MACpEO,SAAS,CAACN,WAAW,CAAC,CAAA;AACtB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAAW,qBAAA,GAA0BH,UAAU,CAACI,qBAAqB,EAAE;MAApDC,KAAK,GAAAF,qBAAA,CAALE,KAAK;MAAEC,MAAM,GAAAH,qBAAA,CAANG,MAAM,CAAA;IAErB,IAAMC,UAAU,GAAG,CAAAhB,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEiB,UAAU,CAAC,KAAK,CAAC,MAAIjB,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEiB,UAAU,CAAC,QAAQ,CAAC,CAAA,CAAA;IAClF,IAAMC,KAAK,GAAGlB,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEmB,QAAQ,CAAC,KAAK,CAAC,CAAA;IACxC,IAAMC,OAAO,GAAGpB,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEmB,QAAQ,CAAC,OAAO,CAAC,CAAA;AAE5C,IAAA,IAAIE,OAAO,GAAGpB,WAAW,CAAC,CAAC,CAAC,CAAA;AAC5B,IAAA,IAAMqB,OAAO,GAAGrB,WAAW,CAAC,CAAC,CAAC,CAAA;AAE9B,IAAA,IAAIe,UAAU,EAAE;MACZ,IAAI,CAACI,OAAO,IAAIF,KAAK,KAAKJ,KAAK,GAAG,EAAE,EAAE;QAClCO,OAAO,GAAGH,KAAK,GAAG,EAAE,GAAGJ,KAAK,GAAG,CAAC,GAAGb,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,GAAGa,KAAK,GAAG,CAAC,GAAGb,WAAW,CAAC,CAAC,CAAC,CAAA;AACxF,OAAA;AACJ,KAAA;IAEA,IAAI,CAACe,UAAU,KAAKI,OAAO,IAAIF,KAAK,CAAC,IAAIH,MAAM,GAAG,EAAE,EAAE;AAClDM,MAAAA,OAAO,GAAGD,OAAO,GAAG,CAAC,EAAE,GAAGL,MAAM,GAAG,CAAC,GAAG,EAAE,GAAGA,MAAM,GAAG,CAAC,CAAA;AAC1D,KAAA;AAEAR,IAAAA,SAAS,CAAC,CAACc,OAAO,EAAEC,OAAO,CAAC,CAAC,CAAA;GAChC,EAAE,CAACvB,SAAS,EAAEC,SAAS,EAAEC,WAAW,CAAC,CAAC,CAAA;AAEvC,EAAA,OAAOK,MAAM,CAAA;AACjB;;;;"}

package/styled-components/cjs/components/Popover/hooks/usePopoverOffset.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePopoverOffset = void 0;
-var _react = /*#__PURE__*/require("react");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var allowedPlacements = ['top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'];
-var usePopoverOffset = exports.usePopoverOffset = function usePopoverOffset(_ref) {
-  var handleRef = _ref.handleRef,
-    placement = _ref.placement,
-    offsetOuter = _ref.offsetOuter;
-  var _useState = (0, _react.useState)(offsetOuter),
-    _useState2 = _slicedToArray(_useState, 2),
-    offset = _useState2[0],
-    setOffset = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var refElement = handleRef.current;
-    if (!refElement || !allowedPlacements.includes(placement)) {
-      setOffset(offsetOuter);
-      return;
-    }
-    var _refElement$getBoundi = refElement.getBoundingClientRect(),
-      width = _refElement$getBoundi.width,
-      height = _refElement$getBoundi.height;
-    var isVertical = (placement === null || placement === void 0 ? void 0 : placement.startsWith('top')) || (placement === null || placement === void 0 ? void 0 : placement.startsWith('bottom'));
-    var isEnd = placement === null || placement === void 0 ? void 0 : placement.endsWith('end');
-    var isStart = placement === null || placement === void 0 ? void 0 : placement.endsWith('start');
-    var offsetX = offsetOuter[0];
-    var offsetY = offsetOuter[1];
-    if (isVertical) {
-      if ((isStart || isEnd) && width < 28) {
-        offsetX = isEnd ? 17 - width / 2 + offsetOuter[0] : -17 + width / 2 - offsetOuter[0];
-      }
-    }
-    if (!isVertical && (isStart || isEnd) && height < 28) {
-      offsetX = isStart ? -19 + height / 2 : 19 - height / 2;
-    }
-    setOffset([offsetX, offsetY]);
-  }, [handleRef, placement, offsetOuter]);
-  return offset;
-};

package/styled-components/es/components/Popover/hooks/usePopoverOffset.js

@@ -1,42 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useEffect, useState } from 'react';
-var allowedPlacements = ['top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'];
-export var usePopoverOffset = function usePopoverOffset(_ref) {
-  var handleRef = _ref.handleRef,
-    placement = _ref.placement,
-    offsetOuter = _ref.offsetOuter;
-  var _useState = useState(offsetOuter),
-    _useState2 = _slicedToArray(_useState, 2),
-    offset = _useState2[0],
-    setOffset = _useState2[1];
-  useEffect(function () {
-    var refElement = handleRef.current;
-    if (!refElement || !allowedPlacements.includes(placement)) {
-      setOffset(offsetOuter);
-      return;
-    }
-    var _refElement$getBoundi = refElement.getBoundingClientRect(),
-      width = _refElement$getBoundi.width,
-      height = _refElement$getBoundi.height;
-    var isVertical = (placement === null || placement === void 0 ? void 0 : placement.startsWith('top')) || (placement === null || placement === void 0 ? void 0 : placement.startsWith('bottom'));
-    var isEnd = placement === null || placement === void 0 ? void 0 : placement.endsWith('end');
-    var isStart = placement === null || placement === void 0 ? void 0 : placement.endsWith('start');
-    var offsetX = offsetOuter[0];
-    var offsetY = offsetOuter[1];
-    if (isVertical) {
-      if ((isStart || isEnd) && width < 28) {
-        offsetX = isEnd ? 17 - width / 2 + offsetOuter[0] : -17 + width / 2 - offsetOuter[0];
-      }
-    }
-    if (!isVertical && (isStart || isEnd) && height < 28) {
-      offsetX = isStart ? -19 + height / 2 : 19 - height / 2;
-    }
-    setOffset([offsetX, offsetY]);
-  }, [handleRef, placement, offsetOuter]);
-  return offset;
-};

package/types/components/Popover/hooks/usePopoverOffset.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface UsePopoverOffsetOptions {
-    handleRef: React.RefObject<HTMLDivElement>;
-    placement?: string;
-    offsetOuter: [number, number];
-}
-export declare const usePopoverOffset: ({ handleRef, placement, offsetOuter }: UsePopoverOffsetOptions) => [number, number];
-export {};
-//# sourceMappingURL=usePopoverOffset.d.ts.map

package/types/components/Popover/hooks/usePopoverOffset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePopoverOffset.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/hooks/usePopoverOffset.ts"],"names":[],"mappings":";AAuBA,UAAU,uBAAuB;IAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,0CAA2C,uBAAuB,KAAG,CAAC,MAAM,EAAE,MAAM,CAkChH,CAAC"}