@webiny/admin-ui 0.0.0-unstable.06b2ede40f

package/Drawer/components/DrawerHeader.js

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { cn } from "../../utils";
+import { DrawerTitle } from "./DrawerTitle";
+import { DrawerDescription } from "./DrawerDescription";
+import { ReactComponent as XIcon } from "@webiny/icons/close.svg";
+import { IconButton } from "../../Button";
+import { Dialog as DrawerPrimitive } from "radix-ui";
+import { useMemo } from "react";
+import { Separator } from "../../Separator";
+export const DrawerHeader = ({
+  title,
+  icon,
+  description,
+  showCloseButton,
+  separator,
+  className,
+  ...props
+}) => {
+  const nothingToRender = useMemo(() => {
+    return !title && !description && !icon && !showCloseButton;
+  }, [title, description, icon, showCloseButton]);
+  if (nothingToRender) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn("wby-flex wby-flex-col wby-gap-sm wby-px-lg wby-py-md wby-text-center sm:wby-text-left wby-text-neutral-primary", className)
+  }), /*#__PURE__*/React.createElement(DrawerTitle, {
+    className: "wby-flex wby-justify-between"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-gap-xs"
+  }, icon, title), showCloseButton !== false && /*#__PURE__*/React.createElement(DrawerPrimitive.Close, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    size: "md",
+    iconSize: "lg",
+    variant: "ghost",
+    icon: /*#__PURE__*/React.createElement(XIcon, null)
+  }))), description && /*#__PURE__*/React.createElement(DrawerDescription, null, description)), separator && /*#__PURE__*/React.createElement(Separator, null));
+};
+
+//# sourceMappingURL=DrawerHeader.js.map

package/Drawer/components/DrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","DrawerTitle","DrawerDescription","ReactComponent","XIcon","IconButton","Dialog","DrawerPrimitive","useMemo","Separator","DrawerHeader","title","icon","description","showCloseButton","separator","className","props","nothingToRender","createElement","Fragment","Object","assign","Close","asChild","size","iconSize","variant"],"sources":["DrawerHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\nimport { type DrawerProps } from \"../Drawer\";\nimport { DrawerTitle } from \"./DrawerTitle\";\nimport { DrawerDescription } from \"./DrawerDescription\";\nimport { ReactComponent as XIcon } from \"@webiny/icons/close.svg\";\nimport { IconButton } from \"~/Button\";\nimport { Dialog as DrawerPrimitive } from \"radix-ui\";\nimport { useMemo } from \"react\";\nimport { Separator } from \"~/Separator\";\n\nexport type DrawerHeaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> &\n    Pick<DrawerProps, \"title\" | \"icon\" | \"description\" | \"showCloseButton\"> & {\n        separator?: DrawerProps[\"headerSeparator\"];\n    };\n\nexport const DrawerHeader = ({\n    title,\n    icon,\n    description,\n    showCloseButton,\n    separator,\n    className,\n    ...props\n}: DrawerHeaderProps) => {\n    const nothingToRender = useMemo(() => {\n        return !title && !description && !icon && !showCloseButton;\n    }, [title, description, icon, showCloseButton]);\n\n    if (nothingToRender) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                {...props}\n                className={cn(\n                    \"wby-flex wby-flex-col wby-gap-sm wby-px-lg wby-py-md wby-text-center sm:wby-text-left wby-text-neutral-primary\",\n                    className\n                )}\n            >\n                <DrawerTitle className={\"wby-flex wby-justify-between\"}>\n                    <div className={\"wby-flex wby-gap-xs\"}>\n                        {icon}\n                        {title}\n                    </div>\n\n                    {showCloseButton !== false && (\n                        <DrawerPrimitive.Close asChild>\n                            <IconButton\n                                size=\"md\"\n                                iconSize=\"lg\"\n                                variant={\"ghost\"}\n                                icon={<XIcon />}\n                            />\n                        </DrawerPrimitive.Close>\n                    )}\n                </DrawerTitle>\n                {description && <DrawerDescription>{description}</DrawerDescription>}\n            </div>\n            {separator && <Separator />}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAC1B,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,UAAU;AACnB,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,SAAS;AAOlB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EACzBC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,SAAS;EACT,GAAGC;AACY,CAAC,KAAK;EACrB,MAAMC,eAAe,GAAGV,OAAO,CAAC,MAAM;IAClC,OAAO,CAACG,KAAK,IAAI,CAACE,WAAW,IAAI,CAACD,IAAI,IAAI,CAACE,eAAe;EAC9D,CAAC,EAAE,CAACH,KAAK,EAAEE,WAAW,EAAED,IAAI,EAAEE,eAAe,CAAC,CAAC;EAE/C,IAAII,eAAe,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACInB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAoB,aAAA,QAAAE,MAAA,CAAAC,MAAA,KACQL,KAAK;IACTD,SAAS,EAAEhB,EAAE,CACT,gHAAgH,EAChHgB,SACJ;EAAE,iBAEFjB,KAAA,CAAAoB,aAAA,CAAClB,WAAW;IAACe,SAAS,EAAE;EAA+B,gBACnDjB,KAAA,CAAAoB,aAAA;IAAKH,SAAS,EAAE;EAAsB,GACjCJ,IAAI,EACJD,KACA,CAAC,EAELG,eAAe,KAAK,KAAK,iBACtBf,KAAA,CAAAoB,aAAA,CAACZ,eAAe,CAACgB,KAAK;IAACC,OAAO;EAAA,gBAC1BzB,KAAA,CAAAoB,aAAA,CAACd,UAAU;IACPoB,IAAI,EAAC,IAAI;IACTC,QAAQ,EAAC,IAAI;IACbC,OAAO,EAAE,OAAQ;IACjBf,IAAI,eAAEb,KAAA,CAAAoB,aAAA,CAACf,KAAK,MAAE;EAAE,CACnB,CACkB,CAElB,CAAC,EACbS,WAAW,iBAAId,KAAA,CAAAoB,aAAA,CAACjB,iBAAiB,QAAEW,WAA+B,CAClE,CAAC,EACLE,SAAS,iBAAIhB,KAAA,CAAAoB,aAAA,CAACV,SAAS,MAAE,CAC5B,CAAC;AAEX,CAAC","ignoreList":[]}

