armtek-uikit-react 1.0.262 → 1.0.265

package/ui/Stack/Stack.d.ts

@@ -6,5 +6,5 @@ type OwnProps = {
     center?: boolean;
 };
 export type StackProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
-declare const Stack: (props: StackProps) => import("react/jsx-runtime").JSX.Element;
+declare const Stack: import("react").ForwardRefExoticComponent<OwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof OwnProps> & import("react").RefAttributes<HTMLDivElement>>;
 export default Stack;

package/ui/Stack/Stack.js

@@ -13,7 +13,7 @@ const wrapItem = (item, spacing, index) => {
   }, index))];
   return item.map((item2, index) => wrapItem(item2, spacing, index));
 };
-const Stack = props => {
+const Stack = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     className,
     children,
@@ -35,6 +35,7 @@ const Stack = props => {
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: ref,
       ...divProps,
       className: (0, _clsx.default)('arm-stack', 'flex', className, {
         'flex-wrap': !!wrap,
@@ -44,7 +45,7 @@ const Stack = props => {
       children: childrenProp
     })
   });
-};
+});
 const StackItem = props => {
   const {
     children,

package/ui/Status/Status.d.ts

@@ -1,5 +1,5 @@
 import { ColorStatusType, ColorType, SizeType } from '../../types/theme';
-import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ElementType, ReactElement, ReactNode, RefAttributes } from 'react';
 type OwnProps<T extends ElementType = 'span'> = {
     color?: ColorType | ColorStatusType;
     text?: string;
@@ -8,6 +8,7 @@ type OwnProps<T extends ElementType = 'span'> = {
     size?: SizeType;
     as?: T;
 };
-type StatusProps<T extends ElementType = 'span'> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
-declare function Status<T extends ElementType = 'span'>(props: StatusProps<T>): import("react/jsx-runtime").JSX.Element;
+export type StatusProps<T extends ElementType = 'span'> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
+type StatusComponent = <T extends ElementType = 'span'>(props: StatusProps<T> & RefAttributes<HTMLElement>) => ReactElement | null;
+declare const Status: StatusComponent;
 export default Status;

package/ui/Status/Status.js

@@ -4,8 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
-function Status(props) {
+const Status = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   let {
     color,
     icon,
@@ -19,6 +20,7 @@ function Status(props) {
   const Component = as || 'span';
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
+      ref: ref,
       ...restProps,
       className: (0, _clsx.default)('arm-status', ['arm-status_' + color], className, {
         ['arm-status_size_' + size]: !!size
@@ -32,6 +34,6 @@ function Status(props) {
       })]
     })
   });
-}
+});
 var _default = exports.default = Status;
 module.exports = exports.default;