@finam/web-ui-kit-components 3.31.0 → 3.32.0

package/dist/Popover/ResizeDetector.js

@@ -1,31 +1,31 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { styled } from '@linaria/react';
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { styled } from "@linaria/react";
 const StyledIframe = /*#__PURE__*/styled('iframe')({
   name: "StyledIframe",
   class: "ui_components_s1y8b5s2",
   propsAsIs: false
 });
-const ResizeSensor = ({ onResize }) => {
+const ResizeSensor = ({ onResize })=>{
     const iframeRef = useRef(null);
-    useEffect(() => {
+    useEffect(()=>{
         const iframe = iframeRef.current;
         if (onResize && iframe && iframe.contentWindow) {
             iframe.contentWindow.addEventListener('resize', onResize);
-            return () => {
-                if (iframe.contentWindow) {
-                    iframe.contentWindow.removeEventListener('resize', onResize);
-                }
+            return ()=>{
+                if (iframe.contentWindow) iframe.contentWindow.removeEventListener('resize', onResize);
             };
         }
-        return undefined;
-    }, [onResize]);
-    return (_jsx(StyledIframe, {
+    }, [
+        onResize
+    ]);
+    return /*#__PURE__*/ jsx(StyledIframe, {
       ref: iframeRef,
       tabIndex: -1
-    }));
+    });
 };
-export default ResizeSensor;
+const ResizeDetector = ResizeSensor;
+export default ResizeDetector;
 //# sourceMappingURL=ResizeDetector.js.map
 
 import "./ResizeDetector.css";

package/dist/Popover/ResizeDetector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeDetector.js","sourceRoot":"","sources":["../../src/Popover/ResizeDetector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;CASjC,CAAC;AAMF,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC3C,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,QAAQ,IAAI,MAAM,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;YAC/C,MAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC1D,OAAO,GAAG,EAAE;gBACV,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;oBACzB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBAC/D,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,YAAY,IACX,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Popover/ResizeDetector.js","sources":["../../src/Popover/ResizeDetector.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { styled } from '@linaria/react';\n\nconst StyledIframe = styled.iframe`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  border: none;\n  z-index: -1;\n`;\n\ninterface Props {\n  onResize?: VoidFunction;\n}\n\nconst ResizeSensor = ({ onResize }: Props) => {\n  const iframeRef = useRef<HTMLIFrameElement | null>(null);\n\n  useEffect(() => {\n    const iframe = iframeRef.current;\n    if (onResize && iframe && iframe.contentWindow) {\n      iframe.contentWindow.addEventListener('resize', onResize);\n      return () => {\n        if (iframe.contentWindow) {\n          iframe.contentWindow.removeEventListener('resize', onResize);\n        }\n      };\n    }\n    return undefined;\n  }, [onResize]);\n\n  return (\n    <StyledIframe\n      ref={iframeRef}\n      tabIndex={-1}\n    />\n  );\n};\n\nexport default ResizeSensor;\n"],"names":["StyledIframe","styled","ResizeSensor","onResize","iframeRef","useRef","useEffect","iframe"],"mappings":";;;AAGA,MAAMA,eAAeC,OAAO,MAAM,CAAC;;;;;;;;;AASnC,CAAC;AAMD,MAAMC,eAAe,CAAC,EAAEC,QAAQ,EAAS;IACvC,MAAMC,YAAYC,OAAiC;IAEnDC,UAAU;QACR,MAAMC,SAASH,UAAU,OAAO;QAChC,IAAID,YAAYI,UAAUA,OAAO,aAAa,EAAE;YAC9CA,OAAO,aAAa,CAAC,gBAAgB,CAAC,UAAUJ;YAChD,OAAO;gBACL,IAAII,OAAO,aAAa,EACtBA,OAAO,aAAa,CAAC,mBAAmB,CAAC,UAAUJ;YAEvD;QACF;IAEF,GAAG;QAACA;KAAS;IAEb,OAAO,WAAP,GACE,IAACH,cAAYA;QACX,KAAKI;QACL,UAAU;;AAGhB;AAEA,uBAAeF"}

package/dist/Popover/index.js

@@ -1,3 +1,5 @@
-import Popover from './Popover.js';
-export default Popover;
+import Popover from "./Popover.js";
+const src_Popover = Popover;
+export default src_Popover;
+
 //# sourceMappingURL=index.js.map

package/dist/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAkB,MAAM,cAAc,CAAC;AAI9C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Popover/index.js","sources":["../../src/Popover/index.ts"],"sourcesContent":["import Popover, { Props } from './Popover.js';\n\nexport type { Origin, Position } from './types.js';\nexport type { Props as PopoverProps };\nexport default Popover;\n"],"names":["Popover"],"mappings":";AAIA,oBAAeA"}

package/dist/Popover/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/Popover/utils.js

@@ -1,61 +1,45 @@
-export const getOffsetTop = (rect, vertical) => {
+const getOffsetTop = (rect, vertical)=>{
     let offset = 0;
-    if (typeof vertical === 'number') {
-        offset = vertical;
-    }
-    else if (vertical === 'center') {
-        offset = rect.height / 2;
-    }
-    else if (vertical === 'bottom') {
-        offset = rect.height;
-    }
+    if ('number' == typeof vertical) offset = vertical;
+    else if ('center' === vertical) offset = rect.height / 2;
+    else if ('bottom' === vertical) offset = rect.height;
     return offset;
 };
-export const getOffsetLeft = (rect, horizontal) => {
+const getOffsetLeft = (rect, horizontal)=>{
     let offset = 0;
-    if (typeof horizontal === 'number') {
-        offset = horizontal;
-    }
-    else if (horizontal === 'center') {
-        offset = rect.width / 2;
-    }
-    else if (horizontal === 'right') {
-        offset = rect.width;
-    }
+    if ('number' == typeof horizontal) offset = horizontal;
+    else if ('center' === horizontal) offset = rect.width / 2;
+    else if ('right' === horizontal) offset = rect.width;
     return offset;
 };
-export const getContainerOffsetTop = (container) => {
+const getContainerOffsetTop = (container)=>{
     if (container) {
-        const containerNode = typeof container === 'function' ? container() : container;
-        if (containerNode) {
-            return -containerNode.getBoundingClientRect().top;
-        }
+        const containerNode = 'function' == typeof container ? container() : container;
+        if (containerNode) return -containerNode.getBoundingClientRect().top;
     }
     return window.pageYOffset;
 };
-export const getContainerOffsetLeft = (container) => {
+const getContainerOffsetLeft = (container)=>{
     if (container) {
-        const containerNode = typeof container === 'function' ? container() : container;
-        if (containerNode) {
-            return -containerNode.getBoundingClientRect().left;
-        }
+        const containerNode = 'function' == typeof container ? container() : container;
+        if (containerNode) return -containerNode.getBoundingClientRect().left;
     }
     return window.pageXOffset;
 };
-export const getTransformOriginValue = (transformOrigin) => ([transformOrigin.horizontal, transformOrigin.vertical]
-    .map(n => (typeof n === 'number' ? `${n}px` : n))
-    .join(' '));
-// Sum the scrollTop between two elements.
-export const getScrollParent = (parent, child) => {
+const getTransformOriginValue = (transformOrigin)=>[
+        transformOrigin.horizontal,
+        transformOrigin.vertical
+    ].map((n)=>'number' == typeof n ? `${n}px` : n).join(' ');
+const getScrollParent = (parent, child)=>{
     let element = child;
     let scrollTop = 0;
-    while (element && element !== parent) {
+    while(element && element !== parent){
         element = element.parentNode;
-        if (element && element.scrollTop) {
-            scrollTop += element.scrollTop;
-        }
+        if (element && element.scrollTop) scrollTop += element.scrollTop;
     }
     return scrollTop;
 };
-export const getAnchorEl = (anchorEl) => (typeof anchorEl === 'function' ? anchorEl() : anchorEl);
+const getAnchorEl = (anchorEl)=>'function' == typeof anchorEl ? anchorEl() : anchorEl;
+export { getAnchorEl, getContainerOffsetLeft, getContainerOffsetTop, getOffsetLeft, getOffsetTop, getScrollParent, getTransformOriginValue };
+
 //# sourceMappingURL=utils.js.map

package/dist/Popover/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/Popover/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popover/utils.js","sources":["../../src/Popover/utils.ts"],"sourcesContent":["import { Origin, ElementRect } from './types.js';\n\nexport const getOffsetTop = (rect: ElementRect, vertical: Origin['vertical']) => {\n  let offset = 0;\n\n  if (typeof vertical === 'number') {\n    offset = vertical;\n  } else if (vertical === 'center') {\n    offset = rect.height / 2;\n  } else if (vertical === 'bottom') {\n    offset = rect.height;\n  }\n\n  return offset;\n};\n\nexport const getOffsetLeft = (rect: ElementRect, horizontal: Origin['horizontal']) => {\n  let offset = 0;\n\n  if (typeof horizontal === 'number') {\n    offset = horizontal;\n  } else if (horizontal === 'center') {\n    offset = rect.width / 2;\n  } else if (horizontal === 'right') {\n    offset = rect.width;\n  }\n\n  return offset;\n};\n\nexport const getContainerOffsetTop = (container?: Element | (() => Element)) => {\n  if (container) {\n    const containerNode = typeof container === 'function' ? container() : container;\n    if (containerNode) {\n      return -containerNode.getBoundingClientRect().top;\n    }\n  }\n\n  return window.pageYOffset;\n};\n\nexport const getContainerOffsetLeft = (container?: Element | (() => Element)) => {\n  if (container) {\n    const containerNode = typeof container === 'function' ? container() : container;\n    if (containerNode) {\n      return -containerNode.getBoundingClientRect().left;\n    }\n  }\n\n  return window.pageXOffset;\n};\n\nexport const getTransformOriginValue = (transformOrigin: Origin) => (\n  [transformOrigin.horizontal, transformOrigin.vertical]\n    .map(n => (typeof n === 'number' ? `${n}px` : n))\n    .join(' ')\n);\n\n// Sum the scrollTop between two elements.\nexport const getScrollParent = (parent: Element, child: Element) => {\n  let element: any = child;\n  let scrollTop = 0;\n\n  while (element && element !== parent) {\n    element = element.parentNode;\n    if (element && element.scrollTop) {\n      scrollTop += element.scrollTop;\n    }\n  }\n  return scrollTop;\n};\n\nexport const getAnchorEl = (anchorEl: HTMLElement | (() => HTMLElement)) => (\n  typeof anchorEl === 'function' ? anchorEl() : anchorEl\n);\n"],"names":["getOffsetTop","rect","vertical","offset","getOffsetLeft","horizontal","getContainerOffsetTop","container","containerNode","window","getContainerOffsetLeft","getTransformOriginValue","transformOrigin","n","getScrollParent","parent","child","element","scrollTop","getAnchorEl","anchorEl"],"mappings":"AAEO,MAAMA,eAAe,CAACC,MAAmBC;IAC9C,IAAIC,SAAS;IAEb,IAAI,AAAoB,YAApB,OAAOD,UACTC,SAASD;SACJ,IAAIA,AAAa,aAAbA,UACTC,SAASF,KAAK,MAAM,GAAG;SAClB,IAAIC,AAAa,aAAbA,UACTC,SAASF,KAAK,MAAM;IAGtB,OAAOE;AACT;AAEO,MAAMC,gBAAgB,CAACH,MAAmBI;IAC/C,IAAIF,SAAS;IAEb,IAAI,AAAsB,YAAtB,OAAOE,YACTF,SAASE;SACJ,IAAIA,AAAe,aAAfA,YACTF,SAASF,KAAK,KAAK,GAAG;SACjB,IAAII,AAAe,YAAfA,YACTF,SAASF,KAAK,KAAK;IAGrB,OAAOE;AACT;AAEO,MAAMG,wBAAwB,CAACC;IACpC,IAAIA,WAAW;QACb,MAAMC,gBAAgB,AAAqB,cAArB,OAAOD,YAA2BA,cAAcA;QACtE,IAAIC,eACF,OAAO,CAACA,cAAc,qBAAqB,GAAG,GAAG;IAErD;IAEA,OAAOC,OAAO,WAAW;AAC3B;AAEO,MAAMC,yBAAyB,CAACH;IACrC,IAAIA,WAAW;QACb,MAAMC,gBAAgB,AAAqB,cAArB,OAAOD,YAA2BA,cAAcA;QACtE,IAAIC,eACF,OAAO,CAACA,cAAc,qBAAqB,GAAG,IAAI;IAEtD;IAEA,OAAOC,OAAO,WAAW;AAC3B;AAEO,MAAME,0BAA0B,CAACC,kBACtC;QAACA,gBAAgB,UAAU;QAAEA,gBAAgB,QAAQ;KAAC,CACnD,GAAG,CAACC,CAAAA,IAAM,AAAa,YAAb,OAAOA,IAAiB,GAAGA,EAAE,EAAE,CAAC,GAAGA,GAC7C,IAAI,CAAC;AAIH,MAAMC,kBAAkB,CAACC,QAAiBC;IAC/C,IAAIC,UAAeD;IACnB,IAAIE,YAAY;IAEhB,MAAOD,WAAWA,YAAYF,OAAQ;QACpCE,UAAUA,QAAQ,UAAU;QAC5B,IAAIA,WAAWA,QAAQ,SAAS,EAC9BC,aAAaD,QAAQ,SAAS;IAElC;IACA,OAAOC;AACT;AAEO,MAAMC,cAAc,CAACC,WAC1B,AAAoB,cAApB,OAAOA,WAA0BA,aAAaA"}

package/dist/Popper/Popper.js

@@ -1,38 +1,67 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useState, forwardRef, cloneElement, memo } from 'react';
-import { flip, offset, } from '@floating-ui/dom';
-import { useFloating, autoUpdate } from '@floating-ui/react';
-import Modal from '../Modal/index.js';
-import { flipPlacement, getAnchorEl, } from './utils.js';
-import { setRef } from '../utils/withForwardedRef.js';
-import PopperContextProvider from './PopperContext.js';
-const Popper = forwardRef((_a, ref) => {
-    var _b;
-    var { anchorEl, placement = 'bottom', children, middleware = [], strategy } = _a, modalProps = __rest(_a, ["anchorEl", "placement", "children", "middleware", "strategy"]);
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { cloneElement, forwardRef, memo, useCallback, useState } from "react";
+import { flip, offset } from "@floating-ui/dom";
+import { autoUpdate, useFloating } from "@floating-ui/react";
+import Modal from "../Modal/index.js";
+import { flipPlacement, getAnchorEl } from "./utils.js";
+import { setRef } from "../utils/withForwardedRef.js";
+import PopperContext from "./PopperContext.js";
+const Popper = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { anchorEl, placement = 'bottom', children, middleware = [], strategy } = _ref1, modalProps = _object_without_properties__(_ref1, [
+        "anchorEl",
+        "placement",
+        "children",
+        "middleware",
+        "strategy"
+    ]), [ref] = _rest;
+    var _children_props_ref;
     const [tooltipElement, setTooltipElement] = useState(null);
     const { floatingStyles, placement: placementResult, context } = useFloating({
         elements: {
             reference: getAnchorEl(anchorEl),
-            floating: tooltipElement,
+            floating: tooltipElement
         },
         placement: flipPlacement(placement),
         strategy,
         middleware: [
             flip(),
             offset(8),
-            ...middleware,
+            ...middleware
         ],
-        whileElementsMounted: autoUpdate,
+        whileElementsMounted: autoUpdate
     });
-    const childrenRef = (_b = children.props.ref) !== null && _b !== void 0 ? _b : children.ref;
-    const handleRef = useCallback((node) => {
-        if (childrenRef) {
-            setRef(childrenRef, node);
-        }
+    const childrenRef = null != (_children_props_ref = children.props.ref) ? _children_props_ref : children.ref;
+    const handleRef = useCallback((node)=>{
+        if (childrenRef) setRef(childrenRef, node);
         setTooltipElement(node);
-    }, [childrenRef]);
-    return (_jsx(PopperContextProvider, { value: context, children: _jsx(Modal, Object.assign({ ref: ref, hideBackdrop: true, BackdropProps: { invisible: true }, absolute: true }, modalProps, { children: cloneElement(children, Object.assign(Object.assign({}, children.props), { style: floatingStyles, 'data-popper-placement': placementResult, ref: handleRef })) })) }));
+    }, [
+        childrenRef
+    ]);
+    return /*#__PURE__*/ jsx(PopperContext, {
+        value: context,
+        children: /*#__PURE__*/ jsx(Modal, _object_spread_props__(_({
+            ref: ref,
+            hideBackdrop: true,
+            BackdropProps: {
+                invisible: true
+            },
+            absolute: true
+        }, modalProps), {
+            children: /*#__PURE__*/ cloneElement(children, _object_spread_props__(_({}, children.props), {
+                style: floatingStyles,
+                'data-popper-placement': placementResult,
+                ref: handleRef
+            }))
+        }))
+    });
 });
-export default memo(Popper);
+const Popper_Popper = /*#__PURE__*/ memo(Popper);
+export default Popper_Popper;
+
 //# sourceMappingURL=Popper.js.map

package/dist/Popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../src/Popper/Popper.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAGL,IAAI,EACJ,MAAM,GACP,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE7D,OAAO,KAAqB,MAAM,mBAAmB,CAAC;AACtD,OAAO,EACL,aAAa,EACb,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,qBAAqB,MAAM,oBAAoB,CAAC;AASvD,MAAM,MAAM,GAAG,UAAU,CAAwB,CAAC,EAOjD,EAAE,GAAG,EAAE,EAAE;;QAPwC,EAChD,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,QAAQ,EACR,UAAU,GAAG,EAAE,EACf,QAAQ,OAET,EADI,UAAU,cANmC,+DAOjD,CADc;IAEb,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAE/E,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QAC1E,QAAQ,EAAE;YACR,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC;YAChC,QAAQ,EAAE,cAAc;SACzB;QACD,SAAS,EAAE,aAAa,CAAC,SAAS,CAAC;QACnC,QAAQ;QACR,UAAU,EAAE;YACV,IAAI,EAAE;YACN,MAAM,CAAC,CAAC,CAAC;YACT,GAAG,UAAU;SACd;QACD,oBAAoB,EAAE,UAAU;KACjC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,MAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,mCAAI,QAAQ,CAAC,GAAG,CAAC;IACvD,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,IAAwB,EAAE,EAAE;QACzD,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAC5B,CAAC;QAED,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,KAAC,qBAAqB,IAAC,KAAK,EAAE,OAAO,YACnC,KAAC,KAAK,kBACJ,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,IAAI,EAClB,aAAa,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAClC,QAAQ,EAAE,IAAI,IACV,UAAU,cAEb,YAAY,CAAC,QAAQ,kCACjB,QAAQ,CAAC,KAAK,KACjB,KAAK,EAAE,cAAc,EACrB,uBAAuB,EAAE,eAAe,EACxC,GAAG,EAAE,SAAS,IACd,IACI,GACc,CACzB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Popper/Popper.js","sources":["../../src/Popper/Popper.tsx"],"sourcesContent":["import { useCallback, useState, forwardRef, cloneElement, memo } from 'react';\nimport {\n  Strategy,\n  Middleware,\n  flip,\n  offset,\n} from '@floating-ui/dom';\nimport { useFloating, autoUpdate } from '@floating-ui/react';\nimport type { Placement } from '../types.js';\nimport Modal, { ModalProps } from '../Modal/index.js';\nimport {\n  flipPlacement,\n  getAnchorEl,\n} from './utils.js';\nimport { setRef } from '../utils/withForwardedRef.js';\nimport PopperContextProvider from './PopperContext.js';\n\nexport interface Props extends ModalProps {\n  anchorEl?: Element | (() => Element) | null;\n  placement?: Placement;\n  middleware?: Middleware[];\n  strategy?: Strategy;\n}\n\nconst Popper = forwardRef<HTMLDivElement, Props>(({\n  anchorEl,\n  placement = 'bottom',\n  children,\n  middleware = [],\n  strategy,\n  ...modalProps\n}, ref) => {\n  const [tooltipElement, setTooltipElement] = useState<HTMLElement | null>(null);\n\n  const { floatingStyles, placement: placementResult, context } = useFloating({\n    elements: {\n      reference: getAnchorEl(anchorEl),\n      floating: tooltipElement,\n    },\n    placement: flipPlacement(placement),\n    strategy,\n    middleware: [\n      flip(),\n      offset(8),\n      ...middleware,\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const childrenRef = children.props.ref ?? children.ref;\n  const handleRef = useCallback((node: HTMLElement | null) => {\n    if (childrenRef) {\n      setRef(childrenRef, node);\n    }\n\n    setTooltipElement(node);\n  }, [childrenRef]);\n\n  return (\n    <PopperContextProvider value={context}>\n      <Modal\n        ref={ref}\n        hideBackdrop={true}\n        BackdropProps={{ invisible: true }}\n        absolute={true}\n        {...modalProps}\n      >\n        {cloneElement(children, {\n          ...children.props,\n          style: floatingStyles,\n          'data-popper-placement': placementResult,\n          ref: handleRef,\n        })}\n      </Modal>\n    </PopperContextProvider>\n  );\n});\n\nexport default memo(Popper);\n"],"names":["Popper","forwardRef","anchorEl","placement","children","middleware","strategy","modalProps","ref","_children_props_ref","tooltipElement","setTooltipElement","useState","floatingStyles","placementResult","context","useFloating","getAnchorEl","flipPlacement","flip","offset","autoUpdate","childrenRef","handleRef","useCallback","node","setRef","PopperContextProvider","Modal","cloneElement","memo"],"mappings":";;;;;;;;;;;AAwBA,MAAMA,SAAS,WAAHA,GAAGC,WAAkC,CAAC,IAAD;;;;iCAAC,EAChDC,QAAQ,EACRC,YAAY,QAAQ,EACpBC,QAAQ,EACRC,aAAa,EAAE,EACfC,QAAQ,EAET,UADIC,aAAAA,6BAAAA,OAAAA;;;;;;SACFC,IAAAA,GAAAA;QAkBmBC;IAjBpB,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGC,SAA6B;IAEzE,MAAM,EAAEC,cAAc,EAAE,WAAWC,eAAe,EAAEC,OAAO,EAAE,GAAGC,YAAY;QAC1E,UAAU;YACR,WAAWC,YAAYf;YACvB,UAAUQ;QACZ;QACA,WAAWQ,cAAcf;QACzBG;QACA,YAAY;YACVa;YACAC,OAAO;eACJf;SACJ;QACD,sBAAsBgB;IACxB;IAEA,MAAMC,cAAc,QAAAb,CAAAA,sBAAAA,SAAS,KAAK,CAAC,GAAG,AAAD,IAAjBA,sBAAsBL,SAAS,GAAG;IACtD,MAAMmB,YAAYC,YAAY,CAACC;QAC7B,IAAIH,aACFI,OAAOJ,aAAaG;QAGtBd,kBAAkBc;IACpB,GAAG;QAACH;KAAY;IAEhB,OAAO,WAAP,GACE,IAACK,eAAqBA;QAAC,OAAOZ;kBAC5B,kBAACa,OAAKA,uBAAAA,EAAAA;YACJ,KAAKpB;YACL,cAAc;YACd,eAAe;gBAAE,WAAW;YAAK;YACjC,UAAU;WACND,aAAAA;sBAEHsB,WAAAA,GAAAA,aAAazB,UAAU,6BACnBA,SAAS,KAAK;gBACjB,OAAOS;gBACP,yBAAyBC;gBACzB,KAAKS;;;;AAKf;AAEA,oCAAeO,KAAK9B"}

package/dist/Popper/PopperContext.js

@@ -1,13 +1,13 @@
-import { createContext, useContext } from 'react';
-const PopperContext = createContext(null);
+import { createContext, useContext } from "react";
+const PopperContext = /*#__PURE__*/ createContext(null);
 const PopperContextProvider = PopperContext.Provider;
-const usePopperContext = () => {
+const usePopperContext = ()=>{
     const context = useContext(PopperContext);
-    if (!context) {
-        throw new Error('[usePopperContext] <Popper /> must be in the React components tree');
-    }
+    if (!context) throw new Error('[usePopperContext] <Popper /> must be in the React components tree');
     return context;
 };
+const Popper_PopperContext = PopperContextProvider;
+export default Popper_PopperContext;
 export { usePopperContext };
-export default PopperContextProvider;
+
 //# sourceMappingURL=PopperContext.js.map

package/dist/Popper/PopperContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopperContext.js","sourceRoot":"","sources":["../../src/Popper/PopperContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,aAAa,GAAG,aAAa,CAAyB,IAAI,CAAC,CAAC;AAElE,MAAM,qBAAqB,GAAG,aAAa,CAAC,QAAQ,CAAC;AAErD,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC;IACxF,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"Popper/PopperContext.js","sources":["../../src/Popper/PopperContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { FloatingContext } from '@floating-ui/react';\n\nconst PopperContext = createContext<FloatingContext | null>(null);\n\nconst PopperContextProvider = PopperContext.Provider;\n\nconst usePopperContext = () => {\n  const context = useContext(PopperContext);\n\n  if (!context) {\n    throw new Error('[usePopperContext] <Popper /> must be in the React components tree');\n  }\n\n  return context;\n};\n\nexport { usePopperContext };\nexport default PopperContextProvider;\n"],"names":["PopperContext","createContext","PopperContextProvider","usePopperContext","context","useContext","Error"],"mappings":";AAGA,MAAMA,gBAAgB,WAAHA,GAAGC,cAAsC;AAE5D,MAAMC,wBAAwBF,cAAc,QAAQ;AAEpD,MAAMG,mBAAmB;IACvB,MAAMC,UAAUC,WAAWL;IAE3B,IAAI,CAACI,SACH,MAAM,IAAIE,MAAM;IAGlB,OAAOF;AACT;AAGA,6BAAeF"}

package/dist/Popper/index.js

@@ -1,4 +1,6 @@
-import Popper from './Popper.js';
-export { usePopperContext } from './PopperContext.js';
-export default Popper;
+import Popper from "./Popper.js";
+const src_Popper = Popper;
+export { usePopperContext } from "./PopperContext.js";
+export default src_Popper;
+
 //# sourceMappingURL=index.js.map

package/dist/Popper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Popper/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAiB,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Popper/index.js","sources":["../../src/Popper/index.ts"],"sourcesContent":["import Popper, { Props } from './Popper.js';\n\nexport { usePopperContext } from './PopperContext.js';\nexport type { Props as PopperProps };\nexport default Popper;\n"],"names":["Popper"],"mappings":";AAIA,mBAAeA"}

package/dist/Popper/utils.js

@@ -1,9 +1,7 @@
-export function flipPlacement(placement) {
-    const direction = (typeof window !== 'undefined' && document.body.getAttribute('dir')) || 'ltr';
-    if (direction !== 'rtl') {
-        return placement;
-    }
-    switch (placement) {
+function flipPlacement(placement) {
+    const direction = "u" > typeof window && document.body.getAttribute('dir') || 'ltr';
+    if ('rtl' !== direction) return placement;
+    switch(placement){
         case 'bottom-end':
             return 'bottom-start';
         case 'bottom-start':
@@ -16,5 +14,7 @@ export function flipPlacement(placement) {
             return placement;
     }
 }
-export const getAnchorEl = (anchorEl) => (typeof anchorEl === 'function' ? anchorEl() : anchorEl);
+const getAnchorEl = (anchorEl)=>'function' == typeof anchorEl ? anchorEl() : anchorEl;
+export { flipPlacement, getAnchorEl };
+
 //# sourceMappingURL=utils.js.map

package/dist/Popper/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/Popper/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,aAAa,CAAC,SAAoB;IAChD,MAAM,SAAS,GAAG,CAAC,OAAO,MAAM,KAAK,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC;IAEhG,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;QACxB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,YAAY;YACf,OAAO,cAAc,CAAC;QACxB,KAAK,cAAc;YACjB,OAAO,YAAY,CAAC;QACtB,KAAK,SAAS;YACZ,OAAO,WAAW,CAAC;QACrB,KAAK,WAAW;YACd,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAsD,EAAE,EAAE,CAAC,CACrF,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CACvD,CAAC"}
+{"version":3,"file":"Popper/utils.js","sources":["../../src/Popper/utils.ts"],"sourcesContent":["import type { Placement } from '../types.js';\n\nexport function flipPlacement(placement: Placement): Placement {\n  const direction = (typeof window !== 'undefined' && document.body.getAttribute('dir')) || 'ltr';\n\n  if (direction !== 'rtl') {\n    return placement;\n  }\n\n  switch (placement) {\n    case 'bottom-end':\n      return 'bottom-start';\n    case 'bottom-start':\n      return 'bottom-end';\n    case 'top-end':\n      return 'top-start';\n    case 'top-start':\n      return 'top-end';\n    default:\n      return placement;\n  }\n}\n\nexport const getAnchorEl = (anchorEl: Element | (() => Element) | null | undefined) => (\n  typeof anchorEl === 'function' ? anchorEl() : anchorEl\n);\n"],"names":["flipPlacement","placement","direction","window","document","getAnchorEl","anchorEl"],"mappings":"AAEO,SAASA,cAAcC,SAAoB;IAChD,MAAMC,YAAa,AAAkB,MAAlB,OAAOC,UAA0BC,SAAS,IAAI,CAAC,YAAY,CAAC,UAAW;IAE1F,IAAIF,AAAc,UAAdA,WACF,OAAOD;IAGT,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAOA;IACX;AACF;AAEO,MAAMI,cAAc,CAACC,WAC1B,AAAoB,cAApB,OAAOA,WAA0BA,aAAaA"}

package/dist/PopperDropDown/PopperDropDown.js

@@ -1,36 +1,99 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, memo, useMemo, useRef } from 'react';
-import classnames from 'clsx';
-import { customScroll } from '@finam/web-ui-kit-core/styles/scroll';
-import { transitionGrowParent, transitionGrow, } from '@finam/web-ui-kit-core/styles/transition';
-import { PopperStyled, Root, PaperStyled } from './PopperDropDown.styles.js';
-import ClickAwayListener from '../ClickAwayListener/index.js';
-const PopperDropDown = (_a) => {
-    var { active = false, hideBackdrop = true, onPaperClickStart, onPaperClickEnd, onClose, className, placement: placementProp = 'bottom-start', anchorEl, TransitionProps, paperClassName: paperClassNameProp, paperRef, minWidth, children } = _a, props = __rest(_a, ["active", "hideBackdrop", "onPaperClickStart", "onPaperClickEnd", "onClose", "className", "placement", "anchorEl", "TransitionProps", "paperClassName", "paperRef", "minWidth", "children"]);
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { memo, useCallback, useMemo, useRef } from "react";
+import clsx from "clsx";
+import { customScroll } from "@finam/web-ui-kit-core/styles/scroll";
+import { transitionGrow, transitionGrowParent } from "@finam/web-ui-kit-core/styles/transition";
+import { PaperStyled, PopperStyled, Root } from "./PopperDropDown.styles.js";
+import ClickAwayListener from "../ClickAwayListener/index.js";
+const PopperDropDown = (_0)=>{
+    let { active = false, hideBackdrop = true, onPaperClickStart, onPaperClickEnd, onClose, className, placement: placementProp = 'bottom-start', anchorEl, TransitionProps, paperClassName: paperClassNameProp, paperRef, minWidth, children } = _0, props = _object_without_properties__(_0, [
+        "active",
+        "hideBackdrop",
+        "onPaperClickStart",
+        "onPaperClickEnd",
+        "onClose",
+        "className",
+        "placement",
+        "anchorEl",
+        "TransitionProps",
+        "paperClassName",
+        "paperRef",
+        "minWidth",
+        "children"
+    ]);
     const rootRef = useRef(null);
-    const modalTransitionProps = useMemo(() => (Object.assign({ timeout: 300, classNames: transitionGrowParent, nodeRef: rootRef }, TransitionProps)), [TransitionProps, rootRef]);
-    const handlePaperClickStart = useCallback(() => {
+    const modalTransitionProps = useMemo(()=>_({
+            timeout: 300,
+            classNames: transitionGrowParent,
+            nodeRef: rootRef
+        }, TransitionProps), [
+        TransitionProps,
+        rootRef
+    ]);
+    const handlePaperClickStart = useCallback(()=>{
         onPaperClickStart && onPaperClickStart();
-        const handlePaperClickEnd = () => {
+        const handlePaperClickEnd = ()=>{
             onPaperClickEnd && onPaperClickEnd();
             document.removeEventListener('mouseup', handlePaperClickEnd);
             document.removeEventListener('touchend', handlePaperClickEnd);
         };
         document.addEventListener('mouseup', handlePaperClickEnd);
         document.addEventListener('touchend', handlePaperClickEnd);
-    }, [onPaperClickStart, onPaperClickEnd]);
-    const handleClickAway = useCallback(() => {
-        if (onClose && active) {
-            onClose();
-        }
-    }, [onClose, active]);
-    const paperClassName = classnames(customScroll({ size: 'small' }), transitionGrow({ inner: true }), paperClassNameProp);
-    return (_jsx(PopperStyled, Object.assign({ placement: placementProp, anchorEl: anchorEl, TransitionProps: modalTransitionProps, onClose: onClose, hideBackdrop: hideBackdrop, className: classnames(className, { withBackdrop: !hideBackdrop }), style: props.strategy === 'fixed' ? {
-            position: 'fixed',
-        } : undefined }, props, { children: _jsx(Root, { className: "ui-popper-dropdown__root", ref: rootRef, children: _jsx(ClickAwayListener, { onClickAway: handleClickAway, children: _jsx(PaperStyled, { shadow: "menuPopover", background: "elevated", tabIndex: -1, role: "document", onMouseDown: handlePaperClickStart, onTouchStart: handlePaperClickStart, className: paperClassName, ref: paperRef, style: minWidth != null ? {
-                        minWidth,
-                    } : undefined, children: children }) }) }) })));
+    }, [
+        onPaperClickStart,
+        onPaperClickEnd
+    ]);
+    const handleClickAway = useCallback(()=>{
+        if (onClose && active) onClose();
+    }, [
+        onClose,
+        active
+    ]);
+    const paperClassName = clsx(customScroll({
+        size: 'small'
+    }), transitionGrow({
+        inner: true
+    }), paperClassNameProp);
+    return /*#__PURE__*/ jsx(PopperStyled, _object_spread_props__(_({
+        placement: placementProp,
+        anchorEl: anchorEl,
+        TransitionProps: modalTransitionProps,
+        onClose: onClose,
+        hideBackdrop: hideBackdrop,
+        className: clsx(className, {
+            withBackdrop: !hideBackdrop
+        }),
+        style: 'fixed' === props.strategy ? {
+            position: 'fixed'
+        } : void 0
+    }, props), {
+        children: /*#__PURE__*/ jsx(Root, {
+            className: "ui-popper-dropdown__root",
+            ref: rootRef,
+            children: /*#__PURE__*/ jsx(ClickAwayListener, {
+                onClickAway: handleClickAway,
+                children: /*#__PURE__*/ jsx(PaperStyled, {
+                    shadow: "menuPopover",
+                    background: "elevated",
+                    tabIndex: -1,
+                    role: "document",
+                    onMouseDown: handlePaperClickStart,
+                    onTouchStart: handlePaperClickStart,
+                    className: paperClassName,
+                    ref: paperRef,
+                    style: null != minWidth ? {
+                        minWidth
+                    } : void 0,
+                    children: children
+                })
+            })
+        })
+    }));
 };
-export default memo(PopperDropDown);
+const PopperDropDown_PopperDropDown = /*#__PURE__*/ memo(PopperDropDown);
+export default PopperDropDown_PopperDropDown;
+
 //# sourceMappingURL=PopperDropDown.js.map

package/dist/PopperDropDown/PopperDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopperDropDown.js","sourceRoot":"","sources":["../../src/PopperDropDown/PopperDropDown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PopperDropDown/PopperDropDown.js","sources":["../../src/PopperDropDown/PopperDropDown.tsx"],"sourcesContent":["import { RefObject, useCallback, memo, useMemo, useRef } from 'react';\nimport classnames from 'clsx';\nimport { customScroll } from '@finam/web-ui-kit-core/styles/scroll';\nimport {\n  transitionGrowParent,\n  transitionGrow,\n} from '@finam/web-ui-kit-core/styles/transition';\nimport type { PopperProps } from '../Popper/index.js';\nimport { PopperStyled, Root, PaperStyled } from './PopperDropDown.styles.js';\nimport ClickAwayListener from '../ClickAwayListener/index.js';\n\nexport interface Props extends PopperProps {\n  active?: boolean;\n  onPaperClickStart?(): void;\n  onPaperClickEnd?(): void;\n  paperClassName?: string;\n  paperRef?: RefObject<HTMLDivElement | null>;\n  minWidth?: number | string;\n}\n\nconst PopperDropDown = ({\n  active = false,\n  hideBackdrop = true,\n  onPaperClickStart,\n  onPaperClickEnd,\n  onClose,\n  className,\n  placement: placementProp = 'bottom-start',\n  anchorEl,\n  TransitionProps,\n  paperClassName: paperClassNameProp,\n  paperRef,\n  minWidth,\n  children,\n  ...props\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n\n  const modalTransitionProps = useMemo(() => ({\n    timeout: 300,\n    classNames: transitionGrowParent,\n    nodeRef: rootRef,\n    ...TransitionProps,\n  }), [TransitionProps, rootRef]);\n\n  const handlePaperClickStart = useCallback(() => {\n    onPaperClickStart && onPaperClickStart();\n\n    const handlePaperClickEnd = () => {\n      onPaperClickEnd && onPaperClickEnd();\n      document.removeEventListener('mouseup', handlePaperClickEnd);\n      document.removeEventListener('touchend', handlePaperClickEnd);\n    };\n\n    document.addEventListener('mouseup', handlePaperClickEnd);\n    document.addEventListener('touchend', handlePaperClickEnd);\n  }, [onPaperClickStart, onPaperClickEnd]);\n\n  const handleClickAway = useCallback(() => {\n    if (onClose && active) {\n      onClose();\n    }\n  }, [onClose, active]);\n\n  const paperClassName = classnames(\n    customScroll({ size: 'small' }),\n    transitionGrow({ inner: true }),\n    paperClassNameProp,\n  );\n\n  return (\n    <PopperStyled\n      placement={placementProp}\n      anchorEl={anchorEl}\n      TransitionProps={modalTransitionProps}\n      onClose={onClose}\n      hideBackdrop={hideBackdrop}\n      className={classnames(className, { withBackdrop: !hideBackdrop })}\n      style={props.strategy === 'fixed' ? {\n        position: 'fixed',\n      } : undefined}\n      {...props}\n    >\n      <Root className=\"ui-popper-dropdown__root\" ref={rootRef}>\n        <ClickAwayListener onClickAway={handleClickAway}>\n          <PaperStyled\n            shadow=\"menuPopover\"\n            background=\"elevated\"\n            tabIndex={-1}\n            role=\"document\"\n            onMouseDown={handlePaperClickStart}\n            onTouchStart={handlePaperClickStart}\n            className={paperClassName}\n            ref={paperRef}\n            style={minWidth != null ? {\n              minWidth,\n            } : undefined}\n          >\n            {children}\n          </PaperStyled>\n        </ClickAwayListener>\n      </Root>\n    </PopperStyled>\n  );\n};\n\nexport default memo(PopperDropDown);\n"],"names":["PopperDropDown","active","hideBackdrop","onPaperClickStart","onPaperClickEnd","onClose","className","placementProp","anchorEl","TransitionProps","paperClassNameProp","paperRef","minWidth","children","props","rootRef","useRef","modalTransitionProps","useMemo","transitionGrowParent","handlePaperClickStart","useCallback","handlePaperClickEnd","document","handleClickAway","paperClassName","classnames","customScroll","transitionGrow","PopperStyled","undefined","Root","ClickAwayListener","PaperStyled","memo"],"mappings":";;;;;;;;;;AAoBA,MAAMA,iBAAiB,CAAC;QAAA,EACtBC,SAAS,KAAK,EACdC,eAAe,IAAI,EACnBC,iBAAiB,EACjBC,eAAe,EACfC,OAAO,EACPC,SAAS,EACT,WAAWC,gBAAgB,cAAc,EACzCC,QAAQ,EACRC,eAAe,EACf,gBAAgBC,kBAAkB,EAClCC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EAEF,OADHC,QAAAA,6BAAAA,IAAAA;;;;;;;;;;;;;;;IAEH,MAAMC,UAAUC,OAA8B;IAE9C,MAAMC,uBAAuBC,QAAQ,IAAO;YAC1C,SAAS;YACT,YAAYC;YACZ,SAASJ;WACNN,kBACD;QAACA;QAAiBM;KAAQ;IAE9B,MAAMK,wBAAwBC,YAAY;QACxClB,qBAAqBA;QAErB,MAAMmB,sBAAsB;YAC1BlB,mBAAmBA;YACnBmB,SAAS,mBAAmB,CAAC,WAAWD;YACxCC,SAAS,mBAAmB,CAAC,YAAYD;QAC3C;QAEAC,SAAS,gBAAgB,CAAC,WAAWD;QACrCC,SAAS,gBAAgB,CAAC,YAAYD;IACxC,GAAG;QAACnB;QAAmBC;KAAgB;IAEvC,MAAMoB,kBAAkBH,YAAY;QAClC,IAAIhB,WAAWJ,QACbI;IAEJ,GAAG;QAACA;QAASJ;KAAO;IAEpB,MAAMwB,iBAAiBC,KACrBC,aAAa;QAAE,MAAM;IAAQ,IAC7BC,eAAe;QAAE,OAAO;IAAK,IAC7BlB;IAGF,OAAO,WAAP,GACE,IAACmB,cAAYA,uBAAAA,EAAAA;QACX,WAAWtB;QACX,UAAUC;QACV,iBAAiBS;QACjB,SAASZ;QACT,cAAcH;QACd,WAAWwB,KAAWpB,WAAW;YAAE,cAAc,CAACJ;QAAa;QAC/D,OAAOY,AAAmB,YAAnBA,MAAM,QAAQ,GAAe;YAClC,UAAU;QACZ,IAAIgB;OACAhB,QAAAA;kBAEJ,kBAACiB,MAAIA;YAAC,WAAU;YAA2B,KAAKhB;sBAC9C,kBAACiB,mBAAiBA;gBAAC,aAAaR;0BAC9B,kBAACS,aAAWA;oBACV,QAAO;oBACP,YAAW;oBACX,UAAU;oBACV,MAAK;oBACL,aAAab;oBACb,cAAcA;oBACd,WAAWK;oBACX,KAAKd;oBACL,OAAOC,AAAY,QAAZA,WAAmB;wBACxBA;oBACF,IAAIkB;8BAEHjB;;;;;AAMb;AAEA,oDAAeqB,KAAKlC"}

package/dist/PopperDropDown/PopperDropDown.styles.js

@@ -1,23 +1,24 @@
-import { styled } from '@linaria/react';
-import Popper from '../Popper/index.js';
-import Paper from '../Paper/index.js';
+import { styled } from "@linaria/react";
+import Popper from "../Popper/index.js";
+import Paper from "../Paper/index.js";
 const _exp = () => (Popper);
-export const PopperStyled = /*#__PURE__*/styled(_exp())({
+const PopperStyled = /*#__PURE__*/styled(_exp())({
   name: "PopperStyled",
   class: "ui_components_p19kl4m4",
   propsAsIs: true
 });
-export const Root = /*#__PURE__*/styled('div')({
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_r13uncq",
   propsAsIs: false
 });
 const _exp2 = () => (Paper);
-export const PaperStyled = /*#__PURE__*/styled(_exp2())({
+const PaperStyled = /*#__PURE__*/styled(_exp2())({
   name: "PaperStyled",
   class: "ui_components_pqmoehj",
   propsAsIs: true
 });
+export { PaperStyled, PopperStyled, Root };
 //# sourceMappingURL=PopperDropDown.styles.js.map
 
 import "./PopperDropDown.styles.css";

package/dist/PopperDropDown/PopperDropDown.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopperDropDown.styles.js","sourceRoot":"","sources":["../../src/PopperDropDown/PopperDropDown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;CAMzC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;IAWpC,IAAI;;;;IAIJ,IAAI;;;;IAIJ,IAAI;;;;IAIJ,IAAI;;;;IAIJ,IAAI;;;;IAIJ,IAAI;;;;IAIJ,IAAI;;;;IAIJ,IAAI;;;;IAIJ,IAAI;;;;IAIJ,IAAI;;;;IAIJ,IAAI;;;;IAIJ,IAAI;;;;;IAKJ,IAAI;IACJ,IAAI;;;;IAIJ,IAAI;IACJ,IAAI;;;;CAIP,CAAC"}
+{"version":3,"file":"PopperDropDown/PopperDropDown.styles.js","sources":["../../src/PopperDropDown/PopperDropDown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport Popper from '../Popper/index.js';\nimport Paper from '../Paper/index.js';\n\nexport const PopperStyled = styled(Popper)`\n  pointer-events: none;\n\n  &.withBackdrop {\n    pointer-events: auto;\n  }\n`;\n\nexport const Root = styled.div``;\n\nexport const PaperStyled = styled(Paper)`\n  pointer-events: auto;\n  overflow-y: auto;\n  overflow-x: hidden;\n  min-width: 16px;\n  min-height: 16px;\n  max-width: calc(100vw - 32px);\n  max-height: calc(100vh - 32px);\n  outline: none;\n  -webkit-overflow-scrolling: touch;\n\n  ${Root}[data-popper-placement='left'] & {\n    transform-origin: right center;\n  }\n\n  ${Root}[data-popper-placement='left-start'] & {\n    transform-origin: right top;\n  }\n\n  ${Root}[data-popper-placement='left-end'] & {\n    transform-origin: right bottom;\n  }\n\n  ${Root}[data-popper-placement='right'] & {\n    transform-origin: left center;\n  }\n\n  ${Root}[data-popper-placement='right-start'] & {\n    transform-origin: left top;\n  }\n\n  ${Root}[data-popper-placement='right-end'] & {\n    transform-origin: left bottom;\n  }\n\n  ${Root}[data-popper-placement='top'] & {\n    transform-origin: center bottom;\n  }\n\n  ${Root}[data-popper-placement='top-start'] & {\n    transform-origin: left bottom;\n  }\n\n  ${Root}[data-popper-placement='top-end'] & {\n    transform-origin: right bottom;\n  }\n\n  ${Root}[data-popper-placement='bottom'] & {\n    transform-origin: center top;\n  }\n\n  ${Root}[data-popper-placement='bottom-start'] & {\n    transform-origin: left top;\n  }\n\n  ${Root}[data-popper-placement='bottom-end'] & {\n    transform-origin: right top;\n  }\n\n  /* stylelint-disable no-descending-specificity, selector-type-no-unknown */\n  ${Root}[data-popper-placement^='left'] &,\n  ${Root}[data-popper-placement^='right'] & {\n    margin: 0 8px;\n  }\n\n  ${Root}[data-popper-placement^='top'] &,\n  ${Root}[data-popper-placement^='bottom'] & {\n    margin: 8px 0;\n  }\n  /* stylelint-enable no-descending-specificity, selector-type-no-unknown */\n`;\n"],"names":["PopperStyled","styled","Popper","Root","PaperStyled","Paper"],"mappings":";;;AAIO,MAAMA,eAAeC,OAAOC,OAAO,CAAC;;;;;;AAM3C,CAAC;AAEM,MAAMC,OAAOF,OAAO,GAAG,CAAC,CAAC;AAEzB,MAAMG,cAAcH,OAAOI,MAAM,CAAC;;;;;;;;;;;EAWvC,EAAEF,KAAK;;;;EAIP,EAAEA,KAAK;;;;EAIP,EAAEA,KAAK;;;;EAIP,EAAEA,KAAK;;;;EAIP,EAAEA,KAAK;;;;EAIP,EAAEA,KAAK;;;;EAIP,EAAEA,KAAK;;;;EAIP,EAAEA,KAAK;;;;EAIP,EAAEA,KAAK;;;;EAIP,EAAEA,KAAK;;;;EAIP,EAAEA,KAAK;;;;EAIP,EAAEA,KAAK;;;;;EAKP,EAAEA,KAAK;EACP,EAAEA,KAAK;;;;EAIP,EAAEA,KAAK;EACP,EAAEA,KAAK;;;;AAIT,CAAC"}

package/dist/PopperDropDown/index.js

@@ -1,3 +1,5 @@
-import PopperDropDown from './PopperDropDown.js';
-export default PopperDropDown;
+import PopperDropDown from "./PopperDropDown.js";
+const src_PopperDropDown = PopperDropDown;
+export default src_PopperDropDown;
+
 //# sourceMappingURL=index.js.map

package/dist/PopperDropDown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/PopperDropDown/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAyB,MAAM,qBAAqB,CAAC;AAG5D,eAAe,cAAc,CAAC"}
+{"version":3,"file":"PopperDropDown/index.js","sources":["../../src/PopperDropDown/index.ts"],"sourcesContent":["import PopperDropDown, { Props } from './PopperDropDown.js';\n\nexport type { Props as PopperDropDownProps };\nexport default PopperDropDown;\n"],"names":["PopperDropDown"],"mappings":";AAGA,2BAAeA"}