armtek-uikit-react 1.0.146 → 1.0.148

package/assets/fonts.scss

@@ -4,14 +4,14 @@
   font-family: 'Material Symbols Outlined';
   font-style: normal;
   font-weight: 400;
-  font-display: swap;
+  font-display: block;
   src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v133/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
 }
 
 @font-face {
   font-family: 'Material Symbols Outlined';
   font-style: normal;
-  font-display: swap;
+  font-display: block;
   font-weight: 700;
   src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v134/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-ej.woff2) format('woff2');
 }

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.146","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"build":"^0.1.4","clsx":"^2.0.0","rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.148","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"build":"^0.1.4","clsx":"^2.0.0","rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/Form/Select/SelectOptionsContainer.js

@@ -1,4 +1,4 @@
-import clsx from 'clsx/clsx';
+import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const SelectOptionsContainer = /*#__PURE__*/forwardRef(({

package/ui/Form/TextArea/TextArea.d.ts

@@ -1,4 +1,21 @@
 import { TextFieldProps } from '../TextField/TextField';
 export type TextAreaProps = {} & TextFieldProps;
-declare const TextArea: (props: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextArea: import("react").ForwardRefExoticComponent<{
+    label?: string | undefined;
+    size?: "large" | "small" | undefined;
+    variant?: import("../../../types/theme").VariantType | undefined;
+    error?: boolean | undefined;
+    success?: boolean | undefined;
+    helperText?: import("react").ReactNode;
+    endAdornment?: import("react").ReactNode;
+    multiline?: boolean | undefined;
+    focused?: boolean | undefined;
+    editable?: boolean | undefined;
+    classes?: Partial<{
+        input: string;
+        root: string;
+        wrapper: string;
+    }> | undefined;
+    WrapperProps?: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> | undefined;
+} & Omit<import("react").InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;

package/ui/Form/TextArea/TextArea.js

@@ -1,11 +1,11 @@
 "use client";
 
 import TextField from "../TextField/TextField";
-import { useEffect, useRef, useState } from 'react';
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-const TextArea = props => {
+const TextArea = /*#__PURE__*/forwardRef((props, ref) => {
   var _textareaRef$current, _textareaRef$current2;
   let {
     onChange,
@@ -15,6 +15,9 @@ const TextArea = props => {
   let [value, setValue] = useState('');
   let [minHeight, setMinHeight] = useState(0);
   let textareaRef = useRef();
+  useImperativeHandle(ref, () => {
+    return textareaRef.current;
+  }, []);
   const handleChange = e => {
     setValue(e.target.value);
     if (onChange) onChange(e);
@@ -40,5 +43,5 @@ const TextArea = props => {
       }
     })
   });
-};
+});
 export default TextArea;

package/ui/List/ListItem.d.ts

@@ -1,6 +1,6 @@
-import { ButtonHTMLAttributes, ComponentPropsWithoutRef, ElementType, HTMLAttributes, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
 import { ThemeType } from '../../types/theme';
-export type OwnProps<T extends ElementType = ElementType> = {
+export type OwnProps<T extends ElementType = 'button'> = {
     active?: boolean;
     checked?: boolean;
     divider?: boolean;
@@ -8,7 +8,7 @@ export type OwnProps<T extends ElementType = ElementType> = {
     startAdornment?: string | ReactNode;
     theme?: ThemeType;
     as?: T;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-export type ListItemProps<T extends ElementType = ElementType<HTMLAttributes<HTMLButtonElement>>> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps>;
-declare function ListItem<T extends ElementType>(props: ListItemProps<T>): import("react/jsx-runtime").JSX.Element;
+};
+export type ListItemProps<T extends ElementType = 'button'> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
+declare function ListItem<T extends ElementType = 'button'>(props: ListItemProps<T>): import("react/jsx-runtime").JSX.Element;
 export default ListItem;