package/Drawer/components/DrawerOverlay.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { Dialog as DrawerPrimitive } from "radix-ui";
+export declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/Drawer/components/DrawerOverlay.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Dialog as DrawerPrimitive } from "radix-ui";
+import { cn } from "../../utils";
+export const DrawerOverlay = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/React.createElement(DrawerPrimitive.Overlay, Object.assign({
+  ref: ref,
+  className: cn("wby-fixed wby-inset-0 wby-bg-neutral-dark/50 data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0", className)
+}, props)));
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
+
+//# sourceMappingURL=DrawerOverlay.js.map

package/Drawer/components/DrawerOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dialog","DrawerPrimitive","cn","DrawerOverlay","forwardRef","className","props","ref","createElement","Overlay","Object","assign","displayName"],"sources":["DrawerOverlay.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DrawerPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\nexport const DrawerOverlay = React.forwardRef<\n    React.ElementRef<typeof DrawerPrimitive.Overlay>,\n    React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n    <DrawerPrimitive.Overlay\n        ref={ref}\n        className={cn(\n            \"wby-fixed wby-inset-0 wby-bg-neutral-dark/50 data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0\",\n            className\n        )}\n        {...props}\n    />\n));\n\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE;AAEX,OAAO,MAAMC,aAAa,gBAAGJ,KAAK,CAACK,UAAU,CAG3C,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BR,KAAA,CAAAS,aAAA,CAACP,eAAe,CAACQ,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACpBJ,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEH,EAAE,CACT,sLAAsL,EACtLG,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ,CAAC;AAEFH,aAAa,CAACS,WAAW,GAAGX,eAAe,CAACQ,OAAO,CAACG,WAAW","ignoreList":[]}

package/Drawer/components/DrawerPortal.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Dialog as DrawerPrimitive } from "radix-ui";
+export declare const DrawerPortal: import("react").FC<DrawerPrimitive.DialogPortalProps>;

package/Drawer/components/DrawerPortal.js

@@ -0,0 +1,4 @@
+import { Dialog as DrawerPrimitive } from "radix-ui";
+export const DrawerPortal = DrawerPrimitive.Portal;
+
+//# sourceMappingURL=DrawerPortal.js.map

