@activecollab/components 1.0.408 → 1.0.410

package/dist/esm/components/Links/Link.spec.js

@@ -0,0 +1,165 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React from "react";
+import { render, shallow } from "enzyme";
+import { render as rtlRender } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { Link } from "./Link";
+import { PeopleIcon } from "../Icons/index";
+describe("<Link/>", function () {
+  it("Link should render", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, null, "Hello!"))).toMatchSnapshot();
+  });
+  it("Link should render small size", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      size: "small"
+    }, " Click Me!"))).toMatchSnapshot();
+  });
+  it("Link should render big size", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      size: "big"
+    }, " Click Me!"))).toMatchSnapshot();
+  });
+  it("Link should render provided class names", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Link, {
+      className: "test test1"
+    }, " Click Me!"));
+    expect(wrapper.find(".test.test1").exists()).toBe(true);
+  });
+  it("Link should render icons only", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, null, /*#__PURE__*/React.createElement(PeopleIcon, null)))).toMatchSnapshot();
+  });
+  it("Link should render small icons only", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      size: "small"
+    }, /*#__PURE__*/React.createElement(PeopleIcon, null)))).toMatchSnapshot();
+  });
+  it("Link should render big icons only", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      size: "big"
+    }, /*#__PURE__*/React.createElement(PeopleIcon, null)))).toMatchSnapshot();
+  });
+  it("Link should render primary or contained", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      variant: "contained"
+    }, "Click me!"))).toMatchSnapshot();
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      variant: "primary"
+    }, "Click me!"))).toMatchSnapshot();
+  });
+  it("Link should render secondary or outlined", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      variant: "secondary"
+    }, "Click me!"))).toMatchSnapshot();
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      variant: "outlined"
+    }, "Click me!"))).toMatchSnapshot();
+  });
+  it("Link should render tertiary or text colored", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      variant: "tertiary"
+    }, "Click me!"))).toMatchSnapshot();
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      variant: "text colored"
+    }, "Click me!"))).toMatchSnapshot();
+  });
+  it("Link should render option or text gray", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      variant: "option"
+    }, "Click me!"))).toMatchSnapshot();
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      variant: "text gray"
+    }, "Click me!"))).toMatchSnapshot();
+  });
+  it("Link should render dark transparent", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      variant: "dark transparent"
+    }, "Click me!"))).toMatchSnapshot();
+  });
+  it("Link should render small dark transparent", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      size: "small",
+      variant: "dark transparent"
+    }, "Click me!"))).toMatchSnapshot();
+  });
+  it("Link should render small circle raised", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      size: "small",
+      variant: "circle raised"
+    }, "Click me!"))).toMatchSnapshot();
+  });
+  it("Link should render big tertiary", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      size: "big",
+      variant: "tertiary"
+    }, "Click me!"))).toMatchSnapshot();
+  });
+  it("Link should render with disabled prop", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      disabled: true
+    }, /*#__PURE__*/React.createElement(PeopleIcon, null), " People", " "))).toMatchSnapshot();
+  });
+  it("Link should render text link", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      size: "big",
+      variant: "text link-primary"
+    }, "Click me!"))).toBeCalled;
+  });
+  it("Link should render text link", function () {
+    expect(render( /*#__PURE__*/React.createElement(Link, {
+      size: "big",
+      variant: "text link-gray"
+    }, "Click me!"))).toBeCalled;
+  });
+  it("Link should call onClick handler when Link is clicked", function () {
+    var onClickHandler = jest.fn();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Link, {
+      onClick: onClickHandler
+    }, "Click Me!"));
+    var link = wrapper.find("StyledLink");
+    expect(onClickHandler).not.toBeCalled();
+    link.simulate("click");
+    expect(onClickHandler).toBeCalled();
+  });
+  it("should not render child if it is not true", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Link, null, /*#__PURE__*/React.createElement("div", null, "Child 1"), /*#__PURE__*/React.createElement("div", null, "Child 2"), /*#__PURE__*/React.createElement("div", null, "Child 3"), null, undefined, false, 0));
+    var children = wrapper.find(".c-link__elements__element");
+    expect(children.length).toBe(3);
+  });
+  it("should handle as property for external library links", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var user, mockOnClick, CustomLink, _rtlRender, getByRole, link;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            user = userEvent.setup();
+            mockOnClick = jest.fn();
+            CustomLink = function CustomLink(_ref2) {
+              var to = _ref2.to,
+                children = _ref2.children;
+              return /*#__PURE__*/React.createElement("a", {
+                href: to,
+                onClick: mockOnClick
+              }, children);
+            };
+            _rtlRender = rtlRender( /*#__PURE__*/React.createElement(Link, {
+              to: "#",
+              as: CustomLink
+            }, "External")), getByRole = _rtlRender.getByRole;
+            link = getByRole("link", {
+              name: "External"
+            });
+            expect(link).toHaveAttribute("href", "#");
+            _context.next = 8;
+            return user.click(link);
+          case 8:
+            expect(mockOnClick).toHaveBeenCalled();
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+});
+//# sourceMappingURL=Link.spec.js.map

