@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/Accordion/components/AccordionTrigger.js

@@ -1,92 +1,79 @@
-import * as React from "react";
-import { ReactComponent as KeyboardArrowDownIcon } from "@webiny/icons/keyboard_arrow_down.svg";
-import { ReactComponent as LockIcon } from "@webiny/icons/lock.svg";
-import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+import { ReactComponent } from "@webiny/icons/keyboard_arrow_down.svg";
+import { ReactComponent as lock_svg_ReactComponent } from "@webiny/icons/lock.svg";
+import { Collapsible } from "radix-ui";
 import { cn } from "../../utils.js";
 import { useAccordionItemProps } from "./AccordionItem.js";
 import { useAccordionProps } from "./AccordionPropsProvider.js";
 import { AccordionItemAction } from "./AccordionItemAction.js";
 import { Icon } from "../../Icon/index.js";
 import { AccordionItemDragHandle } from "./AccordionItemDragHandle.js";
-const OpenCloseIndicator = () => {
-  return /*#__PURE__*/React.createElement(Icon, {
-    size: "md",
-    className: "transition",
-    color: "neutral-strong",
-    "data-role": "open-close-indicator",
-    label: "Open/close indicator",
-    icon: /*#__PURE__*/React.createElement(KeyboardArrowDownIcon, null)
-  });
-};
-const AccordionTrigger = () => {
-  const {
-    title,
-    subtitle,
-    description,
-    colorMark,
-    actions,
-    icon,
-    interactive = true,
-    locked,
-    draggable
-  } = useAccordionItemProps();
-  const accordionProps = useAccordionProps();
-  const openClosedIndicatorPosition = accordionProps.openClosedIndicatorPosition || "right";
-  // The following three attributes are required for the trigger to act as a button.
-  // We can't use the default button element here because the content of the trigger
-  // can also contain one or more buttons.
-  const divAsButtonProps = React.useMemo(() => {
-    return {
-      role: "button",
-      tabIndex: interactive ? 0 : -1,
-      // Disable keyboard interaction if not interactive
-      onKeyDown: e => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          e.currentTarget.click();
-        }
-      }
-    };
-  }, [interactive]);
-  return /*#__PURE__*/React.createElement(CollapsiblePrimitive.Trigger, {
-    asChild: true,
-    onClick: e => !interactive && e.preventDefault() // Prevent clicking if not interactive
-  }, /*#__PURE__*/React.createElement("div", Object.assign({}, divAsButtonProps, {
-    className: cn("group/trigger w-full flex items-center relative min-h-[62px]", "focus-visible:outline-none focus-visible:border-none focus-visible:ring-sm focus-visible:ring-primary-dimmed", "group-[.accordion-variant-container]:rounded-lg", "[&[data-state=open]_[data-role=open-close-indicator]]:rotate-180 border-l-accent", interactive ? "cursor-pointer" : "cursor-default")
-  }), draggable ? /*#__PURE__*/React.createElement(AccordionItemDragHandle, null) : null, colorMark && /*#__PURE__*/React.createElement("div", {
-    style: {
-      backgroundColor: colorMark
-    },
-    className: "block w-[4px] h-[48px] rounded-sm ml-sm"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "w-full flex justify-between items-center px-md py-sm-extra"
-  }, openClosedIndicatorPosition === "left" ? /*#__PURE__*/React.createElement(React.Fragment, null, interactive && !locked ? /*#__PURE__*/React.createElement("div", {
-    className: "mr-md"
-  }, /*#__PURE__*/React.createElement(OpenCloseIndicator, null)) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, icon ? /*#__PURE__*/React.createElement("div", {
-    className: "mr-md"
-  }, icon) : null), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-xxs flex-grow text-left"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-xs"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "text-md font-semibold webiny_accordion-item-title"
-  }, title), subtitle && /*#__PURE__*/React.createElement("div", {
-    className: "text-neutral-muted text-md"
-  }, subtitle)), /*#__PURE__*/React.createElement("div", {
-    className: "text-sm text-neutral-strong"
-  }, description)), openClosedIndicatorPosition === "right" ? /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-xs items-center"
-  }, locked ? /*#__PURE__*/React.createElement(Icon, {
-    label: "Locked",
-    icon: /*#__PURE__*/React.createElement(LockIcon, null),
-    color: "neutral-light"
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, actions, actions && interactive ? /*#__PURE__*/React.createElement(AccordionItemAction.Separator, null) : null, interactive ? /*#__PURE__*/React.createElement(OpenCloseIndicator, null) : null)) : /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-xs items-center"
-  }, locked ? /*#__PURE__*/React.createElement(Icon, {
-    label: "Locked",
-    icon: /*#__PURE__*/React.createElement(LockIcon, null),
-    color: "neutral-light"
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, actions)))));
+import * as __rspack_external_react from "react";
+const OpenCloseIndicator = ()=>/*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        size: "md",
+        className: "transition",
+        color: "neutral-strong",
+        "data-role": "open-close-indicator",
+        label: "Open/close indicator",
+        icon: /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null)
+    });
+const AccordionTrigger = ()=>{
+    const { title, subtitle, description, colorMark, actions, icon, interactive = true, locked, draggable, dragHandleRef } = useAccordionItemProps();
+    const accordionProps = useAccordionProps();
+    const openClosedIndicatorPosition = accordionProps.openClosedIndicatorPosition || "right";
+    const divAsButtonProps = __rspack_external_react.useMemo(()=>({
+            role: "button",
+            tabIndex: interactive ? 0 : -1,
+            onKeyDown: (e)=>{
+                if ("Enter" === e.key || " " === e.key) {
+                    e.preventDefault();
+                    e.currentTarget.click();
+                }
+            }
+        }), [
+        interactive
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(Collapsible.Trigger, {
+        asChild: true,
+        onClick: (e)=>!interactive && e.preventDefault()
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...divAsButtonProps,
+        className: cn("group/trigger w-full flex items-center relative min-h-[62px]", "focus-visible:outline-none focus-visible:border-none focus-visible:ring-sm focus-visible:ring-primary-dimmed", "group-[.accordion-variant-container]:rounded-lg", "[&[data-state=open]_[data-role=open-close-indicator]]:rotate-180 border-l-accent", interactive ? "cursor-pointer" : "cursor-default")
+    }, draggable ? /*#__PURE__*/ __rspack_external_react.createElement(AccordionItemDragHandle, {
+        dragHandleRef: dragHandleRef
+    }) : null, colorMark && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        style: {
+            backgroundColor: colorMark
+        },
+        className: "block w-[4px] h-[48px] rounded-sm ml-sm"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "w-full flex justify-between items-center px-md py-sm-extra"
+    }, "left" === openClosedIndicatorPosition ? /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, interactive && !locked ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "mr-md"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(OpenCloseIndicator, null)) : null) : /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, icon ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "mr-md"
+    }, icon) : null), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex flex-col gap-xxs flex-grow text-left"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-xs"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "text-md font-semibold webiny_accordion-item-title"
+    }, title), subtitle && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "text-neutral-muted text-md"
+    }, subtitle)), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "text-sm text-neutral-strong"
+    }, description)), "right" === openClosedIndicatorPosition ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-xs items-center"
+    }, locked ? /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        label: "Locked",
+        icon: /*#__PURE__*/ __rspack_external_react.createElement(lock_svg_ReactComponent, null),
+        color: "neutral-light"
+    }) : /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, actions, actions && interactive ? /*#__PURE__*/ __rspack_external_react.createElement(AccordionItemAction.Separator, null) : null, interactive ? /*#__PURE__*/ __rspack_external_react.createElement(OpenCloseIndicator, null) : null)) : /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-xs items-center"
+    }, locked ? /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        label: "Locked",
+        icon: /*#__PURE__*/ __rspack_external_react.createElement(lock_svg_ReactComponent, null),
+        color: "neutral-light"
+    }) : /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, actions)))));
 };
 export { AccordionTrigger };
 

package/Accordion/components/AccordionTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","KeyboardArrowDownIcon","LockIcon","Collapsible","CollapsiblePrimitive","cn","useAccordionItemProps","useAccordionProps","AccordionItemAction","Icon","AccordionItemDragHandle","OpenCloseIndicator","createElement","size","className","color","label","icon","AccordionTrigger","title","subtitle","description","colorMark","actions","interactive","locked","draggable","accordionProps","openClosedIndicatorPosition","divAsButtonProps","useMemo","role","tabIndex","onKeyDown","e","key","preventDefault","currentTarget","click","Trigger","asChild","onClick","Object","assign","style","backgroundColor","Fragment","Separator"],"sources":["AccordionTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as KeyboardArrowDownIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { useAccordionItemProps } from \"./AccordionItem.js\";\nimport { useAccordionProps } from \"./AccordionPropsProvider.js\";\nimport { AccordionItemAction } from \"./AccordionItemAction.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { AccordionItemDragHandle } from \"~/Accordion/components/AccordionItemDragHandle.js\";\n\nconst OpenCloseIndicator = () => {\n    return (\n        <Icon\n            size={\"md\"}\n            className={\"transition\"}\n            color={\"neutral-strong\"}\n            data-role={\"open-close-indicator\"}\n            label={\"Open/close indicator\"}\n            icon={<KeyboardArrowDownIcon />}\n        />\n    );\n};\n\nconst AccordionTrigger = () => {\n    const {\n        title,\n        subtitle,\n        description,\n        colorMark,\n        actions,\n        icon,\n        interactive = true,\n        locked,\n        draggable\n    } = useAccordionItemProps();\n\n    const accordionProps = useAccordionProps();\n    const openClosedIndicatorPosition = accordionProps.openClosedIndicatorPosition || \"right\";\n    // The following three attributes are required for the trigger to act as a button.\n    // We can't use the default button element here because the content of the trigger\n    // can also contain one or more buttons.\n    const divAsButtonProps = React.useMemo<React.HTMLAttributes<HTMLDivElement>>(() => {\n        return {\n            role: \"button\",\n            tabIndex: interactive ? 0 : -1, // Disable keyboard interaction if not interactive\n            onKeyDown: e => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    e.currentTarget.click();\n                }\n            }\n        };\n    }, [interactive]);\n\n    return (\n        <CollapsiblePrimitive.Trigger\n            asChild\n            onClick={e => !interactive && e.preventDefault()} // Prevent clicking if not interactive\n        >\n            <div\n                {...divAsButtonProps}\n                className={cn(\n                    \"group/trigger w-full flex items-center relative min-h-[62px]\",\n                    \"focus-visible:outline-none focus-visible:border-none focus-visible:ring-sm focus-visible:ring-primary-dimmed\",\n                    \"group-[.accordion-variant-container]:rounded-lg\",\n                    \"[&[data-state=open]_[data-role=open-close-indicator]]:rotate-180 border-l-accent\",\n                    interactive ? \"cursor-pointer\" : \"cursor-default\"\n                )}\n            >\n                {draggable ? <AccordionItemDragHandle /> : null}\n                {colorMark && (\n                    <div\n                        style={{ backgroundColor: colorMark }}\n                        className={\"block w-[4px] h-[48px] rounded-sm ml-sm\"}\n                    />\n                )}\n                <div className={\"w-full flex justify-between items-center px-md py-sm-extra\"}>\n                    {/* Left side: icon or indicator based on position */}\n                    {openClosedIndicatorPosition === \"left\" ? (\n                        <>\n                            {interactive && !locked ? (\n                                <div className={\"mr-md\"}>\n                                    <OpenCloseIndicator />\n                                </div>\n                            ) : null}\n                        </>\n                    ) : (\n                        <>{icon ? <div className={\"mr-md\"}>{icon}</div> : null}</>\n                    )}\n\n                    {/* Center: title, subtitle, description */}\n                    <div className={\"flex flex-col gap-xxs flex-grow text-left\"}>\n                        <div className={\"flex gap-xs\"}>\n                            <div className={\"text-md font-semibold webiny_accordion-item-title\"}>\n                                {title}\n                            </div>\n                            {subtitle && (\n                                <div className={\"text-neutral-muted text-md\"}>{subtitle}</div>\n                            )}\n                        </div>\n\n                        <div className={\"text-sm text-neutral-strong\"}>{description}</div>\n                    </div>\n\n                    {/* Right side: actions and indicator (or locked icon) */}\n                    {openClosedIndicatorPosition === \"right\" ? (\n                        <div className={\"flex gap-xs items-center\"}>\n                            {locked ? (\n                                <Icon label=\"Locked\" icon={<LockIcon />} color={\"neutral-light\"} />\n                            ) : (\n                                <>\n                                    {actions}\n                                    {/* No need to show the separator if there are no actions and the item is not interactive. */}\n                                    {actions && interactive ? (\n                                        <AccordionItemAction.Separator />\n                                    ) : null}\n                                    {interactive ? <OpenCloseIndicator /> : null}\n                                </>\n                            )}\n                        </div>\n                    ) : (\n                        <div className={\"flex gap-xs items-center\"}>\n                            {locked ? (\n                                <Icon label=\"Locked\" icon={<LockIcon />} color={\"neutral-light\"} />\n                            ) : (\n                                <>{actions}</>\n                            )}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </CollapsiblePrimitive.Trigger>\n    );\n};\n\nexport { AccordionTrigger };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Accordion/components/AccordionTrigger.js","sources":["../../../src/Accordion/components/AccordionTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as KeyboardArrowDownIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\nimport { cn } from \"~/utils.js\";\nimport { useAccordionItemProps } from \"./AccordionItem.js\";\nimport { useAccordionProps } from \"./AccordionPropsProvider.js\";\nimport { AccordionItemAction } from \"./AccordionItemAction.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { AccordionItemDragHandle } from \"~/Accordion/components/AccordionItemDragHandle.js\";\n\nconst OpenCloseIndicator = () => {\n    return (\n        <Icon\n            size={\"md\"}\n            className={\"transition\"}\n            color={\"neutral-strong\"}\n            data-role={\"open-close-indicator\"}\n            label={\"Open/close indicator\"}\n            icon={<KeyboardArrowDownIcon />}\n        />\n    );\n};\n\nconst AccordionTrigger = () => {\n    const {\n        title,\n        subtitle,\n        description,\n        colorMark,\n        actions,\n        icon,\n        interactive = true,\n        locked,\n        draggable,\n        dragHandleRef\n    } = useAccordionItemProps();\n\n    const accordionProps = useAccordionProps();\n    const openClosedIndicatorPosition = accordionProps.openClosedIndicatorPosition || \"right\";\n    // The following three attributes are required for the trigger to act as a button.\n    // We can't use the default button element here because the content of the trigger\n    // can also contain one or more buttons.\n    const divAsButtonProps = React.useMemo<React.HTMLAttributes<HTMLDivElement>>(() => {\n        return {\n            role: \"button\",\n            tabIndex: interactive ? 0 : -1, // Disable keyboard interaction if not interactive\n            onKeyDown: e => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    e.currentTarget.click();\n                }\n            }\n        };\n    }, [interactive]);\n\n    return (\n        <CollapsiblePrimitive.Trigger\n            asChild\n            onClick={e => !interactive && e.preventDefault()} // Prevent clicking if not interactive\n        >\n            <div\n                {...divAsButtonProps}\n                className={cn(\n                    \"group/trigger w-full flex items-center relative min-h-[62px]\",\n                    \"focus-visible:outline-none focus-visible:border-none focus-visible:ring-sm focus-visible:ring-primary-dimmed\",\n                    \"group-[.accordion-variant-container]:rounded-lg\",\n                    \"[&[data-state=open]_[data-role=open-close-indicator]]:rotate-180 border-l-accent\",\n                    interactive ? \"cursor-pointer\" : \"cursor-default\"\n                )}\n            >\n                {draggable ? <AccordionItemDragHandle dragHandleRef={dragHandleRef} /> : null}\n                {colorMark && (\n                    <div\n                        style={{ backgroundColor: colorMark }}\n                        className={\"block w-[4px] h-[48px] rounded-sm ml-sm\"}\n                    />\n                )}\n                <div className={\"w-full flex justify-between items-center px-md py-sm-extra\"}>\n                    {/* Left side: icon or indicator based on position */}\n                    {openClosedIndicatorPosition === \"left\" ? (\n                        <>\n                            {interactive && !locked ? (\n                                <div className={\"mr-md\"}>\n                                    <OpenCloseIndicator />\n                                </div>\n                            ) : null}\n                        </>\n                    ) : (\n                        <>{icon ? <div className={\"mr-md\"}>{icon}</div> : null}</>\n                    )}\n\n                    {/* Center: title, subtitle, description */}\n                    <div className={\"flex flex-col gap-xxs flex-grow text-left\"}>\n                        <div className={\"flex gap-xs\"}>\n                            <div className={\"text-md font-semibold webiny_accordion-item-title\"}>\n                                {title}\n                            </div>\n                            {subtitle && (\n                                <div className={\"text-neutral-muted text-md\"}>{subtitle}</div>\n                            )}\n                        </div>\n\n                        <div className={\"text-sm text-neutral-strong\"}>{description}</div>\n                    </div>\n\n                    {/* Right side: actions and indicator (or locked icon) */}\n                    {openClosedIndicatorPosition === \"right\" ? (\n                        <div className={\"flex gap-xs items-center\"}>\n                            {locked ? (\n                                <Icon label=\"Locked\" icon={<LockIcon />} color={\"neutral-light\"} />\n                            ) : (\n                                <>\n                                    {actions}\n                                    {/* No need to show the separator if there are no actions and the item is not interactive. */}\n                                    {actions && interactive ? (\n                                        <AccordionItemAction.Separator />\n                                    ) : null}\n                                    {interactive ? <OpenCloseIndicator /> : null}\n                                </>\n                            )}\n                        </div>\n                    ) : (\n                        <div className={\"flex gap-xs items-center\"}>\n                            {locked ? (\n                                <Icon label=\"Locked\" icon={<LockIcon />} color={\"neutral-light\"} />\n                            ) : (\n                                <>{actions}</>\n                            )}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </CollapsiblePrimitive.Trigger>\n    );\n};\n\nexport { AccordionTrigger };\n"],"names":["OpenCloseIndicator","Icon","KeyboardArrowDownIcon","AccordionTrigger","title","subtitle","description","colorMark","actions","icon","interactive","locked","draggable","dragHandleRef","useAccordionItemProps","accordionProps","useAccordionProps","openClosedIndicatorPosition","divAsButtonProps","React","e","CollapsiblePrimitive","cn","AccordionItemDragHandle","LockIcon","AccordionItemAction"],"mappings":";;;;;;;;;;AAWA,MAAMA,qBAAqB,IAChB,WAAP,GACI,sCAACC,MAAIA;QACD,MAAM;QACN,WAAW;QACX,OAAO;QACP,aAAW;QACX,OAAO;QACP,oBAAM,sCAACC,gBAAqBA;;AAKxC,MAAMC,mBAAmB;IACrB,MAAM,EACFC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,IAAI,EACJC,cAAc,IAAI,EAClBC,MAAM,EACNC,SAAS,EACTC,aAAa,EAChB,GAAGC;IAEJ,MAAMC,iBAAiBC;IACvB,MAAMC,8BAA8BF,eAAe,2BAA2B,IAAI;IAIlF,MAAMG,mBAAmBC,wBAAAA,OAAa,CAAuC,IAClE;YACH,MAAM;YACN,UAAUT,cAAc,IAAI;YAC5B,WAAWU,CAAAA;gBACP,IAAIA,AAAU,YAAVA,EAAE,GAAG,IAAgBA,AAAU,QAAVA,EAAE,GAAG,EAAU;oBACpCA,EAAE,cAAc;oBAChBA,EAAE,aAAa,CAAC,KAAK;gBACzB;YACJ;QACJ,IACD;QAACV;KAAY;IAEhB,OAAO,WAAP,GACI,sCAACW,YAAAA,OAA4B;QACzB;QACA,SAASD,CAAAA,IAAK,CAACV,eAAeU,EAAE,cAAc;qBAE9C,sCAAC;QACI,GAAGF,gBAAgB;QACpB,WAAWI,GACP,gEACA,gHACA,mDACA,oFACAZ,cAAc,mBAAmB;OAGpCE,YAAY,WAAZA,GAAY,sCAACW,yBAAuBA;QAAC,eAAeV;SAAoB,MACxEN,aAAa,WAAbA,GACG,sCAAC;QACG,OAAO;YAAE,iBAAiBA;QAAU;QACpC,WAAW;sBAGnB,sCAAC;QAAI,WAAW;OAEXU,AAAgC,WAAhCA,8BAAyC,WAAT,GAC7B,8EACKP,eAAe,CAACC,SAAS,WAATA,GACb,sCAAC;QAAI,WAAW;qBACZ,sCAACX,oBAAkBA,SAEvB,sBAGR,8EAAGS,OAAO,WAAPA,GAAO,sCAAC;QAAI,WAAW;OAAUA,QAAc,qBAItD,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QAAI,WAAW;OACXL,QAEJC,YAAY,WAAZA,GACG,sCAAC;QAAI,WAAW;OAA+BA,YAAAA,WAAAA,GAIvD,sCAAC;QAAI,WAAW;OAAgCC,eAInDW,AAAgC,YAAhCA,8BAA0C,WAAV,GAC7B,sCAAC;QAAI,WAAW;OACXN,SAAS,WAATA,GACG,sCAACV,MAAIA;QAAC,OAAM;QAAS,oBAAM,sCAACuB,yBAAQA;QAAK,OAAO;uBAEhD,8EACKhB,SAEAA,WAAWE,cAAc,WAAdA,GACR,sCAACe,oBAAoB,SAAS,UAC9B,MACHf,cAAc,WAAdA,GAAc,sCAACV,oBAAkBA,QAAM,uBAKpD,sCAAC;QAAI,WAAW;OACXW,SAAS,WAATA,GACG,sCAACV,MAAIA;QAAC,OAAM;QAAS,oBAAM,sCAACuB,yBAAQA;QAAK,OAAO;uBAEhD,8EAAGhB;AAQnC"}

package/Accordion/index.js

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

package/AdminUiProvider/AdminUiProvider.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
 import { type LinkComponent } from "../index.js";
+import type { FileUrlFormatter } from "./FileUrlFormatter.js";
 export type CompileMarkdown = (markdown: React.ReactNode) => React.ReactNode;
 export interface AdminUiContextValue {
     linkComponent: LinkComponent;
     compileMarkdown: CompileMarkdown;
+    fileUrlFormatter: FileUrlFormatter;
 }
 export declare const AdminUiContext: React.Context<AdminUiContextValue | undefined>;
 interface MarkdownCompiler {
@@ -12,6 +14,7 @@ interface MarkdownCompiler {
 export interface AdminUiProviderProps {
     linkComponent?: LinkComponent;
     markdownCompiler?: MarkdownCompiler;
+    fileUrlFormatter?: FileUrlFormatter;
     children: React.ReactNode;
 }
 export declare const AdminUiProvider: ({ children, ...props }: AdminUiProviderProps) => React.JSX.Element;

package/AdminUiProvider/AdminUiProvider.js

@@ -1,57 +1,54 @@
-import React, { useCallback, useEffect, useRef } from "react";
+import react, { useCallback, useEffect, useMemo, useRef } from "react";
 import { Toast } from "../Toast/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { DefaultLinkComponent } from "../index.js";
-const passthrough = markdown => markdown;
-export const AdminUiContext = /*#__PURE__*/React.createContext(undefined);
-export const AdminUiProvider = ({
-  children,
-  ...props
-}) => {
-  const linkComponent = props.linkComponent ?? DefaultLinkComponent;
-  const markdownCompiler = props.markdownCompiler ?? passthrough;
-
-  // Cache to store compiled markdown results
-  const cacheRef = useRef(new Map());
-
-  // Clear cache when markdownCompiler changes
-  useEffect(() => {
-    cacheRef.current.clear();
-  }, [markdownCompiler]);
-  const compileMarkdown = useCallback(markdown => {
-    if (!markdownCompiler) {
-      return markdown;
-    }
-    if (/*#__PURE__*/React.isValidElement(markdown)) {
-      return markdown;
-    }
-    if (typeof markdown === "string") {
-      // Check cache first
-      const cached = cacheRef.current.get(markdown);
-      if (cached !== undefined) {
-        return cached;
-      }
-
-      // Compile and cache
-      const compiled = markdownCompiler(markdown);
-      cacheRef.current.set(markdown, compiled);
-      return compiled;
-    }
-    return markdown;
-  }, [markdownCompiler]);
-  return /*#__PURE__*/React.createElement(AdminUiContext.Provider, {
-    value: {
-      linkComponent,
-      compileMarkdown
-    }
-  }, /*#__PURE__*/React.createElement(Tooltip.Provider, null, children), /*#__PURE__*/React.createElement(Toast.Provider, null));
+const passthrough = (markdown)=>markdown;
+const passthroughFileUrlFormatter = {
+    format (_url) {}
+};
+const AdminUiContext = /*#__PURE__*/ react.createContext(void 0);
+const AdminUiProvider = ({ children, ...props })=>{
+    const linkComponent = props.linkComponent ?? DefaultLinkComponent;
+    const markdownCompiler = props.markdownCompiler ?? passthrough;
+    const fileUrlFormatter = props.fileUrlFormatter ?? passthroughFileUrlFormatter;
+    const cacheRef = useRef(new Map());
+    useEffect(()=>{
+        cacheRef.current.clear();
+    }, [
+        markdownCompiler
+    ]);
+    const compileMarkdown = useCallback((markdown)=>{
+        if (!markdownCompiler) return markdown;
+        if (/*#__PURE__*/ react.isValidElement(markdown)) return markdown;
+        if ("string" == typeof markdown) {
+            const cached = cacheRef.current.get(markdown);
+            if (void 0 !== cached) return cached;
+            const compiled = markdownCompiler(markdown);
+            cacheRef.current.set(markdown, compiled);
+            return compiled;
+        }
+        return markdown;
+    }, [
+        markdownCompiler
+    ]);
+    const contextValue = useMemo(()=>({
+            linkComponent,
+            compileMarkdown,
+            fileUrlFormatter
+        }), [
+        linkComponent,
+        compileMarkdown,
+        fileUrlFormatter
+    ]);
+    return /*#__PURE__*/ react.createElement(AdminUiContext.Provider, {
+        value: contextValue
+    }, /*#__PURE__*/ react.createElement(Tooltip.Provider, null, children), /*#__PURE__*/ react.createElement(Toast.Provider, null));
 };
-export const useAdminUi = () => {
-  const context = React.useContext(AdminUiContext);
-  if (!context) {
-    throw new Error("AdminUiProvider is missing from the component tree.");
-  }
-  return context;
+const useAdminUi = ()=>{
+    const context = react.useContext(AdminUiContext);
+    if (!context) throw new Error("AdminUiProvider is missing from the component tree.");
+    return context;
 };
+export { AdminUiContext, AdminUiProvider, useAdminUi };
 
 //# sourceMappingURL=AdminUiProvider.js.map

package/AdminUiProvider/AdminUiProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","Toast","Tooltip","DefaultLinkComponent","passthrough","markdown","AdminUiContext","createContext","undefined","AdminUiProvider","children","props","linkComponent","markdownCompiler","cacheRef","Map","current","clear","compileMarkdown","isValidElement","cached","get","compiled","set","createElement","Provider","value","useAdminUi","context","useContext","Error"],"sources":["AdminUiProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { Toast } from \"~/Toast/index.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { type LinkComponent, DefaultLinkComponent } from \"~/index.js\";\n\nexport type CompileMarkdown = (markdown: React.ReactNode) => React.ReactNode;\n\nexport interface AdminUiContextValue {\n    linkComponent: LinkComponent;\n    compileMarkdown: CompileMarkdown;\n}\n\nconst passthrough = (markdown: string) => markdown;\n\nexport const AdminUiContext = React.createContext<AdminUiContextValue | undefined>(undefined);\n\ninterface MarkdownCompiler {\n    (markdown: string): React.ReactNode;\n}\n\nexport interface AdminUiProviderProps {\n    linkComponent?: LinkComponent;\n    markdownCompiler?: MarkdownCompiler;\n    children: React.ReactNode;\n}\n\nexport const AdminUiProvider = ({ children, ...props }: AdminUiProviderProps) => {\n    const linkComponent = props.linkComponent ?? DefaultLinkComponent;\n    const markdownCompiler = props.markdownCompiler ?? passthrough;\n\n    // Cache to store compiled markdown results\n    const cacheRef = useRef(new Map<string, React.ReactNode>());\n\n    // Clear cache when markdownCompiler changes\n    useEffect(() => {\n        cacheRef.current.clear();\n    }, [markdownCompiler]);\n\n    const compileMarkdown = useCallback(\n        (markdown: React.ReactNode) => {\n            if (!markdownCompiler) {\n                return markdown;\n            }\n\n            if (React.isValidElement(markdown)) {\n                return markdown;\n            }\n\n            if (typeof markdown === \"string\") {\n                // Check cache first\n                const cached = cacheRef.current.get(markdown);\n                if (cached !== undefined) {\n                    return cached;\n                }\n\n                // Compile and cache\n                const compiled = markdownCompiler(markdown);\n                cacheRef.current.set(markdown, compiled);\n                return compiled;\n            }\n\n            return markdown;\n        },\n        [markdownCompiler]\n    );\n\n    return (\n        <AdminUiContext.Provider value={{ linkComponent, compileMarkdown }}>\n            <Tooltip.Provider>{children}</Tooltip.Provider>\n            <Toast.Provider />\n        </AdminUiContext.Provider>\n    );\n};\n\nexport const useAdminUi = () => {\n    const context = React.useContext(AdminUiContext);\n    if (!context) {\n        throw new Error(\"AdminUiProvider is missing from the component tree.\");\n    }\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC7D,SAASC,KAAK;AACd,SAASC,OAAO;AAChB,SAA6BC,oBAAoB;AASjD,MAAMC,WAAW,GAAIC,QAAgB,IAAKA,QAAQ;AAElD,OAAO,MAAMC,cAAc,gBAAGT,KAAK,CAACU,aAAa,CAAkCC,SAAS,CAAC;AAY7F,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAA4B,CAAC,KAAK;EAC7E,MAAMC,aAAa,GAAGD,KAAK,CAACC,aAAa,IAAIT,oBAAoB;EACjE,MAAMU,gBAAgB,GAAGF,KAAK,CAACE,gBAAgB,IAAIT,WAAW;;EAE9D;EACA,MAAMU,QAAQ,GAAGd,MAAM,CAAC,IAAIe,GAAG,CAA0B,CAAC,CAAC;;EAE3D;EACAhB,SAAS,CAAC,MAAM;IACZe,QAAQ,CAACE,OAAO,CAACC,KAAK,CAAC,CAAC;EAC5B,CAAC,EAAE,CAACJ,gBAAgB,CAAC,CAAC;EAEtB,MAAMK,eAAe,GAAGpB,WAAW,CAC9BO,QAAyB,IAAK;IAC3B,IAAI,CAACQ,gBAAgB,EAAE;MACnB,OAAOR,QAAQ;IACnB;IAEA,iBAAIR,KAAK,CAACsB,cAAc,CAACd,QAAQ,CAAC,EAAE;MAChC,OAAOA,QAAQ;IACnB;IAEA,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;MAC9B;MACA,MAAMe,MAAM,GAAGN,QAAQ,CAACE,OAAO,CAACK,GAAG,CAAChB,QAAQ,CAAC;MAC7C,IAAIe,MAAM,KAAKZ,SAAS,EAAE;QACtB,OAAOY,MAAM;MACjB;;MAEA;MACA,MAAME,QAAQ,GAAGT,gBAAgB,CAACR,QAAQ,CAAC;MAC3CS,QAAQ,CAACE,OAAO,CAACO,GAAG,CAAClB,QAAQ,EAAEiB,QAAQ,CAAC;MACxC,OAAOA,QAAQ;IACnB;IAEA,OAAOjB,QAAQ;EACnB,CAAC,EACD,CAACQ,gBAAgB,CACrB,CAAC;EAED,oBACIhB,KAAA,CAAA2B,aAAA,CAAClB,cAAc,CAACmB,QAAQ;IAACC,KAAK,EAAE;MAAEd,aAAa;MAAEM;IAAgB;EAAE,gBAC/DrB,KAAA,CAAA2B,aAAA,CAACtB,OAAO,CAACuB,QAAQ,QAAEf,QAA2B,CAAC,eAC/Cb,KAAA,CAAA2B,aAAA,CAACvB,KAAK,CAACwB,QAAQ,MAAE,CACI,CAAC;AAElC,CAAC;AAED,OAAO,MAAME,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAG/B,KAAK,CAACgC,UAAU,CAACvB,cAAc,CAAC;EAChD,IAAI,CAACsB,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,qDAAqD,CAAC;EAC1E;EACA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"file":"AdminUiProvider/AdminUiProvider.js","sources":["../../src/AdminUiProvider/AdminUiProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { Toast } from \"~/Toast/index.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { type LinkComponent, DefaultLinkComponent } from \"~/index.js\";\nimport type { FileUrlFormatter } from \"./FileUrlFormatter.js\";\n\nexport type CompileMarkdown = (markdown: React.ReactNode) => React.ReactNode;\n\nexport interface AdminUiContextValue {\n    linkComponent: LinkComponent;\n    compileMarkdown: CompileMarkdown;\n    fileUrlFormatter: FileUrlFormatter;\n}\n\nconst passthrough = (markdown: string) => markdown;\n\nconst passthroughFileUrlFormatter: FileUrlFormatter = {\n    format(_url: URL): void {\n        // passthrough — no-op\n    }\n};\n\nexport const AdminUiContext = React.createContext<AdminUiContextValue | undefined>(undefined);\n\ninterface MarkdownCompiler {\n    (markdown: string): React.ReactNode;\n}\n\nexport interface AdminUiProviderProps {\n    linkComponent?: LinkComponent;\n    markdownCompiler?: MarkdownCompiler;\n    fileUrlFormatter?: FileUrlFormatter;\n    children: React.ReactNode;\n}\n\nexport const AdminUiProvider = ({ children, ...props }: AdminUiProviderProps) => {\n    const linkComponent = props.linkComponent ?? DefaultLinkComponent;\n    const markdownCompiler = props.markdownCompiler ?? passthrough;\n    const fileUrlFormatter = props.fileUrlFormatter ?? passthroughFileUrlFormatter;\n\n    // Cache to store compiled markdown results\n    const cacheRef = useRef(new Map<string, React.ReactNode>());\n\n    // Clear cache when markdownCompiler changes\n    useEffect(() => {\n        cacheRef.current.clear();\n    }, [markdownCompiler]);\n\n    const compileMarkdown = useCallback(\n        (markdown: React.ReactNode) => {\n            if (!markdownCompiler) {\n                return markdown;\n            }\n\n            if (React.isValidElement(markdown)) {\n                return markdown;\n            }\n\n            if (typeof markdown === \"string\") {\n                // Check cache first\n                const cached = cacheRef.current.get(markdown);\n                if (cached !== undefined) {\n                    return cached;\n                }\n\n                // Compile and cache\n                const compiled = markdownCompiler(markdown);\n                cacheRef.current.set(markdown, compiled);\n                return compiled;\n            }\n\n            return markdown;\n        },\n        [markdownCompiler]\n    );\n\n    const contextValue = useMemo(\n        () => ({ linkComponent, compileMarkdown, fileUrlFormatter }),\n        [linkComponent, compileMarkdown, fileUrlFormatter]\n    );\n\n    return (\n        <AdminUiContext.Provider value={contextValue}>\n            <Tooltip.Provider>{children}</Tooltip.Provider>\n            <Toast.Provider />\n        </AdminUiContext.Provider>\n    );\n};\n\nexport const useAdminUi = () => {\n    const context = React.useContext(AdminUiContext);\n    if (!context) {\n        throw new Error(\"AdminUiProvider is missing from the component tree.\");\n    }\n    return context;\n};\n"],"names":["passthrough","markdown","passthroughFileUrlFormatter","_url","AdminUiContext","React","undefined","AdminUiProvider","children","props","linkComponent","DefaultLinkComponent","markdownCompiler","fileUrlFormatter","cacheRef","useRef","Map","useEffect","compileMarkdown","useCallback","cached","compiled","contextValue","useMemo","Tooltip","Toast","useAdminUi","context","Error"],"mappings":";;;;AAcA,MAAMA,cAAc,CAACC,WAAqBA;AAE1C,MAAMC,8BAAgD;IAClD,QAAOC,IAAS,GAEhB;AACJ;AAEO,MAAMC,iBAAiB,WAAHA,GAAGC,MAAAA,aAAmB,CAAkCC;AAa5E,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAA6B;IACxE,MAAMC,gBAAgBD,MAAM,aAAa,IAAIE;IAC7C,MAAMC,mBAAmBH,MAAM,gBAAgB,IAAIT;IACnD,MAAMa,mBAAmBJ,MAAM,gBAAgB,IAAIP;IAGnD,MAAMY,WAAWC,OAAO,IAAIC;IAG5BC,UAAU;QACNH,SAAS,OAAO,CAAC,KAAK;IAC1B,GAAG;QAACF;KAAiB;IAErB,MAAMM,kBAAkBC,YACpB,CAAClB;QACG,IAAI,CAACW,kBACD,OAAOX;QAGX,IAAI,WAAJ,GAAII,MAAAA,cAAoB,CAACJ,WACrB,OAAOA;QAGX,IAAI,AAAoB,YAApB,OAAOA,UAAuB;YAE9B,MAAMmB,SAASN,SAAS,OAAO,CAAC,GAAG,CAACb;YACpC,IAAImB,AAAWd,WAAXc,QACA,OAAOA;YAIX,MAAMC,WAAWT,iBAAiBX;YAClCa,SAAS,OAAO,CAAC,GAAG,CAACb,UAAUoB;YAC/B,OAAOA;QACX;QAEA,OAAOpB;IACX,GACA;QAACW;KAAiB;IAGtB,MAAMU,eAAeC,QACjB,IAAO;YAAEb;YAAeQ;YAAiBL;QAAiB,IAC1D;QAACH;QAAeQ;QAAiBL;KAAiB;IAGtD,OAAO,WAAP,GACI,oBAACT,eAAe,QAAQ;QAAC,OAAOkB;qBAC5B,oBAACE,QAAQ,QAAQ,QAAEhB,WAAAA,WAAAA,GACnB,oBAACiB,MAAM,QAAQ;AAG3B;AAEO,MAAMC,aAAa;IACtB,MAAMC,UAAUtB,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACuB,SACD,MAAM,IAAIC,MAAM;IAEpB,OAAOD;AACX"}

package/AdminUiProvider/FileUrlFormatter.d.ts

@@ -0,0 +1,7 @@
+export interface FileUrlParams {
+    width?: number;
+    [key: string]: unknown;
+}
+export interface FileUrlFormatter {
+    format(url: URL, params?: FileUrlParams): void;
+}

package/AdminUiProvider/index.d.ts

@@ -1 +1,2 @@
 export * from "./AdminUiProvider.js";
+export * from "./FileUrlFormatter.js";

package/AdminUiProvider/index.js

@@ -1,3 +1,2 @@
 export * from "./AdminUiProvider.js";
-
-//# sourceMappingURL=index.js.map
+export * from "./FileUrlFormatter.js";

package/Alert/Alert.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { type VariantProps } from "../utils.js";
 import { type ButtonProps } from "../Button/index.js";
 declare const alertVariants: (props?: ({
-    type?: "info" | "success" | "warning" | "danger" | null | undefined;
+    type?: "danger" | "info" | "success" | "warning" | null | undefined;
     variant?: "strong" | "subtle" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
@@ -13,59 +13,61 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Varian
     swatchColor?: string;
     swatchColorIcon?: boolean;
 }
-declare const AlertAction: ((props: ButtonProps) => React.JSX.Element) & {
-    original: (props: ButtonProps) => React.JSX.Element;
+declare const AlertActionBase: (props: ButtonProps) => React.JSX.Element;
+declare const AlertAction: typeof AlertActionBase & {
+    original: typeof AlertActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    original: typeof AlertActionBase & {
+        original: typeof AlertActionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof AlertActionBase & {
+        original: typeof AlertActionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-declare const Alert: ((props: AlertProps) => React.JSX.Element) & {
-    original: (props: AlertProps) => React.JSX.Element;
+declare const AlertBase: (props: AlertProps) => React.JSX.Element;
+declare const Alert: typeof AlertBase & {
+    original: typeof AlertBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: AlertProps) => React.JSX.Element) & {
-        original: (props: AlertProps) => React.JSX.Element;
+    original: typeof AlertBase & {
+        original: typeof AlertBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: AlertProps) => React.JSX.Element) & {
-        original: (props: AlertProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof AlertBase & {
+        original: typeof AlertBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
-    Action: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    Action: typeof AlertActionBase & {
+        original: typeof AlertActionBase;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: ButtonProps) => React.JSX.Element) & {
-            original: (props: ButtonProps) => React.JSX.Element;
+        original: typeof AlertActionBase & {
+            original: typeof AlertActionBase;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
-            original: (props: ButtonProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof AlertActionBase & {
+            original: typeof AlertActionBase;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;