package/Drawer/components/DrawerPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dialog","DrawerPrimitive","DrawerPortal","Portal"],"sources":["DrawerPortal.tsx"],"sourcesContent":["import { Dialog as DrawerPrimitive } from \"radix-ui\";\n\nexport const DrawerPortal = DrawerPrimitive.Portal;\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,eAAe,QAAQ,UAAU;AAEpD,OAAO,MAAMC,YAAY,GAAGD,eAAe,CAACE,MAAM","ignoreList":[]}

package/Drawer/components/DrawerRoot.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Dialog as DrawerPrimitive } from "radix-ui";
+export declare const DrawerRoot: import("react").FC<DrawerPrimitive.DialogProps>;

package/Drawer/components/DrawerRoot.js

@@ -0,0 +1,4 @@
+import { Dialog as DrawerPrimitive } from "radix-ui";
+export const DrawerRoot = DrawerPrimitive.Root;
+
+//# sourceMappingURL=DrawerRoot.js.map

package/Drawer/components/DrawerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dialog","DrawerPrimitive","DrawerRoot","Root"],"sources":["DrawerRoot.tsx"],"sourcesContent":["import { Dialog as DrawerPrimitive } from \"radix-ui\";\n\nexport const DrawerRoot = DrawerPrimitive.Root;\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,eAAe,QAAQ,UAAU;AAEpD,OAAO,MAAMC,UAAU,GAAGD,eAAe,CAACE,IAAI","ignoreList":[]}

package/Drawer/components/DrawerTitle.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { Dialog as DrawerPrimitive } from "radix-ui";
+export type DrawerTitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>;
+export declare const DrawerTitle: ({ className, ...props }: DrawerTitleProps) => React.JSX.Element;

package/Drawer/components/DrawerTitle.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Dialog as DrawerPrimitive } from "radix-ui";
+import { cn } from "../../utils";
+export const DrawerTitle = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement(DrawerPrimitive.Title, Object.assign({}, props, {
+  className: cn("wby-text-h4 wby-flex wby-gap-sm", className)
+}));
+
+//# sourceMappingURL=DrawerTitle.js.map

package/Drawer/components/DrawerTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dialog","DrawerPrimitive","cn","DrawerTitle","className","props","createElement","Title","Object","assign"],"sources":["DrawerTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DrawerPrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\nexport type DrawerTitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>;\n\nexport const DrawerTitle = ({ className, ...props }: DrawerTitleProps) => (\n    <DrawerPrimitive.Title\n        {...props}\n        className={cn(\"wby-text-h4 wby-flex wby-gap-sm\", className)}\n    />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,EAAE;AAIX,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,kBACjEN,KAAA,CAAAO,aAAA,CAACL,eAAe,CAACM,KAAK,EAAAC,MAAA,CAAAC,MAAA,KACdJ,KAAK;EACTD,SAAS,EAAEF,EAAE,CAAC,iCAAiC,EAAEE,SAAS;AAAE,EAC/D,CACJ","ignoreList":[]}

package/Drawer/components/DrawerTrigger.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Dialog as DrawerPrimitive } from "radix-ui";
+export declare const DrawerTrigger: import("react").ForwardRefExoticComponent<DrawerPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/Drawer/components/DrawerTrigger.js

@@ -0,0 +1,4 @@
+import { Dialog as DrawerPrimitive } from "radix-ui";
+export const DrawerTrigger = DrawerPrimitive.Trigger;
+
+//# sourceMappingURL=DrawerTrigger.js.map

package/Drawer/components/DrawerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dialog","DrawerPrimitive","DrawerTrigger","Trigger"],"sources":["DrawerTrigger.tsx"],"sourcesContent":["import { Dialog as DrawerPrimitive } from \"radix-ui\";\n\nexport const DrawerTrigger = DrawerPrimitive.Trigger;\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,eAAe,QAAQ,UAAU;AAEpD,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAACE,OAAO","ignoreList":[]}

package/Drawer/components/Icon.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { IconProps as IconComponentProps } from "../../Icon";
+type IconProps = IconComponentProps;
+export declare const Icon: (({ className, ...props }: IconProps) => React.JSX.Element) & {
+    original: ({ className, ...props }: IconProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ className, ...props }: IconProps) => React.JSX.Element) & {
+        original: ({ className, ...props }: IconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, ...props }: IconProps) => React.JSX.Element) & {
+        original: ({ className, ...props }: IconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export {};

package/Drawer/components/Icon.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { cn, makeDecoratable } from "../../utils";
+import { Icon as IconComponent } from "../../Icon";
+const IconBase = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(IconComponent, Object.assign({
+    size: "lg",
+    color: "neutral-strong"
+  }, props, {
+    className: cn("wby-pt-xs", className)
+  }));
+};
+export const Icon = makeDecoratable("Icon", IconBase);
+
+//# sourceMappingURL=Icon.js.map

package/Drawer/components/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","makeDecoratable","Icon","IconComponent","IconBase","className","props","createElement","Object","assign","size","color"],"sources":["Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport type { IconProps as IconComponentProps } from \"~/Icon\";\nimport { Icon as IconComponent } from \"~/Icon\";\n\ntype IconProps = IconComponentProps;\n\nconst IconBase = ({ className, ...props }: IconProps) => {\n    return (\n        <IconComponent\n            size={\"lg\"}\n            color={\"neutral-strong\"}\n            {...props}\n            className={cn(\"wby-pt-xs\", className)}\n        />\n    );\n};\n\nexport const Icon = makeDecoratable(\"Icon\", IconBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,eAAe;AAE5B,SAASC,IAAI,IAAIC,aAAa;AAI9B,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACrD,oBACIP,KAAA,CAAAQ,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA;IACVC,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE;EAAiB,GACpBL,KAAK;IACTD,SAAS,EAAEL,EAAE,CAAC,WAAW,EAAEK,SAAS;EAAE,EACzC,CAAC;AAEV,CAAC;AAED,OAAO,MAAMH,IAAI,GAAGD,eAAe,CAAC,MAAM,EAAEG,QAAQ,CAAC","ignoreList":[]}

package/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from "./Drawer";

package/Drawer/index.js

@@ -0,0 +1,3 @@
+export * from "./Drawer";
+
+//# sourceMappingURL=index.js.map

package/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Drawer\";\n"],"mappings":"AAAA","ignoreList":[]}

package/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,148 @@
+import * as React from "react";
+import { DropdownMenuRoot } from "./components/DropdownMenuRoot";
+import { DropdownMenuContent } from "./components/DropdownMenuContent";
+import { type DropdownMenuItemProps } from "./components/DropdownMenuItem";
+import { type DropdownMenuLinkProps } from "./components/DropdownMenuLink";
+interface DropdownMenuProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuRoot>, React.ComponentPropsWithoutRef<typeof DropdownMenuContent> {
+    trigger?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<never>> & {
+    original: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<never>>;
+    originalName: string;
+    displayName: string;
+} & {
+    original: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<never>> & {
+        original: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<never>>;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<never>> & {
+        original: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<never>>;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Separator: ((props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+        original: (props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element) & {
+            original: (props: import("../Separator/Separator").SeparatorProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Label: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>> & {
+        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuLabel").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Group: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>> & {
+        original: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Item: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+        original: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Icon: (props: import("./components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+    };
+    Link: ((props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
+        original: (props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
+            original: (props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element) & {
+            original: (props: import("./components/DropdownMenuItem").DropdownMenuItemLinkProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    } & {
+        Icon: (props: import("./components/DropdownMenuItemIcon").DropdownMenuItemIconProps) => React.JSX.Element;
+    };
+    CheckboxItem: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+            original: React.ForwardRefExoticComponent<import("./components/DropdownMenuCheckboxItem").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { DropdownMenu, DropdownMenuItemProps, DropdownMenuLinkProps };

package/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,65 @@
+import * as React from "react";
+import { makeDecoratable, withStaticProps } from "../utils";
+import { DropdownMenuRoot } from "./components/DropdownMenuRoot";
+import { DropdownMenuTrigger } from "./components/DropdownMenuTrigger";
+import { DropdownMenuContent } from "./components/DropdownMenuContent";
+import { DropdownMenuSeparator } from "./components/DropdownMenuSeparator";
+import { DropdownMenuItem } from "./components/DropdownMenuItem";
+import { DropdownMenuLink } from "./components/DropdownMenuLink";
+import { DropdownMenuCheckboxItem } from "./components/DropdownMenuCheckboxItem";
+import { DropdownMenuLabel } from "./components/DropdownMenuLabel";
+import { DropdownMenuGroup } from "./components/DropdownMenuGroup";
+import { DropdownMenuPortal } from "./components/DropdownMenuPortal";
+const DropdownMenuBase = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    rootProps,
+    triggerProps,
+    contentProps
+  } = React.useMemo(() => {
+    const {
+      // Root props.
+      defaultOpen,
+      open,
+      onOpenChange,
+      dir,
+      // Trigger props.
+      trigger,
+      // Content props.
+      ...rest
+    } = props;
+    return {
+      rootProps: {
+        defaultOpen,
+        open,
+        onOpenChange,
+        dir
+      },
+      triggerProps: {
+        // Temporary fix. We need this because `ref` doesn't get passed to components
+        // that are decorated with `makeDecoratable`. This will be fixed in the future.
+        children: /*#__PURE__*/React.createElement("div", {
+          className: "wby-inline-block wby-text-0 wby-leading-none"
+        }, trigger)
+      },
+      contentProps: rest
+    };
+  }, [props]);
+  return /*#__PURE__*/React.createElement(DropdownMenuRoot, rootProps, triggerProps.children && /*#__PURE__*/React.createElement(DropdownMenuTrigger, Object.assign({}, triggerProps, {
+    asChild: true
+  })), /*#__PURE__*/React.createElement(DropdownMenuPortal, null, /*#__PURE__*/React.createElement(DropdownMenuContent, Object.assign({}, contentProps, {
+    ref: ref
+  }))));
+});
+DropdownMenuBase.displayName = "DropdownMenu";
+const DecoratableDropdownMenu = makeDecoratable("DropdownMenu", DropdownMenuBase);
+const DropdownMenu = withStaticProps(DecoratableDropdownMenu, {
+  Separator: DropdownMenuSeparator,
+  Label: DropdownMenuLabel,
+  Group: DropdownMenuGroup,
+  Item: DropdownMenuItem,
+  Link: DropdownMenuLink,
+  CheckboxItem: DropdownMenuCheckboxItem
+});
+export { DropdownMenu };
+
+//# sourceMappingURL=DropdownMenu.js.map

package/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","withStaticProps","DropdownMenuRoot","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuSeparator","DropdownMenuItem","DropdownMenuLink","DropdownMenuCheckboxItem","DropdownMenuLabel","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuBase","forwardRef","props","ref","rootProps","triggerProps","contentProps","useMemo","defaultOpen","open","onOpenChange","dir","trigger","rest","children","createElement","className","Object","assign","asChild","displayName","DecoratableDropdownMenu","DropdownMenu","Separator","Label","Group","Item","Link","CheckboxItem"],"sources":["DropdownMenu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { DropdownMenuRoot } from \"./components/DropdownMenuRoot\";\nimport { DropdownMenuTrigger } from \"./components/DropdownMenuTrigger\";\nimport { DropdownMenuContent } from \"./components/DropdownMenuContent\";\nimport { DropdownMenuSeparator } from \"./components/DropdownMenuSeparator\";\nimport { DropdownMenuItem, type DropdownMenuItemProps } from \"./components/DropdownMenuItem\";\nimport { DropdownMenuLink, type DropdownMenuLinkProps } from \"./components/DropdownMenuLink\";\nimport { DropdownMenuCheckboxItem } from \"./components/DropdownMenuCheckboxItem\";\nimport { DropdownMenuLabel } from \"./components/DropdownMenuLabel\";\nimport { DropdownMenuGroup } from \"./components/DropdownMenuGroup\";\nimport { DropdownMenuPortal } from \"./components/DropdownMenuPortal\";\n\ninterface DropdownMenuProps\n    extends React.ComponentPropsWithoutRef<typeof DropdownMenuRoot>,\n        React.ComponentPropsWithoutRef<typeof DropdownMenuContent> {\n    trigger?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst DropdownMenuBase = React.forwardRef<\n    React.ElementRef<typeof DropdownMenuRoot>,\n    DropdownMenuProps\n>((props, ref) => {\n    const { rootProps, triggerProps, contentProps } = React.useMemo(() => {\n        const {\n            // Root props.\n            defaultOpen,\n            open,\n            onOpenChange,\n\n            dir,\n\n            // Trigger props.\n            trigger,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        return {\n            rootProps: {\n                defaultOpen,\n                open,\n                onOpenChange,\n                dir\n            },\n            triggerProps: {\n                // Temporary fix. We need this because `ref` doesn't get passed to components\n                // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                children: (\n                    <div className={\"wby-inline-block wby-text-0 wby-leading-none\"}>{trigger}</div>\n                )\n            },\n            contentProps: rest\n        };\n    }, [props]);\n\n    return (\n        <DropdownMenuRoot {...rootProps}>\n            {triggerProps.children && <DropdownMenuTrigger {...triggerProps} asChild />}\n            <DropdownMenuPortal>\n                <DropdownMenuContent {...contentProps} ref={ref} />\n            </DropdownMenuPortal>\n        </DropdownMenuRoot>\n    );\n});\n\nDropdownMenuBase.displayName = \"DropdownMenu\";\n\nconst DecoratableDropdownMenu = makeDecoratable(\"DropdownMenu\", DropdownMenuBase);\n\nconst DropdownMenu = withStaticProps(DecoratableDropdownMenu, {\n    Separator: DropdownMenuSeparator,\n    Label: DropdownMenuLabel,\n    Group: DropdownMenuGroup,\n    Item: DropdownMenuItem,\n    Link: DropdownMenuLink,\n    CheckboxItem: DropdownMenuCheckboxItem\n});\n\nexport { DropdownMenu, DropdownMenuItemProps, DropdownMenuLinkProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAC5B,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AACzB,SAASC,wBAAwB;AACjC,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAS3B,MAAMC,gBAAgB,gBAAGb,KAAK,CAACc,UAAU,CAGvC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC,SAAS;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGnB,KAAK,CAACoB,OAAO,CAAC,MAAM;IAClE,MAAM;MACF;MACAC,WAAW;MACXC,IAAI;MACJC,YAAY;MAEZC,GAAG;MAEH;MACAC,OAAO;MAEP;MACA,GAAGC;IACP,CAAC,GAAGX,KAAK;IAET,OAAO;MACHE,SAAS,EAAE;QACPI,WAAW;QACXC,IAAI;QACJC,YAAY;QACZC;MACJ,CAAC;MACDN,YAAY,EAAE;QACV;QACA;QACAS,QAAQ,eACJ3B,KAAA,CAAA4B,aAAA;UAAKC,SAAS,EAAE;QAA+C,GAAEJ,OAAa;MAEtF,CAAC;MACDN,YAAY,EAAEO;IAClB,CAAC;EACL,CAAC,EAAE,CAACX,KAAK,CAAC,CAAC;EAEX,oBACIf,KAAA,CAAA4B,aAAA,CAACzB,gBAAgB,EAAKc,SAAS,EAC1BC,YAAY,CAACS,QAAQ,iBAAI3B,KAAA,CAAA4B,aAAA,CAACxB,mBAAmB,EAAA0B,MAAA,CAAAC,MAAA,KAAKb,YAAY;IAAEc,OAAO;EAAA,EAAE,CAAC,eAC3EhC,KAAA,CAAA4B,aAAA,CAAChB,kBAAkB,qBACfZ,KAAA,CAAA4B,aAAA,CAACvB,mBAAmB,EAAAyB,MAAA,CAAAC,MAAA,KAAKZ,YAAY;IAAEH,GAAG,EAAEA;EAAI,EAAE,CAClC,CACN,CAAC;AAE3B,CAAC,CAAC;AAEFH,gBAAgB,CAACoB,WAAW,GAAG,cAAc;AAE7C,MAAMC,uBAAuB,GAAGjC,eAAe,CAAC,cAAc,EAAEY,gBAAgB,CAAC;AAEjF,MAAMsB,YAAY,GAAGjC,eAAe,CAACgC,uBAAuB,EAAE;EAC1DE,SAAS,EAAE9B,qBAAqB;EAChC+B,KAAK,EAAE3B,iBAAiB;EACxB4B,KAAK,EAAE3B,iBAAiB;EACxB4B,IAAI,EAAEhC,gBAAgB;EACtBiC,IAAI,EAAEhC,gBAAgB;EACtBiC,YAAY,EAAEhC;AAClB,CAAC,CAAC;AAEF,SAAS0B,YAAY","ignoreList":[]}