package/dist/esm/components/Links/Link.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.spec.js","names":["React","render","shallow","rtlRender","userEvent","Link","PeopleIcon","describe","it","expect","toMatchSnapshot","wrapper","find","exists","toBe","toBeCalled","onClickHandler","jest","fn","link","not","simulate","undefined","children","length","user","setup","mockOnClick","CustomLink","to","getByRole","name","toHaveAttribute","click","toHaveBeenCalled"],"sources":["../../../../src/components/Links/Link.spec.tsx"],"sourcesContent":["import React from \"react\";\nimport { render, shallow } from \"enzyme\";\nimport { render as rtlRender } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\nimport { Link } from \"./Link\";\nimport { PeopleIcon } from \"../Icons/index\";\n\ndescribe(\"<Link/>\", () => {\n  it(\"Link should render\", () => {\n    expect(render(<Link>Hello!</Link>)).toMatchSnapshot();\n  });\n\n  it(\"Link should render small size\", () => {\n    expect(render(<Link size=\"small\"> Click Me!</Link>)).toMatchSnapshot();\n  });\n\n  it(\"Link should render big size\", () => {\n    expect(render(<Link size=\"big\"> Click Me!</Link>)).toMatchSnapshot();\n  });\n\n  it(\"Link should render provided class names\", () => {\n    const wrapper = shallow(<Link className=\"test test1\"> Click Me!</Link>);\n\n    expect(wrapper.find(\".test.test1\").exists()).toBe(true);\n  });\n\n  it(\"Link should render icons only\", () => {\n    expect(\n      render(\n        <Link>\n          <PeopleIcon />\n        </Link>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Link should render small icons only\", () => {\n    expect(\n      render(\n        <Link size=\"small\">\n          <PeopleIcon />\n        </Link>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Link should render big icons only\", () => {\n    expect(\n      render(\n        <Link size=\"big\">\n          <PeopleIcon />\n        </Link>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Link should render primary or contained\", () => {\n    expect(\n      render(<Link variant=\"contained\">Click me!</Link>)\n    ).toMatchSnapshot();\n\n    expect(render(<Link variant=\"primary\">Click me!</Link>)).toMatchSnapshot();\n  });\n\n  it(\"Link should render secondary or outlined\", () => {\n    expect(\n      render(<Link variant=\"secondary\">Click me!</Link>)\n    ).toMatchSnapshot();\n\n    expect(render(<Link variant=\"outlined\">Click me!</Link>)).toMatchSnapshot();\n  });\n\n  it(\"Link should render tertiary or text colored\", () => {\n    expect(render(<Link variant=\"tertiary\">Click me!</Link>)).toMatchSnapshot();\n\n    expect(\n      render(<Link variant=\"text colored\">Click me!</Link>)\n    ).toMatchSnapshot();\n  });\n\n  it(\"Link should render option or text gray\", () => {\n    expect(render(<Link variant=\"option\">Click me!</Link>)).toMatchSnapshot();\n\n    expect(\n      render(<Link variant=\"text gray\">Click me!</Link>)\n    ).toMatchSnapshot();\n  });\n\n  it(\"Link should render dark transparent\", () => {\n    expect(\n      render(<Link variant=\"dark transparent\">Click me!</Link>)\n    ).toMatchSnapshot();\n  });\n\n  it(\"Link should render small dark transparent\", () => {\n    expect(\n      render(\n        <Link size=\"small\" variant=\"dark transparent\">\n          Click me!\n        </Link>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Link should render small circle raised\", () => {\n    expect(\n      render(\n        <Link size=\"small\" variant=\"circle raised\">\n          Click me!\n        </Link>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Link should render big tertiary\", () => {\n    expect(\n      render(\n        <Link size=\"big\" variant=\"tertiary\">\n          Click me!\n        </Link>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Link should render with disabled prop\", () => {\n    expect(\n      render(\n        <Link disabled>\n          <PeopleIcon /> People{\" \"}\n        </Link>\n      )\n    ).toMatchSnapshot();\n  });\n\n  it(\"Link should render text link\", () => {\n    expect(\n      render(\n        <Link size=\"big\" variant=\"text link-primary\">\n          Click me!\n        </Link>\n      )\n    ).toBeCalled;\n  });\n\n  it(\"Link should render text link\", () => {\n    expect(\n      render(\n        <Link size=\"big\" variant=\"text link-gray\">\n          Click me!\n        </Link>\n      )\n    ).toBeCalled;\n  });\n  it(\"Link should call onClick handler when Link is clicked\", () => {\n    const onClickHandler = jest.fn();\n    const wrapper = shallow(<Link onClick={onClickHandler}>Click Me!</Link>);\n    const link = wrapper.find(\"StyledLink\");\n    expect(onClickHandler).not.toBeCalled();\n    link.simulate(\"click\");\n    expect(onClickHandler).toBeCalled();\n  });\n\n  it(\"should not render child if it is not true\", () => {\n    const wrapper = shallow(\n      <Link>\n        <div>Child 1</div>\n        <div>Child 2</div>\n        <div>Child 3</div>\n        {null}\n        {undefined}\n\n        {false}\n        {0}\n      </Link>\n    );\n    const children = wrapper.find(\".c-link__elements__element\");\n    expect(children.length).toBe(3);\n  });\n\n  it(\"should handle as property for external library links\", async () => {\n    const user = userEvent.setup();\n    const mockOnClick = jest.fn();\n    const CustomLink = ({ to, children }) => {\n      return (\n        <a href={to} onClick={mockOnClick}>\n          {children}\n        </a>\n      );\n    };\n\n    const { getByRole } = rtlRender(\n      <Link to=\"#\" as={CustomLink}>\n        External\n      </Link>\n    );\n    const link = getByRole(\"link\", { name: \"External\" });\n\n    expect(link).toHaveAttribute(\"href\", \"#\");\n\n    await user.click(link);\n    expect(mockOnClick).toHaveBeenCalled();\n  });\n});\n"],"mappings":"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"}

