@webiny/admin-ui 6.2.0-beta.0 → 6.3.0-beta.0

package/Tooltip/Tooltip.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
+import { Canvas, Meta, Controls } from "@storybook/addon-docs/blocks";
 
-import * as TooltipStories from './Tooltip.stories';
+import * as TooltipStories from "./Tooltip.stories";
 
 <Meta of={TooltipStories} />
 
@@ -15,39 +15,39 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const TooltipExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                align="center"
-                side="top"
-                variant="accent"
-                showArrow={true}
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    align="center"
+    side="top"
+    variant="accent"
+    showArrow={true}
+  />
+</Tooltip.Provider>
+); };
 
 export default TooltipExample;
 
 ` } }
-        additionalActions={[
-            {
-                title: 'Open in GitHub',
-                onClick: () => {
-                    window.open(
-                        'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Tooltip/Tooltip.tsx',
-                        '_blank'
-                    );
-                },
-            }
-        ]}
+additionalActions={[
+{
+title: 'Open in GitHub',
+onClick: () => {
+window.open(
+'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Tooltip/Tooltip.tsx',
+'_blank'
+);
+},
+}
+]}
 />
 
 <Controls of={TooltipStories.Documentation} />
@@ -57,23 +57,23 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const TooltipExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                align="center"
-                side="top"
-                variant="accent"
-                showArrow={true}
-            />
-        </Tooltip.Provider>
-    );
+  return (
+    <Tooltip.Provider>
+      <Tooltip
+        trigger={<p>Tooltip trigger</p>}
+        content={
+          <>
+            <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra
+            sit amet massa sagittis sollicitudin.
+          </>
+        }
+        align="center"
+        side="top"
+        variant="accent"
+        showArrow={true}
+      />
+    </Tooltip.Provider>
+  );
 };
 
 export default TooltipExample;
@@ -90,20 +90,20 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const BasicTooltipExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+  />
+</Tooltip.Provider>
+); };
 
 export default BasicTooltipExample;
 ` } } />
@@ -117,21 +117,21 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const AccentVariantExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                variant="accent"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    variant="accent"
+  />
+</Tooltip.Provider>
+); };
 
 export default AccentVariantExample;
 ` } } />
@@ -145,21 +145,21 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const SubtleVariantExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                variant="subtle"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    variant="subtle"
+  />
+</Tooltip.Provider>
+); };
 
 export default SubtleVariantExample;
 ` } } />
@@ -173,21 +173,21 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const WithoutArrowExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                showArrow={false}
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    showArrow={false}
+  />
+</Tooltip.Provider>
+); };
 
 export default WithoutArrowExample;
 ` } } />
@@ -202,15 +202,15 @@ import { Tooltip, Icon } from "@webiny/admin-ui";
 import { ReactComponent as InfoIcon } from "@webiny/icons/info.svg";
 
 const WithIconTriggerExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<Icon icon={<InfoIcon />} label="Information" />}
-                content="This is a helpful tooltip"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<Icon icon={<InfoIcon />} label="Information" />}
+    content="This is a helpful tooltip"
+  />
+</Tooltip.Provider>
+); };
 
 export default WithIconTriggerExample;
 ` } } />
@@ -224,33 +224,33 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const PositioningExample = () => {
-    return (
-        <Tooltip.Provider>
-            <div className="flex justify-center items-center h-48">
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Top&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on top</div>}
-                    side="top"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Right&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on right</div>}
-                    side="right"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Bottom&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on bottom</div>}
-                    side="bottom"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Left&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on left</div>}
-                    side="left"
-                />
-            </div>
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <div className="flex justify-center items-center h-48">
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Top&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on top</div>}
+      side="top"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Right&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on right</div>}
+      side="right"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Bottom&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on bottom</div>}
+      side="bottom"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Left&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on left</div>}
+      side="left"
+    />
+  </div>
+</Tooltip.Provider>
+); };
 
 export default PositioningExample;
 ` } } />
@@ -264,28 +264,28 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const AlignmentExample = () => {
-    return (
-        <Tooltip.Provider>
-            <div className="flex justify-center items-center h-48">
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Start&nbsp;&nbsp;</p>}
-                    content={<div>Aligned to start</div>}
-                    align="start"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Center&nbsp;&nbsp;</p>}
-                    content={<div>Aligned to center</div>}
-                    align="center"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;End&nbsp;&nbsp;</p>}
-                    content={<div>Aligned to end</div>}
-                    align="end"
-                />
-            </div>
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <div className="flex justify-center items-center h-48">
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Start&nbsp;&nbsp;</p>}
+      content={<div>Aligned to start</div>}
+      align="start"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Center&nbsp;&nbsp;</p>}
+      content={<div>Aligned to center</div>}
+      align="center"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;End&nbsp;&nbsp;</p>}
+      content={<div>Aligned to end</div>}
+      align="end"
+    />
+  </div>
+</Tooltip.Provider>
+); };
 
 export default AlignmentExample;
 ` } } />
