@webiny/app-admin 0.0.0-unstable.bca7b3e350 → 0.0.0-unstable.c27f4d8a31

package/components/NotAuthorizedError/NotAuthorizedError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Link","Text","authErrorImg","NotAuthorizedError","createElement","className","width","height","src","alt","to"],"sources":["NotAuthorizedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Link, Text } from \"@webiny/admin-ui\";\nimport authErrorImg from \"./SecureRouteError.svg\";\n\nexport const NotAuthorizedError = () => {\n    return (\n        <div className={\"flex-1\"}>\n            <div className={\"h-full flex flex-col items-center justify-center text-center gap-xs\"}>\n                <img\n                    width={200}\n                    height={200}\n                    src={authErrorImg}\n                    alt=\"Not Authorized\"\n                    className={\"mb-xl\"}\n                />\n                <Text>You are not authorized to view this route.</Text>\n                <Text>Please contact your administrator to request access.</Text>\n                <Link to=\"/\">Take me back.</Link>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,OAAOC,YAAY;AAEnB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAsE,gBAClFN,KAAA,CAAAK,aAAA;IACIE,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,GAAG,EAAEN,YAAa;IAClBO,GAAG,EAAC,gBAAgB;IACpBJ,SAAS,EAAE;EAAQ,CACtB,CAAC,eACFN,KAAA,CAAAK,aAAA,CAACH,IAAI,QAAC,4CAAgD,CAAC,eACvDF,KAAA,CAAAK,aAAA,CAACH,IAAI,QAAC,sDAA0D,CAAC,eACjEF,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACU,EAAE,EAAC;EAAG,GAAC,eAAmB,CAC/B,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/NotAuthorizedError/SecureRouteError.svg

@@ -0,0 +1 @@
+<svg id="ffa0e257-4b46-4632-a8d6-93195cbf254d" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="895.68" height="517.48" viewBox="0 0 895.68 517.48"><defs><linearGradient id="74471b12-b6be-488b-b2aa-2815e91483d9" x1="790.94" y1="640.76" x2="790.94" y2="264.76" gradientTransform="translate(1229.99 -336.2) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient><linearGradient id="f5c756da-9879-448e-9194-9478f83d355f" x1="785.97" y1="446.14" x2="785.97" y2="321.91" gradientTransform="translate(1166.67 -399.94) rotate(90)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="5c9be04e-db0f-4829-87c1-2cfa193e30b8" x1="660.92" y1="518.19" x2="660.92" y2="494.17" gradientTransform="translate(1146.84 -172.9) rotate(90)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="b92f3a53-b4d2-4abd-916c-aeb632188996" x1="433.66" y1="605.23" x2="433.66" y2="235.23" gradientTransform="translate(13.58 8.51)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="44577794-7f8e-40ae-89fc-019e5bfac17e" x1="428.36" y1="413.71" x2="428.36" y2="291.46" gradientTransform="translate(-1.05 11.3)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="666bb7d3-84d0-4835-ad07-c313c2384f21" x1="295.22" y1="484.61" x2="295.22" y2="460.98" gradientTransform="translate(28.38 37.45)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="59939605-05af-4a9a-9980-f700897f3f8b" x1="455.07" y1="464.48" x2="455.07" y2="10.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="6c0ba2ee-2d81-48f4-b4cf-f21b525fcc13" x1="449.07" y1="229.48" x2="449.07" y2="79.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="45b0c09d-2995-447e-8cb2-7f6b59b5e20c" x1="298.07" y1="316.48" x2="298.07" y2="287.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="e5b0a96a-81f6-4370-afe3-5a7d6a35b55e" x1="457.07" y1="517.48" x2="457.07" y2="364.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="a1850e5a-cf77-4889-926a-0125112ab273" x1="611.23" y1="564.74" x2="611.23" y2="464.74" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="66998849-614e-4d8a-b9ff-f14bbc588ed8" x1="611.23" y1="660.74" x2="611.23" y2="602.74" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/></defs><title>safe</title><rect x="792.23" y="49.92" width="19.88" height="470.41" transform="translate(247.6 844.09) rotate(-81.36)" fill="#f5f5f5"/><rect x="589.23" y="209.59" width="376" height="490.29" transform="translate(58.72 963.57) rotate(-81.36)" fill="url(#74471b12-b6be-488b-b2aa-2815e91483d9)"/><rect x="603.48" y="229.23" width="342.87" height="470.41" transform="translate(47.16 969.52) rotate(-81.36)" fill="#f5f5f5"/><circle cx="580.99" cy="251.51" r="4.86" transform="translate(92.88 596.86) rotate(-81.36)" fill="#ff5252"/><circle cx="594.2" cy="253.52" r="4.86" transform="translate(102.12 611.62) rotate(-81.36)" fill="#ff0"/><circle cx="607.41" cy="255.53" r="4.86" transform="translate(111.36 626.39) rotate(-81.36)" fill="#69f0ae"/><rect x="720.53" y="174.84" width="124.23" height="422.38" transform="translate(131.25 910.54) rotate(-81.36)" fill="url(#f5c756da-9879-448e-9194-9478f83d355f)"/><rect x="576.36" y="328.95" width="413.27" height="115.12" transform="translate(-85.2 -304.51) rotate(8.64)" fill="#fa5a28"/><rect x="628.65" y="473.94" width="24.02" height="28.16" transform="translate(-90.24 856.82) rotate(-81.36)" fill="url(#5c9be04e-db0f-4829-87c1-2cfa193e30b8)"/><rect x="627.88" y="477.73" width="26.5" height="19.88" transform="translate(-71.61 -282.05) rotate(8.64)" fill="#fa5a28"/><rect x="622.77" y="511.3" width="26.5" height="19.88" transform="translate(-66.63 -280.9) rotate(8.64)" fill="#ff5252"/><rect x="617.67" y="544.87" width="26.5" height="19.88" transform="translate(-61.64 -279.75) rotate(8.64)" fill="#ff9800"/><rect x="696.41" y="506.51" width="213.67" height="11.59" transform="translate(-66.07 -306.13) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="691.31" y="540.08" width="213.67" height="11.59" transform="translate(-61.09 -304.98) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="686.21" y="573.65" width="213.67" height="11.59" transform="translate(-56.1 -303.83) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="159.15" y="254.51" width="500.84" height="19.56" transform="translate(-199.95 -95.55) rotate(-12.6)" fill="#f5f5f5"/><rect x="186.23" y="243.74" width="522" height="370" transform="translate(-234.92 -83.38) rotate(-12.6)" fill="url(#b92f3a53-b4d2-4abd-916c-aeb632188996)"/><rect x="198.08" y="269.78" width="500.84" height="337.4" transform="translate(-237.01 -82.86) rotate(-12.6)" fill="#f5f5f5"/><ellipse cx="177.11" cy="316.25" rx="5.17" ry="4.78" transform="translate(-216.88 -145.01) rotate(-12.6)" fill="#ff5252"/><ellipse cx="191" cy="313.15" rx="5.17" ry="4.78" transform="translate(-215.87 -142.05) rotate(-12.6)" fill="#ff0"/><ellipse cx="204.88" cy="310.05" rx="5.17" ry="4.78" transform="translate(-214.86 -139.1) rotate(-12.6)" fill="#69f0ae"/><rect x="202.46" y="302.76" width="449.7" height="122.25" transform="translate(-221.25 -89.28) rotate(-12.6)" fill="url(#44577794-7f8e-40ae-89fc-019e5bfac17e)"/><rect x="207.83" y="307.54" width="440" height="113.28" transform="translate(-221.3 -89.16) rotate(-12.6)" fill="#fa5a28"/><rect x="308.61" y="498.42" width="29.98" height="23.63" transform="translate(-255.67 -108.38) rotate(-12.6)" fill="url(#666bb7d3-84d0-4835-ad07-c313c2384f21)"/><rect x="309.83" y="499.96" width="28.22" height="19.56" transform="matrix(0.98, -0.22, 0.22, 0.98, -255.56, -108.32)" fill="#fa5a28"/><rect x="317.12" y="532.57" width="28.22" height="19.56" transform="translate(-262.49 -105.94) rotate(-12.6)" fill="#ff5252"/><rect x="324.41" y="565.18" width="28.22" height="19.56" transform="matrix(0.98, -0.22, 0.22, 0.98, -269.43, -103.57)" fill="#ff9800"/><rect x="380.57" y="465.95" width="227.49" height="11.41" transform="translate(-243.14 -72.07) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="387.86" y="498.56" width="227.49" height="11.41" transform="translate(-250.08 -69.69) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="395.15" y="531.17" width="227.49" height="11.41" transform="translate(-257.02 -67.32) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="170.07" y="18.48" width="568" height="24" fill="#f5f5f5"/><rect x="159.07" y="10.48" width="592" height="454" fill="url(#59939605-05af-4a9a-9980-f700897f3f8b)"/><rect x="170.07" y="42.48" width="568" height="414" fill="#fff"/><circle cx="183.94" cy="30.48" r="5.87" fill="#ff5252"/><circle cx="200.07" cy="30.48" r="5.87" fill="#ff0"/><circle cx="216.2" cy="30.48" r="5.87" fill="#69f0ae"/><rect x="194.07" y="79.48" width="510" height="150" fill="url(#6c0ba2ee-2d81-48f4-b4cf-f21b525fcc13)"/><rect x="200.07" y="85.48" width="499" height="139" fill="#fa5a28"/><rect x="281.07" y="287.48" width="34" height="29" fill="url(#45b0c09d-2995-447e-8cb2-7f6b59b5e20c)"/><rect x="282.57" y="289.48" width="32" height="24" fill="#fa5a28"/><rect x="282.57" y="330.48" width="32" height="24" fill="#ff5252"/><rect x="282.57" y="371.48" width="32" height="24" fill="#ff9800"/><rect x="367.57" y="294.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="367.57" y="335.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="367.57" y="376.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="364.07" y="364.48" width="186" height="153" fill="url(#e5b0a96a-81f6-4370-afe3-5a7d6a35b55e)"/><path d="M559.15,531.41a52.08,52.08,0,0,1,104.17,0v33.33H677.9V531.41a66.67,66.67,0,1,0-133.33,0v33.33h14.58Z" transform="translate(-152.16 -191.26)" fill="url(#a1850e5a-cf77-4889-926a-0125112ab273)"/><path d="M561.23,530.74a50,50,0,0,1,100,0v32h14v-32a64,64,0,0,0-128,0v32h14Z" transform="translate(-152.16 -191.26)" fill="#fff"/><rect x="372.07" y="369.48" width="174" height="142" fill="#fa5a28"/><rect x="372.07" y="369.48" width="174" height="142" fill="#fff"/><rect x="372.07" y="397.48" width="174" height="86" fill="#fa5a28"/><path d="M624,615.5a12.76,12.76,0,1,0-22,8.74v27.22a9.28,9.28,0,0,0,18.56,0V624.24A12.7,12.7,0,0,0,624,615.5Z" transform="translate(-152.16 -191.26)" fill="url(#66998849-614e-4d8a-b9ff-f14bbc588ed8)"/><path d="M622.23,617.74a11,11,0,1,0-19,7.53v23.47a8,8,0,1,0,16,0V625.27A11,11,0,0,0,622.23,617.74Z" transform="translate(-152.16 -191.26)" opacity="0.2"/></svg>

package/components/NotAuthorizedError/index.d.ts

@@ -0,0 +1 @@
+export { NotAuthorizedError } from "./NotAuthorizedError.js";

package/components/NotAuthorizedError/index.js

@@ -0,0 +1,3 @@
+export { NotAuthorizedError } from "./NotAuthorizedError.js";
+
+//# sourceMappingURL=index.js.map

package/components/NotAuthorizedError/index.js.map

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

package/components/OptionsMenu/OptionsMenu.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface OptionsMenuProps {
+    actions: {
+        name: string;
+        element: React.ReactElement;
+    }[];
+    trigger?: React.ReactElement;
+    ["data-testid"]?: string;
+}
+export declare const OptionsMenu: (props: OptionsMenuProps) => React.JSX.Element | null;

package/components/OptionsMenu/OptionsMenu.js

@@ -0,0 +1,23 @@
+import React, { Fragment } from "react";
+import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
+import { IconButton, DropdownMenu } from "@webiny/admin-ui";
+import { OptionsMenuItemProvider } from "./useOptionsMenuItem.js";
+export const OptionsMenu = props => {
+  if (!props.actions.length) {
+    return null;
+  }
+  const trigger = props.trigger || /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
+    size: "sm",
+    iconSize: "lg",
+    variant: "ghost",
+    "data-testid": props["data-testid"] || "more-options-icon"
+  });
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
+    trigger: trigger
+  }, props.actions.map(action => /*#__PURE__*/React.createElement(Fragment, {
+    key: action.name
+  }, /*#__PURE__*/React.createElement(OptionsMenuItemProvider, null, action.element))));
+};
+
+//# sourceMappingURL=OptionsMenu.js.map

package/components/OptionsMenu/OptionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","ReactComponent","MoreVerticalIcon","IconButton","DropdownMenu","OptionsMenuItemProvider","OptionsMenu","props","actions","length","trigger","createElement","icon","size","iconSize","variant","map","action","key","name","element"],"sources":["OptionsMenu.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { IconButton, DropdownMenu } from \"@webiny/admin-ui\";\nimport { OptionsMenuItemProvider } from \"./useOptionsMenuItem.js\";\n\nexport interface OptionsMenuProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n    trigger?: React.ReactElement;\n    [\"data-testid\"]?: string;\n}\n\nexport const OptionsMenu = (props: OptionsMenuProps) => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    const trigger = props.trigger || (\n        <IconButton\n            icon={<MoreVerticalIcon />}\n            size={\"sm\"}\n            iconSize={\"lg\"}\n            variant={\"ghost\"}\n            data-testid={props[\"data-testid\"] || \"more-options-icon\"}\n        />\n    );\n\n    return (\n        <DropdownMenu trigger={trigger}>\n            {props.actions.map(action => (\n                <Fragment key={action.name}>\n                    <OptionsMenuItemProvider>{action.element}</OptionsMenuItemProvider>\n                </Fragment>\n            ))}\n        </DropdownMenu>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,cAAc,IAAIC,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,uBAAuB;AAWhC,OAAO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACpD,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,MAAM,EAAE;IACvB,OAAO,IAAI;EACf;EAEA,MAAMC,OAAO,GAAGH,KAAK,CAACG,OAAO,iBACzBX,KAAA,CAAAY,aAAA,CAACR,UAAU;IACPS,IAAI,eAAEb,KAAA,CAAAY,aAAA,CAACT,gBAAgB,MAAE,CAAE;IAC3BW,IAAI,EAAE,IAAK;IACXC,QAAQ,EAAE,IAAK;IACfC,OAAO,EAAE,OAAQ;IACjB,eAAaR,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,CAC5D,CACJ;EAED,oBACIR,KAAA,CAAAY,aAAA,CAACP,YAAY;IAACM,OAAO,EAAEA;EAAQ,GAC1BH,KAAK,CAACC,OAAO,CAACQ,GAAG,CAACC,MAAM,iBACrBlB,KAAA,CAAAY,aAAA,CAACX,QAAQ;IAACkB,GAAG,EAAED,MAAM,CAACE;EAAK,gBACvBpB,KAAA,CAAAY,aAAA,CAACN,uBAAuB,QAAEY,MAAM,CAACG,OAAiC,CAC5D,CACb,CACS,CAAC;AAEvB,CAAC","ignoreList":[]}

package/components/OptionsMenu/OptionsMenuItem.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface OptionsMenuItemProps {
+    onAction: () => void;
+    disabled?: boolean;
+    icon: React.ReactElement;
+    label: string;
+    ["data-testid"]?: string;
+    className?: string;
+}
+export declare const OptionsMenuItem: (props: OptionsMenuItemProps) => React.JSX.Element;

package/components/OptionsMenu/OptionsMenuItem.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { DropdownMenu } from "@webiny/admin-ui";
+export const OptionsMenuItem = props => {
+  return /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+    onClick: props.onAction,
+    disabled: props.disabled ?? false,
+    "data-testid": props["data-testid"],
+    icon: /*#__PURE__*/React.createElement(DropdownMenu.Item.Icon, {
+      label: props.label,
+      element: props.icon
+    }),
+    text: props.label,
+    className: props.className
+  });
+};
+
+//# sourceMappingURL=OptionsMenuItem.js.map

package/components/OptionsMenu/OptionsMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","DropdownMenu","OptionsMenuItem","props","createElement","Item","onClick","onAction","disabled","icon","Icon","label","element","text","className"],"sources":["OptionsMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownMenu } from \"@webiny/admin-ui\";\n\nexport interface OptionsMenuItemProps {\n    onAction: () => void;\n    disabled?: boolean;\n    icon: React.ReactElement;\n    label: string;\n    [\"data-testid\"]?: string;\n    className?: string;\n}\n\nexport const OptionsMenuItem = (props: OptionsMenuItemProps) => {\n    return (\n        <DropdownMenu.Item\n            onClick={props.onAction}\n            disabled={props.disabled ?? false}\n            data-testid={props[\"data-testid\"]}\n            icon={<DropdownMenu.Item.Icon label={props.label} element={props.icon} />}\n            text={props.label}\n            className={props.className}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,kBAAkB;AAW/C,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC5D,oBACIH,KAAA,CAAAI,aAAA,CAACH,YAAY,CAACI,IAAI;IACdC,OAAO,EAAEH,KAAK,CAACI,QAAS;IACxBC,QAAQ,EAAEL,KAAK,CAACK,QAAQ,IAAI,KAAM;IAClC,eAAaL,KAAK,CAAC,aAAa,CAAE;IAClCM,IAAI,eAAET,KAAA,CAAAI,aAAA,CAACH,YAAY,CAACI,IAAI,CAACK,IAAI;MAACC,KAAK,EAAER,KAAK,CAACQ,KAAM;MAACC,OAAO,EAAET,KAAK,CAACM;IAAK,CAAE,CAAE;IAC1EI,IAAI,EAAEV,KAAK,CAACQ,KAAM;IAClBG,SAAS,EAAEX,KAAK,CAACW;EAAU,CAC9B,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/OptionsMenu/OptionsMenuLink.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributeAnchorTarget } from "react";
+import React from "react";
+export interface OptionsMenuLinkProps {
+    disabled?: boolean;
+    icon: React.ReactElement;
+    label: string;
+    to: string;
+    target?: HTMLAttributeAnchorTarget;
+    ["data-testid"]?: string;
+    className?: string;
+}
+export declare const OptionsMenuLink: (props: OptionsMenuLinkProps) => React.JSX.Element;

package/components/OptionsMenu/OptionsMenuLink.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { DropdownMenu } from "@webiny/admin-ui";
+export const OptionsMenuLink = props => {
+  return /*#__PURE__*/React.createElement(DropdownMenu.Link, {
+    to: props.to,
+    disabled: props.disabled,
+    "data-testid": props["data-testid"],
+    icon: /*#__PURE__*/React.createElement(DropdownMenu.Item.Icon, {
+      label: props.label,
+      element: props.icon
+    }),
+    text: props.label,
+    className: props.className
+  });
+};
+
+//# sourceMappingURL=OptionsMenuLink.js.map

package/components/OptionsMenu/OptionsMenuLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","DropdownMenu","OptionsMenuLink","props","createElement","Link","to","disabled","icon","Item","Icon","label","element","text","className"],"sources":["OptionsMenuLink.tsx"],"sourcesContent":["import type { HTMLAttributeAnchorTarget } from \"react\";\nimport React from \"react\";\nimport { DropdownMenu } from \"@webiny/admin-ui\";\n\nexport interface OptionsMenuLinkProps {\n    disabled?: boolean;\n    icon: React.ReactElement;\n    label: string;\n    to: string;\n    target?: HTMLAttributeAnchorTarget;\n    [\"data-testid\"]?: string;\n    className?: string;\n}\n\nexport const OptionsMenuLink = (props: OptionsMenuLinkProps) => {\n    return (\n        <DropdownMenu.Link\n            to={props.to}\n            disabled={props.disabled}\n            data-testid={props[\"data-testid\"]}\n            icon={<DropdownMenu.Item.Icon label={props.label} element={props.icon} />}\n            text={props.label}\n            className={props.className}\n        />\n    );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,kBAAkB;AAY/C,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC5D,oBACIH,KAAA,CAAAI,aAAA,CAACH,YAAY,CAACI,IAAI;IACdC,EAAE,EAAEH,KAAK,CAACG,EAAG;IACbC,QAAQ,EAAEJ,KAAK,CAACI,QAAS;IACzB,eAAaJ,KAAK,CAAC,aAAa,CAAE;IAClCK,IAAI,eAAER,KAAA,CAAAI,aAAA,CAACH,YAAY,CAACQ,IAAI,CAACC,IAAI;MAACC,KAAK,EAAER,KAAK,CAACQ,KAAM;MAACC,OAAO,EAAET,KAAK,CAACK;IAAK,CAAE,CAAE;IAC1EK,IAAI,EAAEV,KAAK,CAACQ,KAAM;IAClBG,SAAS,EAAEX,KAAK,CAACW;EAAU,CAC9B,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/OptionsMenu/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./OptionsMenu.js";
+export * from "./OptionsMenuItem.js";
+export * from "./OptionsMenuLink.js";
+export { useOptionsMenuItem } from "./useOptionsMenuItem.js";

package/components/OptionsMenu/index.js

@@ -0,0 +1,6 @@
+export * from "./OptionsMenu.js";
+export * from "./OptionsMenuItem.js";
+export * from "./OptionsMenuLink.js";
+export { useOptionsMenuItem } from "./useOptionsMenuItem.js";
+
+//# sourceMappingURL=index.js.map

package/components/OptionsMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useOptionsMenuItem"],"sources":["index.ts"],"sourcesContent":["export * from \"./OptionsMenu.js\";\nexport * from \"./OptionsMenuItem.js\";\nexport * from \"./OptionsMenuLink.js\";\nexport { useOptionsMenuItem } from \"./useOptionsMenuItem.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,kBAAkB","ignoreList":[]}

package/components/OptionsMenu/useOptionsMenuItem.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { OptionsMenuItem } from "./OptionsMenuItem.js";
+import { OptionsMenuLink } from "./OptionsMenuLink.js";
+export interface OptionsMenuItemProviderContext {
+    OptionsMenuItem: typeof OptionsMenuItem;
+    OptionsMenuLink: typeof OptionsMenuLink;
+}
+interface OptionsMenuItemProviderProps {
+    children: React.ReactNode;
+}
+export declare const OptionsMenuItemProvider: ({ children }: OptionsMenuItemProviderProps) => React.JSX.Element;
+export declare const useOptionsMenuItem: () => OptionsMenuItemProviderContext;
+export {};

package/components/OptionsMenu/useOptionsMenuItem.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { OptionsMenuItem } from "./OptionsMenuItem.js";
+import { OptionsMenuLink } from "./OptionsMenuLink.js";
+const OptionsMenuItemContext = /*#__PURE__*/React.createContext(undefined);
+export const OptionsMenuItemProvider = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(OptionsMenuItemContext.Provider, {
+    value: {
+      OptionsMenuItem,
+      OptionsMenuLink
+    }
+  }, children);
+};
+export const useOptionsMenuItem = () => {
+  const context = React.useContext(OptionsMenuItemContext);
+  if (!context) {
+    throw new Error("useOptionsMenuItem must be used within a OptionsMenuItemProvider");
+  }
+  return context;
+};
+
+//# sourceMappingURL=useOptionsMenuItem.js.map

package/components/OptionsMenu/useOptionsMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","OptionsMenuItem","OptionsMenuLink","OptionsMenuItemContext","createContext","undefined","OptionsMenuItemProvider","children","createElement","Provider","value","useOptionsMenuItem","context","useContext","Error"],"sources":["useOptionsMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenuItem } from \"./OptionsMenuItem.js\";\nimport { OptionsMenuLink } from \"./OptionsMenuLink.js\";\n\nexport interface OptionsMenuItemProviderContext {\n    OptionsMenuItem: typeof OptionsMenuItem;\n    OptionsMenuLink: typeof OptionsMenuLink;\n}\n\nconst OptionsMenuItemContext = React.createContext<OptionsMenuItemProviderContext | undefined>(\n    undefined\n);\n\ninterface OptionsMenuItemProviderProps {\n    children: React.ReactNode;\n}\n\nexport const OptionsMenuItemProvider = ({ children }: OptionsMenuItemProviderProps) => {\n    return (\n        <OptionsMenuItemContext.Provider value={{ OptionsMenuItem, OptionsMenuLink }}>\n            {children}\n        </OptionsMenuItemContext.Provider>\n    );\n};\n\nexport const useOptionsMenuItem = (): OptionsMenuItemProviderContext => {\n    const context = React.useContext(OptionsMenuItemContext);\n\n    if (!context) {\n        throw new Error(\"useOptionsMenuItem must be used within a OptionsMenuItemProvider\");\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,eAAe;AAOxB,MAAMC,sBAAsB,gBAAGH,KAAK,CAACI,aAAa,CAC9CC,SACJ,CAAC;AAMD,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC;AAAuC,CAAC,KAAK;EACnF,oBACIP,KAAA,CAAAQ,aAAA,CAACL,sBAAsB,CAACM,QAAQ;IAACC,KAAK,EAAE;MAAET,eAAe;MAAEC;IAAgB;EAAE,GACxEK,QAC4B,CAAC;AAE1C,CAAC;AAED,OAAO,MAAMI,kBAAkB,GAAGA,CAAA,KAAsC;EACpE,MAAMC,OAAO,GAAGZ,KAAK,CAACa,UAAU,CAACV,sBAAsB,CAAC;EAExD,IAAI,CAACS,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,kEAAkE,CAAC;EACvF;EAEA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}

package/components/OverlayLayout/OverlayLayout.d.ts

@@ -1,23 +1,12 @@
-/// <reference types="web" />
-import * as React from "react";
-import { ExitHandler } from "react-transition-group/Transition";
-export interface OverlayLayoutProps {
+import React from "react";
+import type { ExitHandler } from "react-transition-group/Transition";
+import type { overlayHeaderVariants } from "./components/index.js";
+import { type VariantProps } from "@webiny/admin-ui";
+export interface OverlayLayoutProps extends VariantProps<typeof overlayHeaderVariants> {
     barMiddle?: React.ReactNode;
     barLeft?: React.ReactNode;
     barRight?: React.ReactNode;
     children: React.ReactNode;
     onExited?: ExitHandler<HTMLElement>;
-    style?: React.CSSProperties;
 }
-interface OverlayLayoutState {
-    isVisible: boolean;
-}
-export declare class OverlayLayout extends React.Component<OverlayLayoutProps, OverlayLayoutState> {
-    constructor(props: OverlayLayoutProps);
-    static defaultProps: Partial<OverlayLayoutProps>;
-    state: OverlayLayoutState;
-    hideComponent(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
-export {};
+export declare const OverlayLayout: React.FC<OverlayLayoutProps>;

package/components/OverlayLayout/OverlayLayout.js

@@ -1,155 +1,44 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OverlayLayout = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _emotion = require("emotion");
-var _TopAppBar = require("@webiny/ui/TopAppBar");
-var _Button = require("@webiny/ui/Button");
-var _noop = _interopRequireDefault(require("lodash/noop"));
-var _close = require("./icons/close.svg");
-var _OverlayView = require("../../ui/views/OverlayView");
-var _excluded = ["onExited", "barLeft", "barMiddle", "barRight", "children", "style"];
-var OverlayLayoutWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1inqa580",
-  label: "OverlayLayoutWrapper"
-})({
-  position: "fixed",
-  width: "100%",
-  height: "100vh",
-  backgroundColor: "var(--mdc-theme-background)",
-  /**
-   * Has to be higher than 5 so it's above advanced settings dialog,
-   * and below 20, so the image editor & Dialogs can be displayed above.
-   */
-  zIndex: 18,
-  paddingTop: 65,
-  top: 0,
-  left: 0
-});
-var noScroll = /*#__PURE__*/(0, _emotion.css)({
-  overflow: "hidden",
-  height: "100vh"
-}, "label:noScroll;");
-var defaultStyle = {
-  transform: "translateY(75vh)",
-  opacity: 0,
-  transitionProperty: "transform, opacity",
-  transitionTimingFunction: "cubic-bezier(0, 0, .2, 1)",
-  transitionDuration: "225ms",
-  willChange: "opacity, transform"
-};
-var transitionStyles = {
-  entering: {
-    transform: "translateY(75vh)",
-    opacity: 0
-  },
-  entered: {
-    transform: "translateY(0px)",
-    opacity: 1
-  }
+import React, { useCallback, useEffect, useState } from "react";
+import noop from "lodash/noop.js";
+import { OverlayBackdrop, OverlayContent, OverlayHeader, OverlayRoot } from "./components/index.js";
+import { Portal } from "@webiny/admin-ui";
+const noScrollBodyClassNames = ["overflow-hidden", "h-screen"];
+export const OverlayLayout = ({
+  barMiddle,
+  barLeft,
+  barRight,
+  children,
+  onExited = noop,
+  variant
+}) => {
+  const [visible, setVisible] = useState(true);
+  const hideOverlay = useCallback(() => {
+    setVisible(false);
+  }, []);
+  useEffect(() => {
+    noScrollBodyClassNames.forEach(className => document.body.classList.add(className));
+    return () => {
+      noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Portal, {
+    "data-role": "overlay-layout",
+    className: "absolute z-overlay"
+  }, /*#__PURE__*/React.createElement(OverlayRoot, {
+    visible: visible,
+    onExited: onExited
+  }, /*#__PURE__*/React.createElement(OverlayBackdrop, {
+    visible: visible,
+    hideOverlay: hideOverlay
+  }), /*#__PURE__*/React.createElement(OverlayContent, {
+    visible: visible
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayHeader, {
+    start: barLeft,
+    middle: barMiddle,
+    end: barRight,
+    variant: variant,
+    hideOverlay: hideOverlay
+  }), children))));
 };
-var OverlayLayout = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(OverlayLayout, _React$Component);
-  var _super = (0, _createSuper2.default)(OverlayLayout);
-  function OverlayLayout(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, OverlayLayout);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isVisible: true
-    });
-    document.body.classList.add(noScroll);
-    return _this;
-  }
-  (0, _createClass2.default)(OverlayLayout, [{
-    key: "hideComponent",
-    value: function hideComponent() {
-      this.setState({
-        isVisible: false
-      });
-      if (_OverlayView.OverlayView.openedViews === 0) {
-        document.body.classList.remove(noScroll);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (_OverlayView.OverlayView.openedViews === 0) {
-        document.body.classList.remove(noScroll);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        onExited = _this$props.onExited,
-        barLeft = _this$props.barLeft,
-        barMiddle = _this$props.barMiddle,
-        barRight = _this$props.barRight,
-        children = _this$props.children,
-        style = _this$props.style,
-        rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(_reactTransitionGroup.Transition, {
-        in: this.state.isVisible,
-        timeout: 100,
-        appear: true,
-        onExited: onExited
-      }, function (state) {
-        return /*#__PURE__*/React.createElement(OverlayLayoutWrapper, Object.assign({}, rest, {
-          style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultStyle), style), transitionStyles[state])
-        }), /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSecondary, {
-          fixed: true,
-          style: {
-            top: 0
-          }
-        }, /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
-          style: {
-            width: "33%"
-          },
-          alignStart: true
-        }, barLeft), /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
-          style: {
-            width: "33%"
-          }
-        }, barMiddle), /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
-          style: {
-            width: "33%"
-          },
-          alignEnd: true
-        }, barRight, /*#__PURE__*/React.createElement(_Button.IconButton, {
-          ripple: false,
-          onClick: function onClick() {
-            return _this2.hideComponent();
-          },
-          icon: /*#__PURE__*/React.createElement(_close.ReactComponent, {
-            style: {
-              width: 24,
-              height: 24
-            }
-          })
-        }))), children);
-      });
-    }
-  }]);
-  return OverlayLayout;
-}(React.Component);
-exports.OverlayLayout = OverlayLayout;
-(0, _defineProperty2.default)(OverlayLayout, "defaultProps", {
-  onExited: _noop.default
-});
+
+//# sourceMappingURL=OverlayLayout.js.map

package/components/OverlayLayout/OverlayLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayLayoutWrapper","styled","position","width","height","backgroundColor","zIndex","paddingTop","top","left","noScroll","css","overflow","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayLayout","props","isVisible","document","body","classList","add","setState","OverlayView","openedViews","remove","onExited","barLeft","barMiddle","barRight","children","style","rest","state","hideComponent","React","Component","noop"],"sources":["OverlayLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { TopAppBarSecondary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport noop from \"lodash/noop\";\n\nimport { ReactComponent as CloseIcon } from \"./icons/close.svg\";\nimport { OverlayView } from \"~/ui/views/OverlayView\";\nimport { ExitHandler } from \"react-transition-group/Transition\";\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n    position: \"fixed\",\n    width: \"100%\",\n    height: \"100vh\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    /**\n     * Has to be higher than 5 so it's above advanced settings dialog,\n     * and below 20, so the image editor & Dialogs can be displayed above.\n     */\n    zIndex: 18,\n    paddingTop: 65,\n    top: 0,\n    left: 0\n});\n\nconst noScroll = css({\n    overflow: \"hidden\",\n    height: \"100vh\"\n});\n\nconst defaultStyle = {\n    transform: \"translateY(75vh)\",\n    opacity: 0,\n    transitionProperty: \"transform, opacity\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n    transitionDuration: \"225ms\",\n    willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n    entering: {\n        transform: \"translateY(75vh)\",\n        opacity: 0\n    },\n    entered: {\n        transform: \"translateY(0px)\",\n        opacity: 1\n    }\n};\n\nexport interface OverlayLayoutProps {\n    barMiddle?: React.ReactNode;\n    barLeft?: React.ReactNode;\n    barRight?: React.ReactNode;\n    children: React.ReactNode;\n    onExited?: ExitHandler<HTMLElement>;\n    style?: React.CSSProperties;\n}\n\ninterface OverlayLayoutState {\n    isVisible: boolean;\n}\n\nexport class OverlayLayout extends React.Component<OverlayLayoutProps, OverlayLayoutState> {\n    constructor(props: OverlayLayoutProps) {\n        super(props);\n        document.body.classList.add(noScroll);\n    }\n\n    static defaultProps: Partial<OverlayLayoutProps> = {\n        onExited: noop\n    };\n\n    public override state: OverlayLayoutState = {\n        isVisible: true\n    };\n\n    public hideComponent(): void {\n        this.setState({ isVisible: false });\n        if (OverlayView.openedViews === 0) {\n            document.body.classList.remove(noScroll);\n        }\n    }\n\n    public override componentWillUnmount(): void {\n        if (OverlayView.openedViews === 0) {\n            document.body.classList.remove(noScroll);\n        }\n    }\n\n    public override render() {\n        const { onExited, barLeft, barMiddle, barRight, children, style, ...rest } = this.props;\n\n        return (\n            <Transition in={this.state.isVisible} timeout={100} appear onExited={onExited}>\n                {state => (\n                    <OverlayLayoutWrapper\n                        {...rest}\n                        style={{ ...defaultStyle, ...style, ...transitionStyles[state] }}\n                    >\n                        <TopAppBarSecondary fixed style={{ top: 0 }}>\n                            <TopAppBarSection style={{ width: \"33%\" }} alignStart>\n                                {barLeft}\n                            </TopAppBarSection>\n                            <TopAppBarSection style={{ width: \"33%\" }}>\n                                {barMiddle}\n                            </TopAppBarSection>\n                            <TopAppBarSection style={{ width: \"33%\" }} alignEnd>\n                                {barRight}\n                                <IconButton\n                                    ripple={false}\n                                    onClick={() => this.hideComponent()}\n                                    icon={<CloseIcon style={{ width: 24, height: 24 }} />}\n                                />\n                            </TopAppBarSection>\n                        </TopAppBarSecondary>\n\n                        {children}\n                    </OverlayLayoutWrapper>\n                )}\n            </Transition>\n        );\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useEffect","useState","noop","OverlayBackdrop","OverlayContent","OverlayHeader","OverlayRoot","Portal","noScrollBodyClassNames","OverlayLayout","barMiddle","barLeft","barRight","children","onExited","variant","visible","setVisible","hideOverlay","forEach","className","document","body","classList","add","remove","createElement","Fragment","start","middle","end"],"sources":["OverlayLayout.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport noop from \"lodash/noop.js\";\nimport type { ExitHandler } from \"react-transition-group/Transition\";\nimport type { overlayHeaderVariants } from \"./components/index.js\";\nimport { OverlayBackdrop, OverlayContent, OverlayHeader, OverlayRoot } from \"./components/index.js\";\nimport { Portal, type VariantProps } from \"@webiny/admin-ui\";\n\nconst noScrollBodyClassNames = [\"overflow-hidden\", \"h-screen\"];\n\nexport interface OverlayLayoutProps extends VariantProps<typeof overlayHeaderVariants> {\n    barMiddle?: React.ReactNode;\n    barLeft?: React.ReactNode;\n    barRight?: React.ReactNode;\n    children: React.ReactNode;\n    onExited?: ExitHandler<HTMLElement>;\n}\n\nexport const OverlayLayout: React.FC<OverlayLayoutProps> = ({\n    barMiddle,\n    barLeft,\n    barRight,\n    children,\n    onExited = noop,\n    variant\n}) => {\n    const [visible, setVisible] = useState(true);\n\n    const hideOverlay = useCallback(() => {\n        setVisible(false);\n    }, []);\n\n    useEffect(() => {\n        noScrollBodyClassNames.forEach(className => document.body.classList.add(className));\n\n        return () => {\n            noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));\n        };\n    }, []);\n\n    return (\n        <Portal data-role=\"overlay-layout\" className={\"absolute z-overlay\"}>\n            <OverlayRoot visible={visible} onExited={onExited}>\n                <OverlayBackdrop visible={visible} hideOverlay={hideOverlay} />\n                <OverlayContent visible={visible}>\n                    <>\n                        <OverlayHeader\n                            start={barLeft}\n                            middle={barMiddle}\n                            end={barRight}\n                            variant={variant}\n                            hideOverlay={hideOverlay}\n                        />\n\n                        {children}\n                    </>\n                </OverlayContent>\n            </OverlayRoot>\n        </Portal>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,OAAOC,IAAI,MAAM,gBAAgB;AAGjC,SAASC,eAAe,EAAEC,cAAc,EAAEC,aAAa,EAAEC,WAAW;AACpE,SAASC,MAAM,QAA2B,kBAAkB;AAE5D,MAAMC,sBAAsB,GAAG,CAAC,iBAAiB,EAAE,UAAU,CAAC;AAU9D,OAAO,MAAMC,aAA2C,GAAGA,CAAC;EACxDC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ,GAAGZ,IAAI;EACfa;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGhB,QAAQ,CAAC,IAAI,CAAC;EAE5C,MAAMiB,WAAW,GAAGnB,WAAW,CAAC,MAAM;IAClCkB,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAENjB,SAAS,CAAC,MAAM;IACZQ,sBAAsB,CAACW,OAAO,CAACC,SAAS,IAAIC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAACJ,SAAS,CAAC,CAAC;IAEnF,OAAO,MAAM;MACTZ,sBAAsB,CAACW,OAAO,CAACC,SAAS,IAAIC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAACL,SAAS,CAAC,CAAC;IAC1F,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACItB,KAAA,CAAA4B,aAAA,CAACnB,MAAM;IAAC,aAAU,gBAAgB;IAACa,SAAS,EAAE;EAAqB,gBAC/DtB,KAAA,CAAA4B,aAAA,CAACpB,WAAW;IAACU,OAAO,EAAEA,OAAQ;IAACF,QAAQ,EAAEA;EAAS,gBAC9ChB,KAAA,CAAA4B,aAAA,CAACvB,eAAe;IAACa,OAAO,EAAEA,OAAQ;IAACE,WAAW,EAAEA;EAAY,CAAE,CAAC,eAC/DpB,KAAA,CAAA4B,aAAA,CAACtB,cAAc;IAACY,OAAO,EAAEA;EAAQ,gBAC7BlB,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA6B,QAAA,qBACI7B,KAAA,CAAA4B,aAAA,CAACrB,aAAa;IACVuB,KAAK,EAAEjB,OAAQ;IACfkB,MAAM,EAAEnB,SAAU;IAClBoB,GAAG,EAAElB,QAAS;IACdG,OAAO,EAAEA,OAAQ;IACjBG,WAAW,EAAEA;EAAY,CAC5B,CAAC,EAEDL,QACH,CACU,CACP,CACT,CAAC;AAEjB,CAAC","ignoreList":[]}

package/components/OverlayLayout/components/OverlayBackdrop.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface OverlayBackdropProps extends React.HTMLAttributes<HTMLDivElement> {
+    visible?: boolean;
+    hideOverlay: () => void;
+}
+declare const OverlayBackdrop: ({ hideOverlay, visible }: OverlayBackdropProps) => React.JSX.Element;
+export { OverlayBackdrop, type OverlayBackdropProps };

package/components/OverlayLayout/components/OverlayBackdrop.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { cn } from "@webiny/admin-ui";
+const OverlayBackdrop = ({
+  hideOverlay,
+  visible
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    onClick: hideOverlay,
+    "data-state": visible ? "open" : "closed",
+    className: cn("fixed inset-0 bg-neutral-dark/50 z-overlay-backdrop", "transition ease-in-out", "data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:duration-500", "data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150")
+  });
+};
+export { OverlayBackdrop };
+
+//# sourceMappingURL=OverlayBackdrop.js.map

package/components/OverlayLayout/components/OverlayBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","OverlayBackdrop","hideOverlay","visible","createElement","onClick","className"],"sources":["OverlayBackdrop.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OverlayBackdropProps extends React.HTMLAttributes<HTMLDivElement> {\n    visible?: boolean;\n    hideOverlay: () => void;\n}\n\nconst OverlayBackdrop = ({ hideOverlay, visible }: OverlayBackdropProps) => {\n    return (\n        <div\n            onClick={hideOverlay}\n            data-state={visible ? \"open\" : \"closed\"}\n            className={cn(\n                \"fixed inset-0 bg-neutral-dark/50 z-overlay-backdrop\",\n                \"transition ease-in-out\",\n                \"data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:duration-500\",\n                \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150\"\n            )}\n        />\n    );\n};\n\nexport { OverlayBackdrop, type OverlayBackdropProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAOrC,MAAMC,eAAe,GAAGA,CAAC;EAAEC,WAAW;EAAEC;AAA8B,CAAC,KAAK;EACxE,oBACIJ,KAAA,CAAAK,aAAA;IACIC,OAAO,EAAEH,WAAY;IACrB,cAAYC,OAAO,GAAG,MAAM,GAAG,QAAS;IACxCG,SAAS,EAAEN,EAAE,CACT,qDAAqD,EACrD,wBAAwB,EACxB,uFAAuF,EACvF,+FACJ;EAAE,CACL,CAAC;AAEV,CAAC;AAED,SAASC,eAAe","ignoreList":[]}

package/components/OverlayLayout/components/OverlayContent.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface OverlayContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    visible?: boolean;
+}
+declare const OverlayContent: ({ visible, className, style, children, ...props }: OverlayContentProps) => React.JSX.Element;
+export { OverlayContent, type OverlayContentProps };

package/components/OverlayLayout/components/OverlayContent.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { cn } from "@webiny/admin-ui";
+const OverlayContent = ({
+  visible,
+  className,
+  style,
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    "data-state": visible ? "open" : "closed",
+    className: cn(["fixed inset-x-0 top-lg z-overlay", "w-screen", "rounded-t-lg overflow-hidden", "bg-neutral-base", "transition ease-in-out", "data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in data-[state=open]:duration-500", "data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150"], className),
+    style: {
+      ...style,
+      height: "calc(100vh - 24px)"
+    }
+  }, props), children);
+};
+export { OverlayContent };
+
+//# sourceMappingURL=OverlayContent.js.map

