armtek-uikit-react 1.0.260 → 1.0.262

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.260","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"@popperjs/core":"^2.11.8","clsx":"^2.0.0","date-fns":"^4.1.0","rc-slider":"^10.2.1","react":"<=18.2.0","react-datepicker":"^8.3.0","react-dom":"<=18.2.0","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"<=18.2.0","react-dom":"<=18.2.0"},"engines":{"node":">=14.0.0"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.262","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"@popperjs/core":"^2.11.8","clsx":"^2.0.0","date-fns":"^4.1.0","rc-slider":"^10.2.1","react":"<=18.2.0","react-datepicker":"^8.3.0","react-dom":"<=18.2.0","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"<=18.2.0","react-dom":"<=18.2.0"},"engines":{"node":">=14.0.0"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/Popper/Popper.d.ts

@@ -1,4 +1,4 @@
 import { PopperBaseProps } from './PopperBase';
 export type PopperProps = {} & PopperBaseProps;
-export declare const Popper: (props: PopperProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Popper: (props: PopperBaseProps & import("react").RefAttributes<HTMLDivElement>) => JSX.Element;
 export default Popper;

package/ui/Popper/Popper.js

@@ -4,17 +4,18 @@ exports.__esModule = true;
 exports.default = exports.Popper = void 0;
 var _reactDom = require("react-dom");
 var _PopperBase = require("./PopperBase");
+var _helpers = require("../../lib/helpers");
 var _jsxRuntime = require("react/jsx-runtime");
 //TODO TESTS
 
-const Popper = props => {
+const Popper = exports.Popper = (0, _helpers.fixedForwardRef)((props, ref) => {
   if (!props.open) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
+      ref: ref,
       ...props,
       children: props.children
     }), document.body)
   });
-};
-exports.Popper = Popper;
+});
 var _default = exports.default = Popper;

package/ui/Popper/PopperBase.d.ts

@@ -10,5 +10,5 @@ export type PopperBaseProps = {
     className?: string;
     placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
 };
-export declare const PopperBase: (props: PopperBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopperBase: (props: PopperBaseProps & import("react").RefAttributes<HTMLDivElement>) => JSX.Element;
 export default PopperBase;

package/ui/Popper/PopperBase.js

@@ -7,17 +7,19 @@ exports.default = exports.PopperBase = void 0;
 var _react = require("react");
 var _core = require("@popperjs/core");
 var _clsx = _interopRequireDefault(require("clsx"));
+var _helpers = require("../../lib/helpers");
 var _jsxRuntime = require("react/jsx-runtime");
-const PopperBase = props => {
+const PopperBase = exports.PopperBase = (0, _helpers.fixedForwardRef)((props, ref) => {
   const {
     anchorEl,
     children,
-    placement,
+    placement = 'top',
     className,
     anchorPosition,
     open
   } = props;
   const tooltipRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => tooltipRef.current, []);
   (0, _react.useEffect)(() => {
     let modifiers = [{
       name: 'offset',
@@ -54,6 +56,5 @@ const PopperBase = props => {
       children: children
     })
   });
-};
-exports.PopperBase = PopperBase;
+});
 var _default = exports.default = PopperBase;