@@ -299,15 +299,12 @@ import React from "react";
 import { Tooltip, Button } from "@webiny/admin-ui";
 
 const WithButtonTriggerExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<Button text="Hover me" />}
-                content="This tooltip is triggered by a button"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip trigger={<Button text="Hover me" />} content="This tooltip is triggered by a button" />
+</Tooltip.Provider>
+); };
 
 export default WithButtonTriggerExample;
 ` } } />
@@ -321,21 +318,23 @@ import React from "react";
 import { Tooltip, Text } from "@webiny/admin-ui";
 
 const WithFormattedContentExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Hover for more info</p>}
-                content={
-                    <div className="flex flex-col gap-xs">
-                        <Text size="sm" className="font-bold">Important Information</Text>
-                        <Text size="sm">This tooltip contains formatted content with multiple paragraphs.</Text>
-                        <Text size="sm">You can include various elements inside tooltips.</Text>
-                    </div>
-                }
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Hover for more info</p>}
+    content={
+      <div className="flex flex-col gap-xs">
+        <Text size="sm" className="font-bold">
+          Important Information
+        </Text>
+        <Text size="sm">This tooltip contains formatted content with multiple paragraphs.</Text>
+        <Text size="sm">You can include various elements inside tooltips.</Text>
+      </div>
+    }
+  />
+</Tooltip.Provider>
+); };
 
 export default WithFormattedContentExample;
 ` } } />
@@ -350,15 +349,15 @@ import { Tooltip, Icon } from "@webiny/admin-ui";
 import { ReactComponent as HelpIcon } from "@webiny/icons/help.svg";
 
 const WithHelpIconExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<Icon icon={<HelpIcon />} label="Help" />}
-                content="Need help? Contact support at support@example.com"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<Icon icon={<HelpIcon />} label="Help" />}
+    content="Need help? Contact support at support@example.com"
+  />
+</Tooltip.Provider>
+); };
 
 export default WithHelpIconExample;
 ` } } />

package/Tooltip/components/TooltipArrow.d.ts

@@ -3,7 +3,7 @@ import { Tooltip as TooltipPrimitive } from "radix-ui";
 import { type VariantProps } from "../../utils.js";
 declare const tooltipArrowVariants: (props?: ({
     variant?: "accent" | "subtle" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TooltipArrowProps = TooltipPrimitive.TooltipArrowProps & VariantProps<typeof tooltipArrowVariants>;
 declare const TooltipArrow: ({ variant, className, ...props }: TooltipArrowProps) => React.JSX.Element;
 export { TooltipArrow, type TooltipArrowProps };

package/Tooltip/components/TooltipContent.d.ts

@@ -4,7 +4,7 @@ import { type VariantProps } from "../../utils.js";
 declare const tooltipContentVariants: (props?: ({
     variant?: "accent" | "subtle" | null | undefined;
     hiddenArrow?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TooltipContentProps = TooltipPrimitive.TooltipContentProps & VariantProps<typeof tooltipContentVariants>;
 declare const TooltipContent: ({ className, variant, hiddenArrow, ...props }: TooltipContentProps) => React.JSX.Element;
 export { TooltipContent, type TooltipContentProps };

package/Tree/components/Item.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from "../../utils.js";
 declare const itemVariants: (props?: ({
     active?: boolean | null | undefined;
     loading?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ItemProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof itemVariants>;
 declare const Item: (({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element) & {
     original: ({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element;

package/Tree/useTree.d.ts

@@ -2,7 +2,7 @@ import type { DropOptions as DndDropOptions, NodeModel } from "@minoru/react-dnd
 import type { TreeProps } from "./Tree.js";
 export declare const useTree: <TData = Record<string, any>>(props: TreeProps<TData>) => {
     vm: {
-        nodes: import("./domains/NodeFormatted.js").NodeFormatted<TData>[];
+        nodes: import("./index.js").NodeFormatted<TData>[];
         openNodeIds: string[];
         lockedOpenNodeIds: string[];
         loadingNodeIds: string[];

package/Widget/components/WidgetContent.d.ts

@@ -4,7 +4,7 @@ declare const widgetContentVariants: (props?: ({
     variant?: "accent" | "base" | "light" | null | undefined;
     elevation?: "sm" | "md" | "none" | "lg" | null | undefined;
     outline?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface WidgetContentProps extends VariantProps<typeof widgetContentVariants> {
     className?: string;
     children: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/admin-ui",
-	"version": "6.2.0-beta.0",
+	"version": "6.3.0-beta.0",
 	"type": "module",
 	"main": "index.js",
 	"repository": {
@@ -16,9 +16,9 @@
 		"@monaco-editor/react": "4.7.0",
 		"@radix-ui/react-scroll-area": "1.2.10",
 		"@tanstack/react-table": "8.21.3",
-		"@webiny/icons": "6.2.0-beta.0",
-		"@webiny/react-composition": "6.2.0-beta.0",
-		"@webiny/utils": "6.2.0-beta.0",
+		"@webiny/icons": "6.3.0-beta.0",
+		"@webiny/react-composition": "6.3.0-beta.0",
+		"@webiny/utils": "6.3.0-beta.0",
 		"bytes": "3.1.2",
 		"class-variance-authority": "0.7.1",
 		"clsx": "2.1.1",
@@ -38,32 +38,32 @@
 		"tailwindcss": "4.2.2",
 		"timeago-react": "3.0.7",
 		"tw-animate-css": "1.4.0",
-		"type-fest": "5.5.0"
+		"type-fest": "5.6.0"
 	},
 	"devDependencies": {
 		"@fortawesome/free-solid-svg-icons": "7.2.0",
-		"@storybook/addon-a11y": "9.1.20",
-		"@storybook/addon-docs": "9.1.20",
-		"@storybook/addon-webpack5-compiler-babel": "3.0.6",
-		"@storybook/react-webpack5": "9.1.20",
+		"@storybook/addon-a11y": "10.3.5",
+		"@storybook/addon-docs": "10.3.5",
+		"@storybook/addon-webpack5-compiler-babel": "4.0.1",
+		"@storybook/react-webpack5": "10.3.5",
 		"@svgr/webpack": "8.1.0",
 		"@tailwindcss/postcss": "4.2.2",
 		"@types/react": "18.3.28",
 		"@types/react-color": "3.0.13",
 		"@types/react-custom-scrollbars": "4.0.13",
 		"@types/react-virtualized": "9.22.3",
-		"@webiny/build-tools": "6.2.0-beta.0",
-		"@webiny/project": "6.2.0-beta.0",
+		"@webiny/build-tools": "6.3.0-beta.0",
+		"@webiny/project": "6.3.0-beta.0",
 		"chalk": "5.6.2",
 		"css-loader": "7.1.4",
 		"eslint-plugin-storybook": "10.3.5",
 		"file-loader": "6.2.0",
+		"oxfmt": "0.45.0",
 		"postcss-loader": "8.2.1",
-		"prettier": "3.6.2",
 		"rimraf": "6.1.3",
 		"sass": "1.99.0",
-		"storybook": "9.1.20",
-		"typescript": "5.9.3",
+		"storybook": "10.3.5",
+		"typescript": "6.0.3",
 		"vitest": "4.1.4"
 	},
 	"publishConfig": {
@@ -84,5 +84,5 @@
 			]
 		}
 	},
-	"gitHead": "3d3148358b6febbc857371930871743bec3b3939"
+	"gitHead": "94c21e58aebc9855bf1ae972423281faa0f5c135"
 }