@oliasoft-open-source/react-ui-library 4.4.8 → 4.4.9-beta-1

package/dist/assets/{index-neKlYvgy.js → index-UlXF8M5L.js}

@@ -18318,8 +18318,10 @@ const Button$1 = ({
   warning: warning2,
   testId,
   tooltip: tooltip2,
-  inverted: inverted2 = false
+  inverted: inverted2 = false,
   // *Deprecated*
+  component: Component2 = "button",
+  url
 }) => {
   const disabledContext = reactExports.useContext(DisabledContext);
   const color2 = (() => {
@@ -18353,7 +18355,7 @@ const Button$1 = ({
     return "";
   })();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonTooltipWrapper, { tooltip: tooltip2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "button",
+    Component2,
     {
       type: type2 === ButtonType.SUBMIT ? ButtonType.SUBMIT : ButtonType.BUTTON,
       className: cx$2(
@@ -18377,6 +18379,7 @@ const Button$1 = ({
       ...title2 ? { title: title2 } : {},
       style: { width: width2 },
       "data-testid": testId,
+      to: url,
       children: [
         icon2 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: buttonStyles.icon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: icon2 }) }),
         loading && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: buttonStyles.icon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -26147,10 +26150,12 @@ reactExports.forwardRef(
   ({ items: items2, expanding, invokeEditOnRowClick, provided, draggable }, listRowRefs) => {
     const disabledContext = reactExports.useContext(DisabledContext);
     const listElement = (index2, provided2, item2, indent, hasOnClick, edit2) => {
+      const Component2 = item2.component || "a";
       return /* @__PURE__ */ reactExports.createElement(
-        "a",
+        Component2,
         {
           href: item2.url,
+          to: item2.url,
           ref: provided2 == null ? void 0 : provided2.innerRef,
           ...provided2.draggableProps,
           style: getItemStyle(provided2.draggableProps, item2),
@@ -68323,9 +68328,20 @@ const TextLink = ({
   href = void 0,
   target = void 0,
   testId,
-  onClick
+  onClick,
+  component: Component2 = "a"
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, target, onClick, "data-testid": testId, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { link: true, children }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Component2,
+    {
+      href,
+      to: href,
+      target,
+      onClick,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { link: true, children })
+    }
+  );
 };
 const inputInTable = "_inputInTable_66zck_1";
 const inputHover = "_inputHover_66zck_13";

package/dist/index.d.ts

@@ -41,7 +41,7 @@ export declare enum BreadcrumbLinkType {
     CUSTOM = "custom"
 }
 
-export declare const Button: ({ active, basic, colored, disabled, groupOrder, icon, label, loading, name, pill, round, small, styles, width, title, type, onClick, error, warning, testId, tooltip, inverted, }: IButtonProps) => JSX_2.Element;
+export declare const Button: ({ active, basic, colored, disabled, groupOrder, icon, label, loading, name, pill, round, small, styles, width, title, type, onClick, error, warning, testId, tooltip, inverted, component: Component, url, }: IButtonProps) => JSX_2.Element;
 
 export declare const ButtonGroup: (props: IButtonGroupProps) => JSX_2.Element;
 
@@ -198,6 +198,7 @@ export declare interface IButtonGroupProps {
 }
 
 export declare interface IButtonProps {
+    href?: string;
     active?: boolean;
     basic?: boolean;
     colored?: boolean | string;
@@ -220,6 +221,8 @@ export declare interface IButtonProps {
     testId?: string;
     tooltip?: ReactNode | string;
     inverted?: boolean;
+    component?: React_2.ElementType;
+    url?: string;
 }
 
 export declare interface ICardProps {
@@ -658,6 +661,7 @@ declare interface IListItem {
     id?: TStringOrNumber;
     type?: string;
     metaCount?: number;
+    component?: React.ElementType;
 }
 
 export declare interface IListProps {
@@ -1370,6 +1374,7 @@ export declare interface ITextLinkProps {
     testId?: string;
     onClick?: (e: React_2.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
     children?: React_2.ReactNode;
+    component?: React_2.ElementType;
 }
 
 export declare interface ITextProps {
@@ -1659,7 +1664,7 @@ export { Text_2 as Text }
 
 export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled, onChange, onKeyPress, onFocus, onBlur, tabIndex, error, warning, tooltip, maxTooltipWidth, resize, monospace, testId, }: ITextAreaProps) => JSX_2.Element;
 
-export declare const TextLink: ({ children, href, target, testId, onClick, }: ITextLinkProps) => JSX_2.Element;
+export declare const TextLink: ({ children, href, target, testId, onClick, component: Component, }: ITextLinkProps) => JSX_2.Element;
 
 declare type TFileReaderMethod = TInputReaderMethods | string;
 

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-neKlYvgy.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-AkeNwthw.css"></head><body><div id="content"></div></body>
+<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-UlXF8M5L.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-AkeNwthw.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -4133,8 +4133,10 @@ const Button$1 = ({
   warning: warning2,
   testId,
   tooltip: tooltip2,
-  inverted: inverted2 = false
+  inverted: inverted2 = false,
   // *Deprecated*
+  component: Component2 = "button",
+  url
 }) => {
   const disabledContext = useContext(DisabledContext);
   const color2 = (() => {
@@ -4168,7 +4170,7 @@ const Button$1 = ({
     return "";
   })();
   return /* @__PURE__ */ jsx(ButtonTooltipWrapper, { tooltip: tooltip2, children: /* @__PURE__ */ jsxs(
-    "button",
+    Component2,
     {
       type: type === ButtonType.SUBMIT ? ButtonType.SUBMIT : ButtonType.BUTTON,
       className: cx$2(
@@ -4192,6 +4194,7 @@ const Button$1 = ({
       ...title2 ? { title: title2 } : {},
       style: { width: width2 },
       "data-testid": testId,
+      to: url,
       children: [
         icon2 && /* @__PURE__ */ jsx("span", { className: buttonStyles.icon, children: /* @__PURE__ */ jsx(Icon, { icon: icon2 }) }),
         loading && /* @__PURE__ */ jsx("span", { className: buttonStyles.icon, children: /* @__PURE__ */ jsx(
@@ -18990,10 +18993,12 @@ const ListRow = forwardRef(
   ({ items, expanding, invokeEditOnRowClick, provided, draggable: draggable2 }, listRowRefs) => {
     const disabledContext = useContext(DisabledContext);
     const listElement = (index2, provided2, item2, indent, hasOnClick, edit2) => {
+      const Component2 = item2.component || "a";
       return /* @__PURE__ */ createElement(
-        "a",
+        Component2,
         {
           href: item2.url,
+          to: item2.url,
           ref: provided2 == null ? void 0 : provided2.innerRef,
           ...provided2.draggableProps,
           style: getItemStyle(provided2.draggableProps, item2),
@@ -56728,9 +56733,20 @@ const TextLink = ({
   href = void 0,
   target = void 0,
   testId,
-  onClick
+  onClick,
+  component: Component2 = "a"
 }) => {
-  return /* @__PURE__ */ jsx("a", { href, target, onClick, "data-testid": testId, children: /* @__PURE__ */ jsx(Text, { link: true, children }) });
+  return /* @__PURE__ */ jsx(
+    Component2,
+    {
+      href,
+      to: href,
+      target,
+      onClick,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx(Text, { link: true, children })
+    }
+  );
 };
 const inputInTable = "_inputInTable_66zck_1";
 const inputHover = "_inputHover_66zck_13";