hiver-ui-kit-extended 1.0.0-beta.2 → 1.0.0-beta.5

package/dist/env.prime.d.ts

@@ -5,11 +5,11 @@ import { DataTableProps as DataTableProps_2 } from 'primereact/datatable';
 import { default as default_2 } from 'react';
 import { ElementType } from 'react';
 import { HTMLAttributes } from 'react';
-import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { ReactNode } from 'react';
 
-export declare function Breadcrumb({ items, className, style, ...rest }: BreadcrumbProps): JSX.Element;
+export declare function Breadcrumb({ items, className, style, ...rest }: BreadcrumbProps): JSX_2.Element;
 
 export declare interface BreadcrumbItem {
     label?: string;
@@ -23,7 +23,7 @@ export declare interface BreadcrumbProps extends Omit<BreadCrumbProps, 'model' |
     style?: React.CSSProperties;
 }
 
-export declare function Button(props: ButtonProps): JSX.Element;
+export declare function Button(props: ButtonProps): JSX_2.Element;
 
 export declare interface ButtonProps {
     label?: string;
@@ -40,7 +40,7 @@ export declare interface ButtonProps {
     badge?: string;
 }
 
-export declare function Chip(props: ChipProps): JSX.Element;
+export declare function Chip(props: ChipProps): JSX_2.Element;
 
 export declare interface ChipProps extends Omit<ChipProps_2, 'label'> {
     label?: string | ReactNode;
@@ -59,7 +59,7 @@ declare interface ColumnConfig {
     [key: string]: any;
 }
 
-export declare function DataTable<T extends DataTableValueArray = DataTableValueArray>(props: DataTableProps<T>): JSX.Element;
+export declare function DataTable<T extends DataTableValueArray = DataTableValueArray>(props: DataTableProps<T>): JSX_2.Element;
 
 export declare interface DataTableProps<T extends DataTableValueArray = DataTableValueArray> extends Omit<DataTableProps_2<T>, 'children' | 'rows' | 'onRowClick'> {
     children?: ReactNode;
@@ -74,7 +74,7 @@ export declare interface DataTableProps<T extends DataTableValueArray = DataTabl
 
 declare type DataTableValueArray = Array<Record<string, any>>;
 
-export declare function Dialog(props: DialogProps): JSX.Element;
+export declare function Dialog(props: DialogProps): JSX_2.Element;
 
 export declare interface DialogProps {
     children: ReactNode;
@@ -104,6 +104,8 @@ export declare interface DialogProps {
     style?: React.CSSProperties;
 }
 
+declare type IconType = ReactNode | string;
+
 export declare type SxProps = React.CSSProperties | ((theme: any) => React.CSSProperties);
 
 export declare const Tab: default_2.FC<TabProps>;
@@ -147,7 +149,7 @@ export declare type TabsTextColor = 'primary' | 'secondary' | 'inherit';
 
 export declare type TabsVariant = 'standard' | 'scrollable' | 'fullWidth';
 
-export declare function TextField(props: TextFieldProps): JSX.Element;
+export declare function TextField(props: TextFieldProps): JSX_2.Element;
 
 export declare interface TextFieldProps {
     value?: string;
@@ -166,8 +168,7 @@ export declare interface TextFieldProps {
     label?: string;
     fullWidth?: boolean;
     size?: 'small' | 'medium';
-    icon?: ReactNode;
-    endIcon?: ReactNode;
+    icon?: IconType;
     iconPosition?: 'left' | 'right';
     children?: ReactNode;
 }
@@ -203,7 +204,7 @@ export declare interface ToastRef {
 
 export declare type ToastSeverity = 'success' | 'error' | 'warning' | 'info';
 
-export declare function Typography({ text, variant, tag, noWrap, children, className, ...rest }: TypographyProps): JSX.Element;
+export declare function Typography({ text, variant, tag, noWrap, children, className, ...rest }: TypographyProps): JSX_2.Element;
 
 export declare interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
     text?: string;

package/dist/env.prime.js

@@ -1,3 +1,4 @@
+/* empty css               */
 import { jsx, jsxs } from 'react/jsx-runtime';
 import At, { useMemo, useId, forwardRef, useImperativeHandle } from 'react';
 import { TabView, TabPanel } from 'primereact/tabview';
@@ -3060,7 +3061,10 @@ const Tabs = ({ value, onTabChange, items, className }) => {
       isActive && "omni-tab-header-active"
     ), children: [
       item.icon && /* @__PURE__ */ jsx("span", { className: "omni-tab-icon-wrapper", children: item.icon }),
-      /* @__PURE__ */ jsx("span", { className: "omni-tab-label-wrapper", children: item.label })
+      /* @__PURE__ */ jsx("span", { className: cn(
+        "omni-tab-label-wrapper",
+        isActive ? "omni-tab-label-active" : "omni-tab-label-inactive"
+      ), children: item.label })
     ] });
   };
   return /* @__PURE__ */ jsx(
@@ -3168,6 +3172,12 @@ function Button(props) {
   );
 }
 
+function renderIcon(icon) {
+  if (typeof icon === "string") {
+    return /* @__PURE__ */ jsx("img", { src: icon, alt: "", "aria-hidden": "true" });
+  }
+  return icon;
+}
 function TextField(props) {
   const {
     value,
@@ -3187,7 +3197,6 @@ function TextField(props) {
     fullWidth = true,
     size = "medium",
     icon,
-    endIcon,
     iconPosition = "left"
   } = props;
   const generatedId = useId();
@@ -3219,14 +3228,20 @@ function TextField(props) {
       invalid: error
     }
   );
-  const hasIcons = icon || endIcon;
-  const leftIcon = icon && iconPosition === "left" ? icon : void 0;
-  const rightIcon = endIcon || (icon && iconPosition === "right" ? icon : void 0);
-  const fieldContent = hasIcons ? /* @__PURE__ */ jsxs(IconField, { iconPosition, className: "omni-iconfield", children: [
-    leftIcon && /* @__PURE__ */ jsx(InputIcon, { children: leftIcon }),
-    inputElement,
-    rightIcon && /* @__PURE__ */ jsx(InputIcon, { children: rightIcon })
-  ] }) : inputElement;
+  let fieldContent;
+  if (icon && iconPosition === "left") {
+    fieldContent = /* @__PURE__ */ jsxs(IconField, { iconPosition: "left", className: "omni-iconfield", children: [
+      /* @__PURE__ */ jsx(InputIcon, { children: renderIcon(icon) }),
+      inputElement
+    ] });
+  } else if (icon && iconPosition === "right") {
+    fieldContent = /* @__PURE__ */ jsxs(IconField, { iconPosition: "right", className: "omni-iconfield", children: [
+      inputElement,
+      /* @__PURE__ */ jsx(InputIcon, { children: renderIcon(icon) })
+    ] });
+  } else {
+    fieldContent = inputElement;
+  }
   return /* @__PURE__ */ jsxs("div", { className: cn("omni-textfield", { "w-full": fullWidth }), children: [
     label && /* @__PURE__ */ jsx(
       "label",