npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.5.3 → 4.5.4 - Mend

@oliasoft-open-source/react-ui-library 4.5.3 → 4.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (117) hide show

package/dist/404.html CHANGED Viewed

	@@ -1 +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-~~LV8D_yOA~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-~~qXNVhovK~~.css"></head><body><div id="content"></div></body>
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-RERH5Zwo.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-2LJjuVRB.css"></head><body><div id="content"></div></body>

package/dist/assets/{index-qXNVhovK.css → index-2LJjuVRB.css} RENAMED Viewed

@@ -10950,7 +10950,7 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   --color-link-border-hover: var(--color-neutral-600);
   --border-topbar: 1px solid var(--color-border);
 }
-._topbar_gmfjn_11 {
+._topbar_oyr59_11 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
@@ -10960,15 +10960,15 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_gmfjn_11._fixed_gmfjn_21 {
+._topbar_oyr59_11._fixed_oyr59_21 {
   position: fixed;
 }
 @media print {
-  ._topbar_gmfjn_11 {
+  ._topbar_oyr59_11 {
     display: none !important;
   }
 }
-._appSwitcher_gmfjn_29 {
+._appSwitcher_oyr59_29 {
   color: white;
   display: flex;
   align-items: center;
@@ -10980,26 +10980,26 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   font-size: var(--size);
   position: relative;
 }
-._appSwitcher_gmfjn_29:hover {
+._appSwitcher_oyr59_29:hover {
   background-color: var(--color-neutral-750);
 }
-._appSwitcher_gmfjn_29:active {
+._appSwitcher_oyr59_29:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29 {
+[data-theme='dark'] ._appSwitcher_oyr59_29 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29:hover {
+[data-theme='dark'] ._appSwitcher_oyr59_29:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29:active {
+[data-theme='dark'] ._appSwitcher_oyr59_29:active {
   background-color: var(--color-neutral-1000);
 }
-._appSwitcher_gmfjn_29 > * {
+._appSwitcher_oyr59_29 > * {
   position: relative;
   z-index: 1;
 }
-._appSwitcher_gmfjn_29:after {
+._appSwitcher_oyr59_29:after {
   content: '';
   position: absolute;
   inset: 0;
@@ -11008,13 +11008,13 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   transition: opacity 0.2s;
   opacity: 0.75;
 }
-._appSwitcher_gmfjn_29:hover:after {
+._appSwitcher_oyr59_29:hover:after {
   opacity: 0.75;
 }
-._appSwitcher_gmfjn_29:active:after {
+._appSwitcher_oyr59_29:active:after {
   opacity: 0.5;
 }
-._title_gmfjn_75 {
+._title_oyr59_75 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11022,74 +11022,74 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   padding: 0;
   position: relative;
 }
-._title_gmfjn_75 img,
-._title_gmfjn_75 svg {
+._title_oyr59_75 img,
+._title_oyr59_75 svg {
   max-height: var(--size-lg);
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_gmfjn_75 ._logo_gmfjn_91 {
+._title_oyr59_75 ._logo_oyr59_91 {
   display: flex;
 }
-._title_gmfjn_75 ._label_gmfjn_94 {
+._title_oyr59_75 ._label_oyr59_94 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_gmfjn_99 {
+._brand_oyr59_99 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_gmfjn_104 {
+._version_oyr59_104 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_gmfjn_111,
-._right_gmfjn_112 {
+._left_oyr59_111,
+._right_oyr59_112 {
   display: flex;
   min-width: 0;
 }
-._left_gmfjn_111 {
+._left_oyr59_111 {
   gap: var(--padding);
   padding-left: var(--padding);
 }
-._right_gmfjn_112 {
+._right_oyr59_112 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--padding-xs);
   gap: var(--padding-xs);
 }
-._item_gmfjn_126,
-._link_gmfjn_127 {
+._item_oyr59_126,
+._link_oyr59_127 {
   align-items: center;
   display: flex;
 }
-._item_gmfjn_126 {
+._item_oyr59_126 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
-  user-select: none;
   vertical-align: middle;
   min-width: 0;
   max-width: 50vw;
 }
-._item_gmfjn_126._button_gmfjn_139,
-._item_gmfjn_126._menu_gmfjn_140 {
+._item_oyr59_126._button_oyr59_138,
+._item_oyr59_126._menu_oyr59_139 {
   flex-shrink: 0;
 }
-._label_gmfjn_94 {
+._label_oyr59_94 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
+  user-select: none;
 }
-._link_gmfjn_127 {
+._link_oyr59_127 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
@@ -11097,24 +11097,24 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   height: 100%;
   font-size: var(--font-size-lg);
 }
-._link_gmfjn_127 svg {
+._link_oyr59_127 svg {
   margin-right: var(--padding-xxs);
   flex-shrink: 0;
 }
-._link_gmfjn_127:hover {
+._link_oyr59_127:hover {
   color: var(--color-text-primary-hover);
 }
-._link_gmfjn_127:active {
+._link_oyr59_127:active {
   color: var(--color-text-primary-active);
 }
-._link_gmfjn_127._active_gmfjn_168 {
+._link_oyr59_127._active_oyr59_168 {
   color: var(--color-text);
 }
-._link_gmfjn_127:hover,
-._link_gmfjn_127._active_gmfjn_168 {
+._link_oyr59_127:hover,
+._link_oyr59_127._active_oyr59_168 {
   background-color: transparent;
 }
-._link_gmfjn_127:after {
+._link_oyr59_127:after {
   content: '';
   position: absolute;
   left: 0;
@@ -11122,17 +11122,17 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   bottom: 0;
   border-bottom: 1px solid transparent;
 }
-._link_gmfjn_127:hover:after {
+._link_oyr59_127:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_gmfjn_127._active_gmfjn_168:after {
+._link_oyr59_127._active_oyr59_168:after {
   border-color: var(--color-background-primary);
 }
-._link_gmfjn_127[disabled] {
+._link_oyr59_127[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_gmfjn_193 {
+._alert_oyr59_193 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;

package/dist/assets/{index-LV8D_yOA.js → index-RERH5Zwo.js} RENAMED Viewed

@@ -68743,22 +68743,22 @@ const styles$6 = {
   noMargin,
   helpIconEnabled
 };
-const topbar = "_topbar_gmfjn_11";
-const fixed = "_fixed_gmfjn_21";
-const appSwitcher = "_appSwitcher_gmfjn_29";
-const title = "_title_gmfjn_75";
-const logo = "_logo_gmfjn_91";
-const label = "_label_gmfjn_94";
-const brand = "_brand_gmfjn_99";
-const version = "_version_gmfjn_104";
-const left = "_left_gmfjn_111";
-const right = "_right_gmfjn_112";
-const item = "_item_gmfjn_126";
-const link$1 = "_link_gmfjn_127";
-const button = "_button_gmfjn_139";
-const menu = "_menu_gmfjn_140";
-const active = "_active_gmfjn_168";
-const alert = "_alert_gmfjn_193";
+const topbar = "_topbar_oyr59_11";
+const fixed = "_fixed_oyr59_21";
+const appSwitcher = "_appSwitcher_oyr59_29";
+const title = "_title_oyr59_75";
+const logo = "_logo_oyr59_91";
+const label = "_label_oyr59_94";
+const brand = "_brand_oyr59_99";
+const version = "_version_oyr59_104";
+const left = "_left_oyr59_111";
+const right = "_right_oyr59_112";
+const item = "_item_oyr59_126";
+const link$1 = "_link_oyr59_127";
+const button = "_button_oyr59_138";
+const menu = "_menu_oyr59_139";
+const active = "_active_oyr59_168";
+const alert = "_alert_oyr59_193";
 const styles$5 = {
   topbar,
   fixed,

package/dist/index.d.ts CHANGED Viewed

@@ -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;
@@ -220,6 +220,8 @@ export declare interface IButtonProps {
     testId?: string;
     tooltip?: ReactNode | string;
     inverted?: boolean;
+    component?: React_2.ElementType;
+    url?: string;
 }
 export declare interface ICardProps {
@@ -658,6 +660,7 @@ declare interface IListItem {
     id?: TStringOrNumber;
     type?: string;
     metaCount?: number;
+    component?: React.ElementType;
 }
 export declare interface IListProps {
@@ -764,6 +767,7 @@ declare interface IMenuSection {
     actions?: any[];
     url?: string;
     upload?: boolean;
+    component?: React.ElementType;
 }
 declare interface IMenuShowAllButton {
@@ -925,11 +929,12 @@ declare interface IOptionItem {
     label: ReactNode;
     value: string;
     icon: ReactNode;
-    onClick: (evt: MouseEvent_2<HTMLAnchorElement, globalThis.MouseEvent>) => void;
+    onClick?: (evt: MouseEvent_2<HTMLAnchorElement, globalThis.MouseEvent>) => void;
     isActive?: boolean;
     isExperimental?: boolean;
     invalid?: boolean;
     testId?: string;
+    component?: React_2.ElementType;
 }
 declare interface IOptionSection {
@@ -1370,6 +1375,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 {
@@ -1707,7 +1713,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;
@@ -1733,6 +1739,7 @@ declare type TLinkElement = TBaseElementProps & {
     url?: string;
     active?: boolean;
     disabled?: boolean;
+    component?: React.ElementType;
 };
 export declare type TMenuCarat = 'false' | 'right' | 'down';

package/dist/index.html CHANGED Viewed

	@@ -1 +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-~~LV8D_yOA~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-~~qXNVhovK~~.css"></head><body><div id="content"></div></body>
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-RERH5Zwo.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-2LJjuVRB.css"></head><body><div id="content"></div></body>

package/dist/index.js CHANGED Viewed

@@ -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(
@@ -4302,7 +4305,8 @@ const Option$2 = ({
   title: title2,
   upload,
   onChange,
-  testId
+  testId,
+  component: Component2 = "a"
 }) => {
   const handleClick2 = (evt) => {
     evt.stopPropagation();
@@ -4318,9 +4322,10 @@ const Option$2 = ({
     onClick == null ? void 0 : onClick(evt);
   };
   return /* @__PURE__ */ jsxs(
-    "a",
+    Component2,
     {
       href: url,
+      to: url,
       className: cx$2(
         styles$L.option,
         disabled2 ? styles$L.disabled : "",
@@ -4406,7 +4411,8 @@ const Section$1 = ({
           title: section2.title,
           upload: section2.upload,
           onChange: section2.onChange,
-          testId: section2.testId
+          testId: section2.testId,
+          component: section2.component
         }
       );
     case MenuType.MENU:
@@ -18992,10 +18998,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),
@@ -52732,10 +52740,12 @@ const Link$1 = ({
 }) => {
   return /* @__PURE__ */ jsx("div", { className: styles$d.list, children: items.map((link2, i) => {
     const key2 = `${sectionIndex}_${i}`;
+    const Component2 = link2.component || "a";
     return /* @__PURE__ */ jsx(
-      "a",
+      Component2,
       {
         href: link2.value,
+        to: link2.value,
         className: cx$2(
           styles$d.item,
           link2.isActive ? styles$d.active : "",
@@ -52787,7 +52797,6 @@ const SideBar = memo(
   }) => {
     const [isOpen2, setIsOpen] = useState(startOpen);
     const onClick = (evt, value, label2, clickHandler) => {
-      evt.preventDefault();
       if (typeof clickHandler === "function") {
         evt.currentTarget.value = value;
         evt.currentTarget.label = label2;
@@ -56731,9 +56740,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";
@@ -58072,7 +58092,8 @@ const Link = ({
   onClick,
   active: active2,
   disabled: disabled2,
-  testId
+  testId,
+  component: Component2 = "a"
 }) => {
   const disabledContext = useContext(DisabledContext);
   const handleClick2 = (event) => {
@@ -58082,10 +58103,11 @@ const Link = ({
     onClick == null ? void 0 : onClick(event);
   };
   return /* @__PURE__ */ jsxs(
-    "a",
+    Component2,
     {
       className: cx$2(styles$3.link, active2 ? styles$3.active : ""),
       href: url || "#",
+      to: url,
       onClick: handleClick2,
       "aria-disabled": disabled2 || disabledContext,
       "data-testid": testId,
@@ -58109,7 +58131,8 @@ const Element$1 = ({ element }) => {
           onClick: element.onClick,
           active: element.active,
           disabled: element.disabled,
-          testId: element.testId
+          testId: element.testId,
+          component: element.component
         }
       ) });
     case ElementType.BUTTON: