@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/components/MultiImageUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","MultiFilePicker","MultiImageUpload","props","createElement"],"sources":["MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { MultiFilePicker } from \"@webiny/admin-ui\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\n\n// This component looks unused, but let's keep it for now. Down the line, we might want to remove it.\nconst MultiImageUpload = ({ props }: MultiImageUploadProps) => {\n    return <MultiFilePicker {...props} />;\n};\n\nexport default MultiImageUpload;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,QAAQ,kBAAkB;;AAElD;AACA;AACA;;AASA;AACA,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EAC3D,oBAAOH,KAAA,CAAAI,aAAA,CAACH,eAAe,EAAKE,KAAQ,CAAC;AACzC,CAAC;AAED,eAAeD,gBAAgB","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";
+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\";\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";
+export * from "./OptionsMenuItem";
+export * from "./OptionsMenuLink";
+export { useOptionsMenuItem } from "./useOptionsMenuItem";

package/components/OptionsMenu/index.js

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

package/components/OptionsMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useOptionsMenuItem"],"sources":["index.ts"],"sourcesContent":["export * from \"./OptionsMenu\";\nexport * from \"./OptionsMenuItem\";\nexport * from \"./OptionsMenuLink\";\nexport { useOptionsMenuItem } from \"./useOptionsMenuItem\";\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";
+import { OptionsMenuLink } from "./OptionsMenuLink";
+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";
+import { OptionsMenuLink } from "./OptionsMenuLink";
+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\";\nimport { OptionsMenuLink } from \"./OptionsMenuLink\";\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,25 +1,12 @@
-import * as React from "react";
-declare type OverlayLayoutProps = {
+import React from "react";
+import type { ExitHandler } from "react-transition-group/Transition";
+import type { overlayHeaderVariants } from "./components";
+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?: Function;
-    style?: React.CSSProperties;
-};
-declare type State = {
-    isVisible: boolean;
-};
-export declare class OverlayLayout extends React.Component<OverlayLayoutProps, State> {
-    constructor(props: any);
-    static defaultProps: {
-        onExited: any;
-    };
-    state: {
-        isVisible: boolean;
-    };
-    hideComponent(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
+    onExited?: ExitHandler<HTMLElement>;
 }
-export {};
+export declare const OverlayLayout: React.FC<OverlayLayoutProps>;

package/components/OverlayLayout/OverlayLayout.js

@@ -1,159 +1,47 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["onExited", "barLeft", "barMiddle", "barRight", "children", "style"];
-import * as React from "react";
-import { Transition } from "react-transition-group";
-import styled from "@emotion/styled";
-import { css } from "emotion";
-import { TopAppBarSecondary, TopAppBarSection } from "@webiny/ui/TopAppBar";
-import { IconButton } from "@webiny/ui/Button";
+import React, { useCallback, useEffect, useState } from "react";
 import noop from "lodash/noop";
-import { ReactComponent as CloseIcon } from "@svgr/webpack!./icons/close.svg";
 import { OverlayView } from "../../ui/views/OverlayView";
-var OverlayLayoutWrapper = /*#__PURE__*/styled("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__*/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
-  }
-};
-export var OverlayLayout = /*#__PURE__*/function (_React$Component) {
-  _inherits(OverlayLayout, _React$Component);
-
-  var _super = _createSuper(OverlayLayout);
-
-  function OverlayLayout(props) {
-    var _this;
-
-    _classCallCheck(this, OverlayLayout);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      isVisible: true
-    });
-
-    document.body.classList.add(noScroll);
-    return _this;
-  }
-
-  _createClass(OverlayLayout, [{
-    key: "hideComponent",
-    value: function hideComponent() {
-      this.setState({
-        isVisible: false
-      });
-
-      if (OverlayView.openedViews === 0) {
-        document.body.classList.remove(noScroll);
-      }
+import { OverlayBackdrop, OverlayContent, OverlayHeader, OverlayRoot } from "./components";
+import { Portal } from "@webiny/admin-ui";
+const noScrollBodyClassNames = ["wby-overflow-hidden", "wby-h-screen"];
+export const OverlayLayout = ({
+  barMiddle,
+  barLeft,
+  barRight,
+  children,
+  onExited = noop,
+  variant
+}) => {
+  const [visible, setVisible] = useState(true);
+  const hideOverlay = useCallback(() => {
+    setVisible(false);
+    if (OverlayView.openedViews === 0) {
+      noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
+  }, []);
+  useEffect(() => {
+    noScrollBodyClassNames.forEach(className => document.body.classList.add(className));
+    return () => {
       if (OverlayView.openedViews === 0) {
-        document.body.classList.remove(noScroll);
+        noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));
       }
-    }
-  }, {
-    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 = _objectWithoutProperties(_this$props, _excluded);
-
-      return /*#__PURE__*/React.createElement(Transition, {
-        in: this.state.isVisible,
-        timeout: 100,
-        appear: true,
-        onExited: onExited
-      }, function (state) {
-        return /*#__PURE__*/React.createElement(OverlayLayoutWrapper, Object.assign({}, rest, {
-          style: _objectSpread(_objectSpread(_objectSpread({}, defaultStyle), style), transitionStyles[state])
-        }), /*#__PURE__*/React.createElement(TopAppBarSecondary, {
-          fixed: true,
-          style: {
-            top: 0
-          }
-        }, /*#__PURE__*/React.createElement(TopAppBarSection, {
-          style: {
-            width: "33%"
-          },
-          alignStart: true
-        }, barLeft), /*#__PURE__*/React.createElement(TopAppBarSection, {
-          style: {
-            width: "33%"
-          }
-        }, barMiddle), /*#__PURE__*/React.createElement(TopAppBarSection, {
-          style: {
-            width: "33%"
-          },
-          alignEnd: true
-        }, barRight, /*#__PURE__*/React.createElement(IconButton, {
-          ripple: false,
-          onClick: function onClick() {
-            return _this2.hideComponent();
-          },
-          icon: /*#__PURE__*/React.createElement(CloseIcon, {
-            style: {
-              width: 24,
-              height: 24
-            }
-          })
-        }))), children);
-      });
-    }
-  }]);
-
-  return OverlayLayout;
-}(React.Component);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Portal, null, /*#__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))));
+};
 
-_defineProperty(OverlayLayout, "defaultProps", {
-  onExited: noop
-});
+//# sourceMappingURL=OverlayLayout.js.map

package/components/OverlayLayout/OverlayLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useState","noop","OverlayView","OverlayBackdrop","OverlayContent","OverlayHeader","OverlayRoot","Portal","noScrollBodyClassNames","OverlayLayout","barMiddle","barLeft","barRight","children","onExited","variant","visible","setVisible","hideOverlay","openedViews","forEach","className","document","body","classList","remove","add","createElement","Fragment","start","middle","end"],"sources":["OverlayLayout.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport noop from \"lodash/noop\";\nimport type { ExitHandler } from \"react-transition-group/Transition\";\nimport { OverlayView } from \"~/ui/views/OverlayView\";\nimport type { overlayHeaderVariants } from \"./components\";\nimport { OverlayBackdrop, OverlayContent, OverlayHeader, OverlayRoot } from \"./components\";\nimport { Portal, type VariantProps } from \"@webiny/admin-ui\";\n\nconst noScrollBodyClassNames = [\"wby-overflow-hidden\", \"wby-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        if (OverlayView.openedViews === 0) {\n            noScrollBodyClassNames.forEach(className => document.body.classList.remove(className));\n        }\n    }, []);\n\n    useEffect(() => {\n        noScrollBodyClassNames.forEach(className => document.body.classList.add(className));\n        return () => {\n            if (OverlayView.openedViews === 0) {\n                noScrollBodyClassNames.forEach(className =>\n                    document.body.classList.remove(className)\n                );\n            }\n        };\n    }, []);\n\n    return (\n        <Portal>\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,aAAa;AAE9B,SAASC,WAAW;AAEpB,SAASC,eAAe,EAAEC,cAAc,EAAEC,aAAa,EAAEC,WAAW;AACpE,SAASC,MAAM,QAA2B,kBAAkB;AAE5D,MAAMC,sBAAsB,GAAG,CAAC,qBAAqB,EAAE,cAAc,CAAC;AAUtE,OAAO,MAAMC,aAA2C,GAAGA,CAAC;EACxDC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ,GAAGb,IAAI;EACfc;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGjB,QAAQ,CAAC,IAAI,CAAC;EAE5C,MAAMkB,WAAW,GAAGpB,WAAW,CAAC,MAAM;IAClCmB,UAAU,CAAC,KAAK,CAAC;IACjB,IAAIf,WAAW,CAACiB,WAAW,KAAK,CAAC,EAAE;MAC/BX,sBAAsB,CAACY,OAAO,CAACC,SAAS,IAAIC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,MAAM,CAACJ,SAAS,CAAC,CAAC;IAC1F;EACJ,CAAC,EAAE,EAAE,CAAC;EAENtB,SAAS,CAAC,MAAM;IACZS,sBAAsB,CAACY,OAAO,CAACC,SAAS,IAAIC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,GAAG,CAACL,SAAS,CAAC,CAAC;IACnF,OAAO,MAAM;MACT,IAAInB,WAAW,CAACiB,WAAW,KAAK,CAAC,EAAE;QAC/BX,sBAAsB,CAACY,OAAO,CAACC,SAAS,IACpCC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,MAAM,CAACJ,SAAS,CAC5C,CAAC;MACL;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIxB,KAAA,CAAA8B,aAAA,CAACpB,MAAM,qBACHV,KAAA,CAAA8B,aAAA,CAACrB,WAAW;IAACU,OAAO,EAAEA,OAAQ;IAACF,QAAQ,EAAEA;EAAS,gBAC9CjB,KAAA,CAAA8B,aAAA,CAACxB,eAAe;IAACa,OAAO,EAAEA,OAAQ;IAACE,WAAW,EAAEA;EAAY,CAAE,CAAC,eAC/DrB,KAAA,CAAA8B,aAAA,CAACvB,cAAc;IAACY,OAAO,EAAEA;EAAQ,gBAC7BnB,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAA+B,QAAA,qBACI/B,KAAA,CAAA8B,aAAA,CAACtB,aAAa;IACVwB,KAAK,EAAElB,OAAQ;IACfmB,MAAM,EAAEpB,SAAU;IAClBqB,GAAG,EAAEnB,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("wby-fixed wby-inset-0 wby-bg-neutral-dark/50", "wby-transition wby-ease-in-out", "data-[state=open]:wby-animate-in data-[state=open]:wby-fade-in data-[state=open]:wby-duration-500", "data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out data-[state=closed]:wby-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                \"wby-fixed wby-inset-0 wby-bg-neutral-dark/50\",\n                \"wby-transition wby-ease-in-out\",\n                \"data-[state=open]:wby-animate-in data-[state=open]:wby-fade-in data-[state=open]:wby-duration-500\",\n                \"data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out data-[state=closed]:wby-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,8CAA8C,EAC9C,gCAAgC,EAChC,mGAAmG,EACnG,2GACJ;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(["wby-fixed wby-inset-x-0 wby-top-lg", "wby-w-screen", "wby-rounded-t-lg wby-overflow-hidden", "wby-bg-neutral-base", "wby-transition wby-ease-in-out", "data-[state=open]:wby-animate-in data-[state=open]:wby-slide-in-from-bottom data-[state=open]:wby-fade-in data-[state=open]:wby-duration-500", "data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out data-[state=closed]:wby-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                    \"wby-fixed wby-inset-x-0 wby-top-lg\",\n                    \"wby-w-screen\",\n                    \"wby-rounded-t-lg wby-overflow-hidden\",\n                    \"wby-bg-neutral-base\",\n                    \"wby-transition wby-ease-in-out\",\n                    \"data-[state=open]:wby-animate-in data-[state=open]:wby-slide-in-from-bottom data-[state=open]:wby-fade-in data-[state=open]:wby-duration-500\",\n                    \"data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out data-[state=closed]:wby-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,oCAAoC,EACpC,cAAc,EACd,sCAAsC,EACtC,qBAAqB,EACrB,gCAAgC,EAChC,8IAA8I,EAC9I,2GAA2G,CAC9G,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?: "default" | "strong" | 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 };

package/components/OverlayLayout/components/OverlayHeader.js

@@ -0,0 +1,44 @@
+import React from "react";
+import { cn, cva, HeaderBar, IconButton } from "@webiny/admin-ui";
+import { ReactComponent as CloseIcon } from "@webiny/icons/close.svg";
+const overlayHeaderVariants = cva("", {
+  variants: {
+    variant: {
+      default: "wby-bg-neutral-base wby-text-neutral-base",
+      strong: "wby-bg-neutral-dark wby-text-neutral-light"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const OverlayHeader = ({
+  start,
+  middle,
+  end,
+  hideOverlay,
+  variant,
+  className,
+  ...props
+}) => {
+  const buttonIconVariant = variant === "strong" ? "ghost-negative" : "ghost";
+  return /*#__PURE__*/React.createElement(HeaderBar, Object.assign({
+    start: /*#__PURE__*/React.createElement("div", {
+      className: "wby-pl-md"
+    }, start),
+    middle: middle,
+    end: /*#__PURE__*/React.createElement(React.Fragment, null, end, /*#__PURE__*/React.createElement(IconButton, {
+      variant: buttonIconVariant,
+      size: "md",
+      iconSize: "lg",
+      onClick: hideOverlay,
+      icon: /*#__PURE__*/React.createElement(CloseIcon, null)
+    })),
+    className: cn(overlayHeaderVariants({
+      variant
+    }), className)
+  }, props));
+};
+export { OverlayHeader, overlayHeaderVariants };
+
+//# sourceMappingURL=OverlayHeader.js.map

package/components/OverlayLayout/components/OverlayHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","HeaderBar","IconButton","ReactComponent","CloseIcon","overlayHeaderVariants","variants","variant","default","strong","defaultVariants","OverlayHeader","start","middle","end","hideOverlay","className","props","buttonIconVariant","createElement","Object","assign","Fragment","size","iconSize","onClick","icon"],"sources":["OverlayHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, HeaderBar, IconButton, type VariantProps } from \"@webiny/admin-ui\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\n\nconst overlayHeaderVariants = cva(\"\", {\n    variants: {\n        variant: {\n            default: \"wby-bg-neutral-base wby-text-neutral-base\",\n            strong: \"wby-bg-neutral-dark wby-text-neutral-light\"\n        }\n    },\n    defaultVariants: {\n        variant: \"default\"\n    }\n});\n\ninterface OverlayHeaderProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof overlayHeaderVariants> {\n    start?: React.ReactNode;\n    middle?: React.ReactNode;\n    end?: React.ReactNode;\n    hideOverlay?: () => void;\n}\n\nconst OverlayHeader = ({\n    start,\n    middle,\n    end,\n    hideOverlay,\n    variant,\n    className,\n    ...props\n}: OverlayHeaderProps) => {\n    const buttonIconVariant = variant === \"strong\" ? \"ghost-negative\" : \"ghost\";\n\n    return (\n        <HeaderBar\n            start={<div className={\"wby-pl-md\"}>{start}</div>}\n            middle={middle}\n            end={\n                <>\n                    {end}\n                    <IconButton\n                        variant={buttonIconVariant}\n                        size={\"md\"}\n                        iconSize={\"lg\"}\n                        onClick={hideOverlay}\n                        icon={<CloseIcon />}\n                    />\n                </>\n            }\n            className={cn(overlayHeaderVariants({ variant }), className)}\n            {...props}\n        />\n    );\n};\n\nexport { OverlayHeader, type OverlayHeaderProps, overlayHeaderVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,SAAS,EAAEC,UAAU,QAA2B,kBAAkB;AACpF,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AAErE,MAAMC,qBAAqB,GAAGL,GAAG,CAAC,EAAE,EAAE;EAClCM,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,2CAA2C;MACpDC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAWF,MAAMI,aAAa,GAAGA,CAAC;EACnBC,KAAK;EACLC,MAAM;EACNC,GAAG;EACHC,WAAW;EACXR,OAAO;EACPS,SAAS;EACT,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,iBAAiB,GAAGX,OAAO,KAAK,QAAQ,GAAG,gBAAgB,GAAG,OAAO;EAE3E,oBACIT,KAAA,CAAAqB,aAAA,CAAClB,SAAS,EAAAmB,MAAA,CAAAC,MAAA;IACNT,KAAK,eAAEd,KAAA,CAAAqB,aAAA;MAAKH,SAAS,EAAE;IAAY,GAAEJ,KAAW,CAAE;IAClDC,MAAM,EAAEA,MAAO;IACfC,GAAG,eACChB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAwB,QAAA,QACKR,GAAG,eACJhB,KAAA,CAAAqB,aAAA,CAACjB,UAAU;MACPK,OAAO,EAAEW,iBAAkB;MAC3BK,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfC,OAAO,EAAEV,WAAY;MACrBW,IAAI,eAAE5B,KAAA,CAAAqB,aAAA,CAACf,SAAS,MAAE;IAAE,CACvB,CACH,CACL;IACDY,SAAS,EAAEjB,EAAE,CAACM,qBAAqB,CAAC;MAAEE;IAAQ,CAAC,CAAC,EAAES,SAAS;EAAE,GACzDC,KAAK,CACZ,CAAC;AAEV,CAAC;AAED,SAASN,aAAa,EAA2BN,qBAAqB","ignoreList":[]}

package/components/OverlayLayout/components/OverlayRoot.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { ExitHandler } from "react-transition-group/Transition";
+interface OverlayRootProps {
+    visible?: boolean;
+    onExited?: ExitHandler<HTMLElement>;
+    children: React.ReactNode;
+}
+declare const OverlayRoot: ({ visible, onExited, children }: OverlayRootProps) => React.JSX.Element;
+export { OverlayRoot, type OverlayRootProps };

package/components/OverlayLayout/components/OverlayRoot.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { Transition } from "react-transition-group";
+const OverlayRoot = ({
+  visible,
+  onExited,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Transition, {
+    in: visible,
+    timeout: 100,
+    appear: true,
+    onExited: onExited
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-pointer-events-auto"
+  }, children));
+};
+export { OverlayRoot };
+
+//# sourceMappingURL=OverlayRoot.js.map

package/components/OverlayLayout/components/OverlayRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Transition","OverlayRoot","visible","onExited","children","createElement","in","timeout","appear","className"],"sources":["OverlayRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport type { ExitHandler } from \"react-transition-group/Transition\";\n\ninterface OverlayRootProps {\n    visible?: boolean;\n    onExited?: ExitHandler<HTMLElement>;\n    children: React.ReactNode;\n}\n\nconst OverlayRoot = ({ visible, onExited, children }: OverlayRootProps) => {\n    return (\n        <Transition in={visible} timeout={100} appear onExited={onExited}>\n            <div className={\"wby-pointer-events-auto\"}>{children}</div>\n        </Transition>\n    );\n};\n\nexport { OverlayRoot, type OverlayRootProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,wBAAwB;AASnD,MAAMC,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAA2B,CAAC,KAAK;EACvE,oBACIL,KAAA,CAAAM,aAAA,CAACL,UAAU;IAACM,EAAE,EAAEJ,OAAQ;IAACK,OAAO,EAAE,GAAI;IAACC,MAAM;IAACL,QAAQ,EAAEA;EAAS,gBAC7DJ,KAAA,CAAAM,aAAA;IAAKI,SAAS,EAAE;EAA0B,GAAEL,QAAc,CAClD,CAAC;AAErB,CAAC;AAED,SAASH,WAAW","ignoreList":[]}

package/components/OverlayLayout/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./OverlayHeader";
+export * from "./OverlayBackdrop";
+export * from "./OverlayContent";
+export * from "./OverlayRoot";

package/components/OverlayLayout/components/index.js

@@ -0,0 +1,6 @@
+export * from "./OverlayHeader";
+export * from "./OverlayBackdrop";
+export * from "./OverlayContent";
+export * from "./OverlayRoot";
+
+//# sourceMappingURL=index.js.map

package/components/OverlayLayout/components/index.js.map

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

package/components/OverlayLayout/index.d.ts

@@ -1 +1 @@
-export { OverlayLayout } from "./OverlayLayout";
+export * from "./OverlayLayout";