package/dist/esm/components/List/List.d.ts

@@ -7,7 +7,7 @@ export declare const _List: React.ForwardRefExoticComponent<ListProps & React.HT
 export declare const List: React.ForwardRefExoticComponent<ListProps & React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>> & {
     Item: React.ForwardRefExoticComponent<import("./ListItem").ListItemProps & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
     Separator: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
         displayName: string;
     };
 };

package/dist/esm/components/List/ListSeparator.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from "react";
+import React, { HTMLAttributes } from "react";
 export declare const ListSeparator: {
-    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=ListSeparator.d.ts.map

package/dist/esm/components/List/ListSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListSeparator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,eAAO,MAAM,aAAa;8BAGvB,eAAe,cAAc,CAAC;;CAOhC,CAAC"}
+{"version":3,"file":"ListSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,eAAO,MAAM,aAAa;8BAGvB,eAAe,cAAc,CAAC;;CAOhC,CAAC"}

package/dist/esm/components/Loaders/Dots/DotsLoader.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-export declare const DotsLoader: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "slot" | "style" | "title" | "key" | "css" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cs" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const DotsLoader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=DotsLoader.d.ts.map

package/dist/esm/components/Loaders/Dots/DotsLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DotsLoader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Dots/DotsLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,UAAU,2qJAerB,CAAC"}
+{"version":3,"file":"DotsLoader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Dots/DotsLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,UAAU,sKAerB,CAAC"}

package/dist/esm/components/Loaders/Dots/DotsLoader.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DotsLoader.spec.d.ts.map

package/dist/esm/components/Loaders/Dots/DotsLoader.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsLoader.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Dots/DotsLoader.spec.tsx"],"names":[],"mappings":""}

package/dist/esm/components/Loaders/Dots/DotsLoader.spec.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { render } from "enzyme";
+import { DotsLoader } from "./DotsLoader";
+describe("<DotsLoader>", function () {
+  it("should render", function () {
+    var wrapper = render( /*#__PURE__*/React.createElement(DotsLoader, {
+      className: "custom-loader"
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=DotsLoader.spec.js.map

package/dist/esm/components/Loaders/Dots/DotsLoader.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsLoader.spec.js","names":["React","render","DotsLoader","describe","it","wrapper","expect","toMatchSnapshot"],"sources":["../../../../../src/components/Loaders/Dots/DotsLoader.spec.tsx"],"sourcesContent":["import React from \"react\";\nimport { render } from \"enzyme\";\nimport { DotsLoader } from \"./DotsLoader\";\n\ndescribe(\"<DotsLoader>\", () => {\n  it(`should render`, () => {\n    const wrapper = render(<DotsLoader className=\"custom-loader\" />);\n    expect(wrapper).toMatchSnapshot();\n  });\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,QAAQ;AAC/B,SAASC,UAAU,QAAQ,cAAc;AAEzCC,QAAQ,CAAC,cAAc,EAAE,YAAM;EAC7BC,EAAE,kBAAkB,YAAM;IACxB,IAAMC,OAAO,GAAGJ,MAAM,eAAC,oBAAC,UAAU;MAAC,SAAS,EAAC;IAAe,EAAG,CAAC;IAChEK,MAAM,CAACD,OAAO,CAAC,CAACE,eAAe,EAAE;EACnC,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Loaders/Linear/LinearLoader.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-export declare const LinearLoader: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "key" | "css" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cs" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw"> & React.RefAttributes<HTMLDivElement>>;
+export declare const LinearLoader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=LinearLoader.d.ts.map

package/dist/esm/components/Loaders/Linear/LinearLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinearLoader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Linear/LinearLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,YAAY,wqJAWvB,CAAC"}
+{"version":3,"file":"LinearLoader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Linear/LinearLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,YAAY,mKAWvB,CAAC"}

package/dist/esm/components/Loaders/Linear/LinearLoader.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LinearLoader.spec.d.ts.map

package/dist/esm/components/Loaders/Linear/LinearLoader.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearLoader.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Linear/LinearLoader.spec.tsx"],"names":[],"mappings":""}

package/dist/esm/components/Loaders/Linear/LinearLoader.spec.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { render } from "enzyme";
+import { LinearLoader } from "./LinearLoader";
+describe("<LinearLoader>", function () {
+  it("should render", function () {
+    var wrapper = render( /*#__PURE__*/React.createElement(LinearLoader, {
+      className: "custom-loader"
+    }));
+    expect(wrapper).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=LinearLoader.spec.js.map

package/dist/esm/components/Loaders/Linear/LinearLoader.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearLoader.spec.js","names":["React","render","LinearLoader","describe","it","wrapper","expect","toMatchSnapshot"],"sources":["../../../../../src/components/Loaders/Linear/LinearLoader.spec.tsx"],"sourcesContent":["import React from \"react\";\nimport { render } from \"enzyme\";\nimport { LinearLoader } from \"./LinearLoader\";\n\ndescribe(\"<LinearLoader>\", () => {\n  it(`should render`, () => {\n    const wrapper = render(<LinearLoader className=\"custom-loader\" />);\n    expect(wrapper).toMatchSnapshot();\n  });\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,QAAQ;AAC/B,SAASC,YAAY,QAAQ,gBAAgB;AAE7CC,QAAQ,CAAC,gBAAgB,EAAE,YAAM;EAC/BC,EAAE,kBAAkB,YAAM;IACxB,IAAMC,OAAO,GAAGJ,MAAM,eAAC,oBAAC,YAAY;MAAC,SAAS,EAAC;IAAe,EAAG,CAAC;IAClEK,MAAM,CAACD,OAAO,CAAC,CAACE,eAAe,EAAE;EACnC,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.d.ts

@@ -13,5 +13,5 @@ export interface SpinnerLoaderProps {
     /** Rotate speed of animation in seconds */
     rotateDurationInSeconds?: number;
 }
-export declare const SpinnerLoader: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "key" | "css" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cs" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw"> & SpinnerLoaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SpinnerLoader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SpinnerLoaderProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=SpinnerLoader.d.ts.map

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerLoader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,kBAAkB;IACjC,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC9C,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,6rJA+BzB,CAAC"}
+{"version":3,"file":"SpinnerLoader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,kBAAkB;IACjC,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC9C,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,wLA+BzB,CAAC"}

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SpinnerLoader.spec.d.ts.map

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerLoader.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.spec.tsx"],"names":[],"mappings":""}

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.spec.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import { SpinnerLoader } from "./SpinnerLoader";
+describe("<SpinnerLoader>", function () {
+  it("should render", function () {
+    var _render = render( /*#__PURE__*/React.createElement(SpinnerLoader, null)),
+      asFragment = _render.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it("should render with props", function () {
+    var _render2 = render( /*#__PURE__*/React.createElement(SpinnerLoader, {
+        radius: 50,
+        stroke: 4,
+        rotateDurationInSeconds: 0.5,
+        activeColorPercentage: "50%",
+        activeStrokeColor: "#eeeeee",
+        inactiveStrokeColor: "#ffffff"
+      })),
+      asFragment = _render2.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=SpinnerLoader.spec.js.map

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerLoader.spec.js","names":["React","render","SpinnerLoader","describe","it","asFragment","expect","toMatchSnapshot"],"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.spec.tsx"],"sourcesContent":["import React from \"react\";\nimport { render } from \"@testing-library/react\";\nimport { SpinnerLoader } from \"./SpinnerLoader\";\n\ndescribe(\"<SpinnerLoader>\", () => {\n  it(\"should render\", () => {\n    const { asFragment } = render(<SpinnerLoader />);\n    expect(asFragment()).toMatchSnapshot();\n  });\n\n  it(\"should render with props\", () => {\n    const { asFragment } = render(\n      <SpinnerLoader\n        radius={50}\n        stroke={4}\n        rotateDurationInSeconds={0.5}\n        activeColorPercentage=\"50%\"\n        activeStrokeColor=\"#eeeeee\"\n        inactiveStrokeColor=\"#ffffff\"\n      />\n    );\n    expect(asFragment()).toMatchSnapshot();\n  });\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,QAAQ,iBAAiB;AAE/CC,QAAQ,CAAC,iBAAiB,EAAE,YAAM;EAChCC,EAAE,CAAC,eAAe,EAAE,YAAM;IACxB,cAAuBH,MAAM,eAAC,oBAAC,aAAa,OAAG,CAAC;MAAxCI,UAAU,WAAVA,UAAU;IAClBC,MAAM,CAACD,UAAU,EAAE,CAAC,CAACE,eAAe,EAAE;EACxC,CAAC,CAAC;EAEFH,EAAE,CAAC,0BAA0B,EAAE,YAAM;IACnC,eAAuBH,MAAM,eAC3B,oBAAC,aAAa;QACZ,MAAM,EAAE,EAAG;QACX,MAAM,EAAE,CAAE;QACV,uBAAuB,EAAE,GAAI;QAC7B,qBAAqB,EAAC,KAAK;QAC3B,iBAAiB,EAAC,SAAS;QAC3B,mBAAmB,EAAC;MAAS,EAC7B,CACH;MATOI,UAAU,YAAVA,UAAU;IAUlBC,MAAM,CAACD,UAAU,EAAE,CAAC,CAACE,eAAe,EAAE;EACxC,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Menu/Menu.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Menu.spec.d.ts.map

package/dist/esm/components/Menu/Menu.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.spec.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.spec.tsx"],"names":[],"mappings":""}

package/dist/esm/components/Menu/Menu.spec.js

@@ -0,0 +1,233 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useCallback } from "react";
+import { mount, shallow } from "enzyme";
+import { Menu } from "./Menu";
+import { ActivityIcon } from "../Icons";
+import { useMenuContext } from "./context";
+import { Button } from "../Button";
+import { render } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+var user = userEvent.setup();
+var MenuContextItem = function MenuContextItem() {
+  var _useMenuContext = useMenuContext(),
+    open = _useMenuContext.open,
+    setOpen = _useMenuContext.setOpen;
+  var handleClick = useCallback(function () {
+    if (typeof setOpen === "function") {
+      setOpen(false);
+    }
+  }, [setOpen]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "test",
+    onClick: handleClick
+  }, open ? "open" : "close");
+};
+describe("<Menu/>", function () {
+  it("should render with props", function () {
+    var handleShow = jest.fn();
+    var hideMenu = jest.fn();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Menu, {
+      target: /*#__PURE__*/React.createElement(ActivityIcon, null),
+      onOpen: handleShow,
+      onClose: hideMenu,
+      handleScroll: false,
+      disableFocusLock: true,
+      open: true,
+      mode: "wider"
+    }, "Text"));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it("should call function to show menu", function () {
+    var handleShow = jest.fn();
+    var hideMenu = jest.fn();
+    var mockTargetClick = jest.fn();
+    var wrapper = mount( /*#__PURE__*/React.createElement(Menu, {
+      target: /*#__PURE__*/React.createElement(ActivityIcon, {
+        onClick: mockTargetClick
+      }),
+      onOpen: handleShow,
+      onClose: hideMenu
+    }, "Text"));
+    var mockedClickEvent = {
+      preventDefault: jest.fn()
+    };
+    wrapper.find(ActivityIcon).first().simulate("click", mockedClickEvent);
+    expect(handleShow).toHaveBeenCalled();
+    expect(mockTargetClick).toHaveBeenCalled();
+    wrapper.unmount();
+  });
+  it("should show wider mode", function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Menu, {
+      target: /*#__PURE__*/React.createElement(ActivityIcon, null),
+      open: true,
+      mode: "wider"
+    }, "Text"));
+    expect(wrapper.find("StyledMenu").first().prop("$mode")).toEqual("wider");
+    wrapper.unmount();
+  });
+  it("should show tiny mode", function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Menu, {
+      target: /*#__PURE__*/React.createElement(ActivityIcon, null),
+      open: true,
+      mode: "tiny"
+    }, "Text"));
+    expect(wrapper.find("StyledMenu").first().prop("$mode")).toEqual("tiny");
+    wrapper.unmount();
+  });
+  it("should show custom mode (size)", function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Menu, {
+      target: /*#__PURE__*/React.createElement(ActivityIcon, null),
+      open: true,
+      mode: "3000px"
+    }, "Text"));
+    expect(wrapper.find("StyledMenu").first().prop("$mode")).toEqual("3000px");
+    wrapper.unmount();
+  });
+  it("should prevent close", function () {
+    var onBeforeClose = function onBeforeClose() {
+      return false;
+    };
+    var mockOnClose = jest.fn();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Menu, {
+      target: /*#__PURE__*/React.createElement(ActivityIcon, null),
+      open: true,
+      mode: "wider",
+      onBeforeClose: onBeforeClose,
+      onClose: mockOnClose
+    }, function (_ref) {
+      var forceClose = _ref.forceClose;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "test",
+        onClick: forceClose
+      }, "Test");
+    }));
+    expect(mockOnClose).not.toHaveBeenCalled();
+    wrapper.find("div.test").first().simulate("click");
+    expect(mockOnClose).not.toHaveBeenCalled();
+  });
+  it("should call onClose from context", function () {
+    var mockOnClose = jest.fn();
+    var wrapper = mount( /*#__PURE__*/React.createElement(Menu, {
+      target: /*#__PURE__*/React.createElement(ActivityIcon, null),
+      open: true,
+      onClose: mockOnClose
+    }, /*#__PURE__*/React.createElement(MenuContextItem, null)));
+    expect(mockOnClose).not.toHaveBeenCalled();
+    wrapper.find("Overlay").simulate("click");
+    expect(mockOnClose).toHaveBeenCalled();
+    wrapper.unmount();
+  });
+  it("should position Window appropriately", function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Menu, {
+      open: true
+    }, "Test"));
+    expect(wrapper.find("Window").prop("style")).toEqual({
+      position: "fixed"
+    });
+    wrapper.setProps({
+      windowAbsolutelyPositioned: true
+    });
+    expect(wrapper.find("Window").prop("style")).toEqual({
+      position: "absolute"
+    });
+  });
+  it("should focus trigger on close", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var handleShow, hideMenu, onFocus, _render, getByRole, queryByText, getByText;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            handleShow = jest.fn();
+            hideMenu = jest.fn();
+            onFocus = jest.fn();
+            _render = render( /*#__PURE__*/React.createElement(Menu, {
+              target: /*#__PURE__*/React.createElement(Button, {
+                className: "test-button",
+                onFocus: onFocus
+              }, "Open me"),
+              onOpen: handleShow,
+              onClose: hideMenu
+            }, function (_ref3) {
+              var forceClose = _ref3.forceClose;
+              return /*#__PURE__*/React.createElement("div", {
+                className: "test",
+                onClick: forceClose
+              }, "Text");
+            })), getByRole = _render.getByRole, queryByText = _render.queryByText, getByText = _render.getByText;
+            expect(queryByText("Text")).not.toBeInTheDocument();
+            _context.next = 7;
+            return user.click(getByRole("button"));
+          case 7:
+            expect(handleShow).toBeCalled();
+            _context.next = 10;
+            return user.click(getByText("Text"));
+          case 10:
+            expect(hideMenu).toBeCalled();
+            expect(getByRole("button")).toHaveFocus();
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it("should focus something else instead of trigger", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var handleShow, hideMenu, renameFlag, focusInput, _render2, getByRole, queryByText, getByText;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            handleShow = jest.fn();
+            hideMenu = jest.fn();
+            renameFlag = false;
+            focusInput = function focusInput() {
+              if (renameFlag) {
+                setTimeout(function () {
+                  var _document$getElementB;
+                  return (_document$getElementB = document.getElementById("test")) == null ? void 0 : _document$getElementB.focus();
+                }, 0);
+                renameFlag = false;
+              }
+            };
+            _render2 = render( /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
+              id: "test",
+              type: "text",
+              placeholder: "Test"
+            }), /*#__PURE__*/React.createElement(Menu, {
+              target: /*#__PURE__*/React.createElement("button", {
+                className: "test-button",
+                onFocus: focusInput
+              }, "Open me"),
+              onOpen: handleShow,
+              onClose: hideMenu
+            }, function (_ref5) {
+              var forceClose = _ref5.forceClose;
+              var handleClose = function handleClose() {
+                renameFlag = true;
+                forceClose();
+              };
+              return /*#__PURE__*/React.createElement("div", {
+                className: "test",
+                onClick: handleClose
+              }, "Text");
+            }))), getByRole = _render2.getByRole, queryByText = _render2.queryByText, getByText = _render2.getByText;
+            expect(queryByText("Text")).not.toBeInTheDocument();
+            _context2.next = 8;
+            return user.click(getByRole("button"));
+          case 8:
+            expect(handleShow).toBeCalled();
+            _context2.next = 11;
+            return user.click(getByText("Text"));
+          case 11:
+            expect(hideMenu).toBeCalled();
+            expect(getByRole("textbox")).toHaveFocus();
+          case 13:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
+});
+//# sourceMappingURL=Menu.spec.js.map