npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.4.9-beta-1 → 4.4.9 - Mend

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

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 (147) hide show

package/dist/404.html ADDED Viewed

@@ -0,0 +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>

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

@@ -18318,10 +18318,8 @@ 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 = (() => {
@@ -18355,7 +18353,7 @@ const Button$1 = ({
     return "";
   })();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonTooltipWrapper, { tooltip: tooltip2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Component2,
+    "button",
     {
       type: type2 === ButtonType.SUBMIT ? ButtonType.SUBMIT : ButtonType.BUTTON,
       className: cx$2(
@@ -18379,7 +18377,6 @@ 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(
@@ -26150,12 +26147,10 @@ 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(
-        Component2,
+        "a",
         {
           href: item2.url,
-          to: item2.url,
           ref: provided2 == null ? void 0 : provided2.innerRef,
           ...provided2.draggableProps,
           style: getItemStyle(provided2.draggableProps, item2),
@@ -68328,20 +68323,9 @@ const TextLink = ({
   href = void 0,
   target = void 0,
   testId,
-  onClick,
-  component: Component2 = "a"
+  onClick
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Component2,
-    {
-      href,
-      to: href,
-      target,
-      onClick,
-      "data-testid": testId,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { link: true, children })
-    }
-  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { 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 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, component: Component, url, }: 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, }: IButtonProps) => JSX_2.Element;
 export declare const ButtonGroup: (props: IButtonGroupProps) => JSX_2.Element;
@@ -198,7 +198,6 @@ export declare interface IButtonGroupProps {
 }
 export declare interface IButtonProps {
-    href?: string;
     active?: boolean;
     basic?: boolean;
     colored?: boolean | string;
@@ -221,8 +220,6 @@ export declare interface IButtonProps {
     testId?: string;
     tooltip?: ReactNode | string;
     inverted?: boolean;
-    component?: React_2.ElementType;
-    url?: string;
 }
 export declare interface ICardProps {
@@ -661,7 +658,6 @@ declare interface IListItem {
     id?: TStringOrNumber;
     type?: string;
     metaCount?: number;
-    component?: React.ElementType;
 }
 export declare interface IListProps {
@@ -1374,7 +1370,6 @@ 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 {
@@ -1499,6 +1494,7 @@ export declare interface ITreeProps {
         expand: React_2.ReactNode;
         collapse: React_2.ReactNode;
     };
+    allowParentReassignment?: boolean;
 }
 export declare interface IUnitInputProps {
@@ -1664,7 +1660,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, component: Component, }: ITextLinkProps) => JSX_2.Element;
+export declare const TextLink: ({ children, href, target, testId, onClick, }: ITextLinkProps) => JSX_2.Element;
 declare type TFileReaderMethod = TInputReaderMethods | string;
@@ -1715,7 +1711,7 @@ export declare const Tooltip: ({ children, text, error, placement, possiblePlace
 export declare const TopBar: ({ title, appSwitcher, content, contentRight, warning, height, fixedPosition, }: ITopBarProps) => JSX_2.Element;
-export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, itemHasChild, onItemToggle, icons, }: ITreeProps) => JSX_2.Element;
+export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, itemHasChild, onItemToggle, icons, allowParentReassignment, }: ITreeProps) => JSX_2.Element;
 export declare enum TriggerType {
     TEXT = "Text",

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-~~UlXF8M5L~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-AkeNwthw.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-neKlYvgy.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 CHANGED Viewed

@@ -4133,10 +4133,8 @@ 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 = (() => {
@@ -4170,7 +4168,7 @@ const Button$1 = ({
     return "";
   })();
   return /* @__PURE__ */ jsx(ButtonTooltipWrapper, { tooltip: tooltip2, children: /* @__PURE__ */ jsxs(
-    Component2,
+    "button",
     {
       type: type === ButtonType.SUBMIT ? ButtonType.SUBMIT : ButtonType.BUTTON,
       className: cx$2(
@@ -4194,7 +4192,6 @@ 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(
@@ -18993,12 +18990,10 @@ 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(
-        Component2,
+        "a",
         {
           href: item2.url,
-          to: item2.url,
           ref: provided2 == null ? void 0 : provided2.innerRef,
           ...provided2.draggableProps,
           style: getItemStyle(provided2.draggableProps, item2),
@@ -56733,20 +56728,9 @@ const TextLink = ({
   href = void 0,
   target = void 0,
   testId,
-  onClick,
-  component: Component2 = "a"
+  onClick
 }) => {
-  return /* @__PURE__ */ jsx(
-    Component2,
-    {
-      href,
-      to: href,
-      target,
-      onClick,
-      "data-testid": testId,
-      children: /* @__PURE__ */ jsx(Text, { link: true, children })
-    }
-  );
+  return /* @__PURE__ */ jsx("a", { href, target, onClick, "data-testid": testId, children: /* @__PURE__ */ jsx(Text, { link: true, children }) });
 };
 const inputInTable = "_inputInTable_66zck_1";
 const inputHover = "_inputHover_66zck_13";
@@ -70026,24 +70010,75 @@ const Tree = ({
   treeRef,
   itemHasChild,
   onItemToggle,
-  icons: icons2
+  icons: icons2,
+  allowParentReassignment
 }) => {
   var _a;
-  const handleDrop = (newTree) => {
-    if (onListReorder) {
-      const newList = newTree.map(({ id: id2, parent, droppable: droppable2, data }) => ({
+  const handleOpen = (id2) => {
+    if (onChangeOpen) {
+      onChangeOpen(id2);
+    }
+  };
+  const findNodeIndexById = (tree22, id2) => {
+    return (tree22 == null ? void 0 : tree22.findIndex((node2) => (node2 == null ? void 0 : node2.id) === id2)) ?? -1;
+  };
+  const setDragSourceParentToGrandparent = (dragSource, workingTree) => {
+    const dragSourceParentIndex = findNodeIndexById(
+      workingTree,
+      dragSource == null ? void 0 : dragSource.parent
+    );
+    if (dragSourceParentIndex >= 0) {
+      const grandparent = workingTree == null ? void 0 : workingTree.find(
+        (node2) => {
+          var _a2;
+          return (node2 == null ? void 0 : node2.id) === ((_a2 = workingTree[dragSourceParentIndex]) == null ? void 0 : _a2.parent);
+        }
+      );
+      dragSource.parent = grandparent ? grandparent.id : 0;
+    }
+  };
+  const removeDragSourceFromWorkingTree = (dragSource, workingTree) => {
+    return (workingTree == null ? void 0 : workingTree.filter((node2) => (node2 == null ? void 0 : node2.id) !== (dragSource == null ? void 0 : dragSource.id))) ?? [];
+  };
+  const insertDragSourceAfterParentInWorkingTree = (dragSource, dragSourceParentIndex, workingTree) => {
+    workingTree == null ? void 0 : workingTree.splice(dragSourceParentIndex, 0, dragSource);
+    return workingTree;
+  };
+  const transformTreeToList = (tree22) => {
+    return tree22.map(({ id: id2, parent, droppable: droppable2, data }) => {
+      return {
         id: id2,
         parent,
         droppable: droppable2,
         ...data
-      }));
-      onListReorder(newList);
-    }
+      };
+    });
   };
-  const handleOpen = (id2) => {
-    if (onChangeOpen) {
-      onChangeOpen(id2);
+  const handleDrop = (newTree, option2) => {
+    const { dragSource, dropTarget: dropTarget2 } = option2;
+    let workingTree = [...newTree];
+    if (!onListReorder)
+      return;
+    const dragSourceIndex = findNodeIndexById(workingTree, dragSource == null ? void 0 : dragSource.id);
+    const dragSourceParentIndex = findNodeIndexById(
+      workingTree,
+      dragSource == null ? void 0 : dragSource.parent
+    );
+    let newList = [];
+    if ((dragSource == null ? void 0 : dragSource.parent) === (dropTarget2 == null ? void 0 : dropTarget2.id) && dragSourceIndex === 0 && allowParentReassignment) {
+      setDragSourceParentToGrandparent(dragSource, workingTree);
+      workingTree = removeDragSourceFromWorkingTree(
+        dragSource,
+        workingTree
+      );
+      workingTree = insertDragSourceAfterParentInWorkingTree(
+        dragSource,
+        dragSourceParentIndex,
+        workingTree
+      );
     }
+    newList = transformTreeToList(workingTree);
+    onListReorder(newList);
   };
   const tree2 = (_a = list2 == null ? void 0 : list2.items) == null ? void 0 : _a.map(({ id: id2, droppable: droppable2, parent, name: name2, ...rest }) => ({
     id: id2,