package/components/OverlayLayout/components/OverlayContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","OverlayContent","visible","className","style","children","props","createElement","Object","assign","height"],"sources":["OverlayContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ninterface OverlayContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    visible?: boolean;\n}\n\nconst OverlayContent = ({ visible, className, style, children, ...props }: OverlayContentProps) => {\n    return (\n        <div\n            data-state={visible ? \"open\" : \"closed\"}\n            className={cn(\n                [\n                    \"fixed inset-x-0 top-lg z-overlay\",\n                    \"w-screen\",\n                    \"rounded-t-lg overflow-hidden\",\n                    \"bg-neutral-base\",\n                    \"transition ease-in-out\",\n                    \"data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in data-[state=open]:duration-500\",\n                    \"data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:duration-150\"\n                ],\n                className\n            )}\n            style={{ ...style, height: \"calc(100vh - 24px)\" }}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { OverlayContent, type OverlayContentProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAMrC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAA2B,CAAC,KAAK;EAC/F,oBACIP,KAAA,CAAAQ,aAAA,QAAAC,MAAA,CAAAC,MAAA;IACI,cAAYP,OAAO,GAAG,MAAM,GAAG,QAAS;IACxCC,SAAS,EAAEH,EAAE,CACT,CACI,kCAAkC,EAClC,UAAU,EACV,8BAA8B,EAC9B,iBAAiB,EACjB,wBAAwB,EACxB,8HAA8H,EAC9H,+FAA+F,CAClG,EACDG,SACJ,CAAE;IACFC,KAAK,EAAE;MAAE,GAAGA,KAAK;MAAEM,MAAM,EAAE;IAAqB;EAAE,GAC9CJ,KAAK,GAERD,QACA,CAAC;AAEd,CAAC;AAED,SAASJ,cAAc","ignoreList":[]}

package/components/OverlayLayout/components/OverlayHeader.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type VariantProps } from "@webiny/admin-ui";
+declare const overlayHeaderVariants: (props?: ({
+    variant?: "strong" | "default" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface OverlayHeaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof overlayHeaderVariants> {
+    start?: React.ReactNode;
+    middle?: React.ReactNode;
+    end?: React.ReactNode;
+    hideOverlay?: () => void;
+}
+declare const OverlayHeader: ({ start, middle, end, hideOverlay, variant, className, ...props }: OverlayHeaderProps) => React.JSX.Element;
+export { OverlayHeader, type OverlayHeaderProps, overlayHeaderVariants };