@bbl-digital/snorre 4.2.30 → 4.2.31

package/esm/core/Dropdown/styles.js

@@ -1,8 +1,13 @@
-import { css } from '@emotion/react';
-const styles = {
-  default: theme => /*#__PURE__*/css("position:absolute;z-index:1000;border-radius:10px;border:1px solid ", theme.border, ";background-color:#ffffff;box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);margin-top:8px;" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvRHJvcGRvd24vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTAwMDtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICBtYXJnaW4tdG9wOiA4cHg7XG4gIGAsXG4gIGljb246ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYnV0dG9uOmhvdmVyLFxuICAgIGJ1dHRvbjpmb2N1cyB7XG4gICAgICAmID4gc3ZnID4gcG9seWdvbixcbiAgICAgICYgPiBzdmcgPiBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5idG5Ib3ZlclRleHRDb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBiYWNrZ3JvdW5kOiAoYmc6IHN0cmluZykgPT4gY3NzYFxuICAgIGJ1dHRvbiB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JnfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
-  icon: theme => /*#__PURE__*/css("button:hover,button:focus{&>svg>polygon,&>svg>path{fill:", theme.btnHoverTextColor, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:icon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvRHJvcGRvd24vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTAwMDtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICBtYXJnaW4tdG9wOiA4cHg7XG4gIGAsXG4gIGljb246ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYnV0dG9uOmhvdmVyLFxuICAgIGJ1dHRvbjpmb2N1cyB7XG4gICAgICAmID4gc3ZnID4gcG9seWdvbixcbiAgICAgICYgPiBzdmcgPiBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5idG5Ib3ZlclRleHRDb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBiYWNrZ3JvdW5kOiAoYmc6IHN0cmluZykgPT4gY3NzYFxuICAgIGJ1dHRvbiB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JnfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
-  background: bg => /*#__PURE__*/css("button{background-color:", bg, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:background;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDEwMDA7XG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gICAgbWFyZ2luLXRvcDogOHB4O1xuICBgLFxuICBpY29uOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJ1dHRvbjpob3ZlcixcbiAgICBidXR0b246Zm9jdXMge1xuICAgICAgJiA+IHN2ZyA+IHBvbHlnb24sXG4gICAgICAmID4gc3ZnID4gcGF0aCB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9O1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgYmFja2dyb3VuZDogKGJnOiBzdHJpbmcpID0+IGNzc2BcbiAgICBidXR0b24ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtiZ307XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */")
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = exports.default = void 0;
+var _react = require("@emotion/react");
+const styles = exports.styles = {
+  default: theme => /*#__PURE__*/(0, _react.css)("position:absolute;z-index:1000;border-radius:10px;border:1px solid ", theme.border, ";background-color:#ffffff;box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);margin-top:8px;" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvRHJvcGRvd24vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTAwMDtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICBtYXJnaW4tdG9wOiA4cHg7XG4gIGAsXG4gIGljb246ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYnV0dG9uOmhvdmVyLFxuICAgIGJ1dHRvbjpmb2N1cyB7XG4gICAgICAmID4gc3ZnID4gcG9seWdvbixcbiAgICAgICYgPiBzdmcgPiBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5idG5Ib3ZlclRleHRDb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBiYWNrZ3JvdW5kOiAoYmc6IHN0cmluZykgPT4gY3NzYFxuICAgIGJ1dHRvbiB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JnfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+  icon: theme => /*#__PURE__*/(0, _react.css)("button:hover,button:focus{&>svg>polygon,&>svg>path{fill:", theme.btnHoverTextColor, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:icon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvRHJvcGRvd24vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTAwMDtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICBtYXJnaW4tdG9wOiA4cHg7XG4gIGAsXG4gIGljb246ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYnV0dG9uOmhvdmVyLFxuICAgIGJ1dHRvbjpmb2N1cyB7XG4gICAgICAmID4gc3ZnID4gcG9seWdvbixcbiAgICAgICYgPiBzdmcgPiBwYXRoIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5idG5Ib3ZlclRleHRDb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBiYWNrZ3JvdW5kOiAoYmc6IHN0cmluZykgPT4gY3NzYFxuICAgIGJ1dHRvbiB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JnfTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+  background: bg => /*#__PURE__*/(0, _react.css)("button{background-color:", bg, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:background;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDEwMDA7XG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gICAgbWFyZ2luLXRvcDogOHB4O1xuICBgLFxuICBpY29uOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJ1dHRvbjpob3ZlcixcbiAgICBidXR0b246Zm9jdXMge1xuICAgICAgJiA+IHN2ZyA+IHBvbHlnb24sXG4gICAgICAmID4gc3ZnID4gcGF0aCB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9O1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgYmFja2dyb3VuZDogKGJnOiBzdHJpbmcpID0+IGNzc2BcbiAgICBidXR0b24ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtiZ307XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */")
 };
-export default styles;
-export { styles };
+var _default = exports.default = styles;

package/esm/core/DropdownMenu/DropdownMenu.stories.js

@@ -1,20 +1,27 @@
-import DropdownMenu from '.';
-import DropdownMenuOption from './DropdownMenuOption';
-import IconMail from '../../icons/General/IconMail';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithCounterProp = exports.WithClassname = exports.Default = void 0;
+var _ = _interopRequireDefault(require("."));
+var _DropdownMenuOption = _interopRequireDefault(require("./DropdownMenuOption"));
+var _IconMail = _interopRequireDefault(require("../../icons/General/IconMail"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const meta = {
   title: 'Core/DropdownMenu',
-  component: DropdownMenu
+  component: _.default
 };
-export default meta;
-export const Default = {
+var _default = exports.default = meta;
+const Default = exports.Default = {
   args: {
-    icon: /*#__PURE__*/_jsx(IconMail, {}),
-    children: /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(DropdownMenuOption, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconMail.default, {}),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownMenuOption.default, {
         onClick: () => console.log('Option 1 clicked'),
         children: "Option 1"
-      }), /*#__PURE__*/_jsx(DropdownMenuOption, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownMenuOption.default, {
         onClick: () => console.log('Option 2 clicked'),
         children: "Option 2"
       })]
@@ -22,15 +29,15 @@ export const Default = {
   },
   name: 'Default'
 };
-export const WithCounterProp = {
+const WithCounterProp = exports.WithCounterProp = {
   args: {
-    icon: /*#__PURE__*/_jsx(IconMail, {}),
-    children: /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(DropdownMenuOption, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconMail.default, {}),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownMenuOption.default, {
         onClick: () => console.log('Option 1 clicked'),
         counter: 3,
         children: "With counter"
-      }), /*#__PURE__*/_jsx(DropdownMenuOption, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownMenuOption.default, {
         onClick: () => console.log('Option 2 clicked'),
         children: "Option 2"
       })]
@@ -38,12 +45,12 @@ export const WithCounterProp = {
   },
   name: 'With counter prop'
 };
-export const WithClassname = {
+const WithClassname = exports.WithClassname = {
   args: {
-    icon: /*#__PURE__*/_jsx(IconMail, {}),
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconMail.default, {}),
     className: 'my-class',
-    children: /*#__PURE__*/_jsx(_Fragment, {
-      children: /*#__PURE__*/_jsx(DropdownMenuOption, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownMenuOption.default, {
         onClick: () => console.log('Option 1 clicked'),
         children: "This menu has a classname"
       })

package/esm/core/DropdownMenu/DropdownMenuOption.js

@@ -1,18 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("./styles");
+var _Link = _interopRequireDefault(require("../Link"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @jsxImportSource @emotion/react */
-import React from 'react';
-import { dropdownMenuOption } from './styles';
-import Link from '../Link';
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
 const DropdownMenuOption = ({
   counter,
   onClick,
   children
 }) => {
-  return _jsxs(Link, {
+  return (0, _jsxRuntime.jsxs)(_Link.default, {
     role: "menuitem",
     trackingName: "Topbar",
     trackingEvent: 'DropdownMenu click: ' + (children ? children : ''),
-    css: theme => [dropdownMenuOption(theme)],
+    css: theme => [(0, _styles.dropdownMenuOption)(theme)],
     onClick: onClick,
     removeUnderline: true,
     small: true,
@@ -20,4 +28,4 @@ const DropdownMenuOption = ({
     children: [children ? children : '', counter ? ` (${counter})` : '']
   });
 };
-export default DropdownMenuOption;
+var _default = exports.default = DropdownMenuOption;

package/esm/core/DropdownMenu/index.js

@@ -1,15 +1,24 @@
-import React, { useState, useEffect } from 'react';
-import { Wrapper, Content } from './styles';
-import Button from '../Button';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styles = require("./styles");
+var _Button = _interopRequireDefault(require("../Button"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const DropdownMenu = ({
   icon,
   className,
   children
 }) => {
-  const [open, setOpen] = useState(false);
-  const dropdownRef = React.useRef(null);
-  useEffect(() => {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const dropdownRef = _react.default.useRef(null);
+  (0, _react.useEffect)(() => {
     const handleClickOutside = e => {
       setTimeout(() => {
         setOpen(false);
@@ -24,7 +33,7 @@ const DropdownMenu = ({
       document.removeEventListener('mousedown', handleClickOutside);
     };
   }, [open]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (!dropdownRef?.current) return;
     if (open) {
       // Focus the first focusable element in the dropdown when it opens
@@ -35,9 +44,9 @@ const DropdownMenu = ({
       }
     }
   }, [open]);
-  return /*#__PURE__*/_jsxs(Wrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
     className: className,
-    children: [/*#__PURE__*/_jsx(Button, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       "aria-haspopup": true,
       "aria-expanded": open,
       nostyle: true,
@@ -46,11 +55,11 @@ const DropdownMenu = ({
       trackingEvent: "DropdownMenu toggle",
       trackingName: "Topbar",
       children: icon ? icon : ''
-    }), open && /*#__PURE__*/_jsx(Content, {
+    }), open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Content, {
       ref: dropdownRef,
       role: "menu",
       children: children
     })]
   });
 };
-export default DropdownMenu;
+var _default = exports.default = DropdownMenu;

package/esm/core/DropdownMenu/styles.js

@@ -1,7 +1,14 @@
-import _styled from "@emotion/styled/base";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dropdownMenuOption = exports.Wrapper = exports.Content = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = require("@emotion/react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { css } from '@emotion/react';
-export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e3ttgez1"
 } : {
   target: "e3ttgez1",
@@ -11,11 +18,10 @@ export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
   styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}"
 } : {
   name: "1ivkyd7",
-  styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLXdpZHRoOiAyMzBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgei1pbmRleDogMTAwMTtcbmBcblxuZXhwb3J0IGNvbnN0IGRyb3Bkb3duTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDUycHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBmb250LXdlaWdodDogNjAwO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuYmd9O1xuICB9XG5cbiAgJjpudGgtb2YtdHlwZSgxKSB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuIl19 */",
+  styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLXdpZHRoOiAyMzBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgei1pbmRleDogMTAwMTtcbmBcblxuZXhwb3J0IGNvbnN0IGRyb3Bkb3duTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDUycHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBmb250LXdlaWdodDogNjAwO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuYmd9O1xuICB9XG5cbiAgJjpudGgtb2YtdHlwZSgxKSB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Content = exports.Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e3ttgez0"
 } : {
   target: "e3ttgez0",
@@ -25,8 +31,8 @@ export const Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
   styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;min-width:230px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden;z-index:1001"
 } : {
   name: "1hctxho",
-  styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;min-width:230px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden;z-index:1001",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLXdpZHRoOiAyMzBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgei1pbmRleDogMTAwMTtcbmBcblxuZXhwb3J0IGNvbnN0IGRyb3Bkb3duTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDUycHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBmb250LXdlaWdodDogNjAwO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuYmd9O1xuICB9XG5cbiAgJjpudGgtb2YtdHlwZSgxKSB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuIl19 */",
+  styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;min-width:230px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden;z-index:1001/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLXdpZHRoOiAyMzBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgei1pbmRleDogMTAwMTtcbmBcblxuZXhwb3J0IGNvbnN0IGRyb3Bkb3duTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDUycHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBmb250LXdlaWdodDogNjAwO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuYmd9O1xuICB9XG5cbiAgJjpudGgtb2YtdHlwZSgxKSB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const dropdownMenuOption = theme => /*#__PURE__*/css("width:100%;height:52px;background-color:white;border-radius:0;font-weight:500;border-top:1px solid ", theme.border, ";cursor:pointer;font-weight:600;&:hover{background:", theme.bg, ";}&:nth-of-type(1){border-top:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:dropdownMenuOption;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0MyRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ecm9wZG93bk1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAzMHB4O1xuXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG1pbi13aWR0aDogMjMwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHotaW5kZXg6IDEwMDE7XG5gXG5cbmV4cG9ydCBjb25zdCBkcm9wZG93bk1lbnVPcHRpb24gPSAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiA1MnB4O1xuXG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItcmFkaXVzOiAwO1xuXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcbiAgfVxuXG4gICY6bnRoLW9mLXR5cGUoMSkge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcbiJdfQ== */");
+const dropdownMenuOption = theme => /*#__PURE__*/(0, _react.css)("width:100%;height:52px;background-color:white;border-radius:0;font-weight:500;border-top:1px solid ", theme.border, ";cursor:pointer;font-weight:600;&:hover{background:", theme.bg, ";}&:nth-of-type(1){border-top:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:dropdownMenuOption;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0MyRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ecm9wZG93bk1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAzMHB4O1xuXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG1pbi13aWR0aDogMjMwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHotaW5kZXg6IDEwMDE7XG5gXG5cbmV4cG9ydCBjb25zdCBkcm9wZG93bk1lbnVPcHRpb24gPSAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiA1MnB4O1xuXG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItcmFkaXVzOiAwO1xuXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcbiAgfVxuXG4gICY6bnRoLW9mLXR5cGUoMSkge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcbiJdfQ== */");
+exports.dropdownMenuOption = dropdownMenuOption;

package/esm/core/FileInput/FileInput.stories.js

@@ -1,27 +1,34 @@
-import FileInput from '.';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithError = exports.RotateIcon = exports.NoStyle = exports.Multiple = exports.Maxsize = exports.InitialFile = exports.HideFileList = exports.FilePdf = exports.Default = exports.ControlledState = void 0;
+var _ = _interopRequireDefault(require("."));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const meta = {
   title: 'Core/FileInput',
-  component: FileInput
+  component: _.default
 };
-export default meta;
+var _default = exports.default = meta;
 const initialFile = new File([''], 'attachment.pdf', {
   type: 'application/pdf',
   lastModified: new Date().getTime()
 });
-export const Default = {
+const Default = exports.Default = {
   name: 'Default',
   args: {
     onChange: e => console.log('CB', e)
   }
 };
-export const Multiple = {
+const Multiple = exports.Multiple = {
   name: 'Multiple',
   args: {
     onChange: e => console.log('CB', e),
     multiple: true
   }
 };
-export const WithError = {
+const WithError = exports.WithError = {
   name: 'With error',
   args: {
     onChange: e => console.log('CB', e),
@@ -29,7 +36,7 @@ export const WithError = {
     label: 'Should contain error'
   }
 };
-export const FilePdf = {
+const FilePdf = exports.FilePdf = {
   name: 'File pdf',
   args: {
     onChange: e => console.log('CB', e),
@@ -37,21 +44,21 @@ export const FilePdf = {
     text: 'Last opp PDF'
   }
 };
-export const HideFileList = {
+const HideFileList = exports.HideFileList = {
   name: 'Hide file list',
   args: {
     hideFileList: true,
     onChange: e => console.log('CB', e)
   }
 };
-export const InitialFile = {
+const InitialFile = exports.InitialFile = {
   name: 'Initial file',
   args: {
     onChange: e => console.log('CB', e),
     initialFiles: [initialFile]
   }
 };
-export const Maxsize = {
+const Maxsize = exports.Maxsize = {
   name: 'Maxsize',
   args: {
     multiple: true,
@@ -59,7 +66,7 @@ export const Maxsize = {
     onChange: e => console.log('CB', e)
   }
 };
-export const NoStyle = {
+const NoStyle = exports.NoStyle = {
   name: 'No style',
   args: {
     nostyle: true,
@@ -68,14 +75,14 @@ export const NoStyle = {
     onChange: e => console.log('CB', e)
   }
 };
-export const RotateIcon = {
+const RotateIcon = exports.RotateIcon = {
   name: 'Rotate icon',
   args: {
     rotateIcon: true,
     onChange: e => console.log('CB', e)
   }
 };
-export const ControlledState = {
+const ControlledState = exports.ControlledState = {
   name: 'Controlled state',
   args: {
     isControlledState: true,

package/esm/core/FileInput/index.js

@@ -1,11 +1,20 @@
-import React, { useState, useRef } from 'react';
-import { Wrapper, HiddenInput, DocumentList, DocumentWrapper, Document, Delete, ButtonContent, Icon, FileButton, Label, FileWrapper, ErrorMessage } from './styles';
-import { IconAttachment, IconClose } from '../..';
-import { useTheme } from '@emotion/react';
-import Text from '../Text';
-import Alert from '../Alert';
-import { formatBytes, isAllFilesValid } from '../../utils/file';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styles = require("./styles");
+var _ = require("../..");
+var _react2 = require("@emotion/react");
+var _Text = _interopRequireDefault(require("../Text"));
+var _Alert = _interopRequireDefault(require("../Alert"));
+var _file = require("../../utils/file");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const FileInput = ({
   multiple,
   accept,
@@ -15,7 +24,7 @@ const FileInput = ({
   initialFiles = [],
   width = '130px',
   hideFileList,
-  icon = /*#__PURE__*/_jsx(IconAttachment, {}),
+  icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconAttachment, {}),
   fileMaxsixe,
   nostyle,
   rotateIcon,
@@ -24,11 +33,11 @@ const FileInput = ({
   id = 'file-input',
   onChange
 }) => {
-  const [uncontrolledFiles, setUncontrolledFiles] = useState(initialFiles);
-  const [sizeError, setSizeError] = useState(false);
-  const theme = useTheme();
+  const [uncontrolledFiles, setUncontrolledFiles] = (0, _react.useState)(initialFiles);
+  const [sizeError, setSizeError] = (0, _react.useState)(false);
+  const theme = (0, _react2.useTheme)();
   const files = isControlledState ? controlledFiles || [] : uncontrolledFiles;
-  const hiddenFileInput = useRef(null);
+  const hiddenFileInput = (0, _react.useRef)(null);
   const handleClick = () => {
     if (!hiddenFileInput.current) return;
     const node = hiddenFileInput.current;
@@ -42,7 +51,7 @@ const FileInput = ({
     if (!e.target.files[0]) return;
     let filesFromEvent = [...Array.from(e.target.files)];
     let valid = true;
-    if (fileMaxsixe) valid = isAllFilesValid(filesFromEvent, fileMaxsixe);
+    if (fileMaxsixe) valid = (0, _file.isAllFilesValid)(filesFromEvent, fileMaxsixe);
     if (!valid && fileMaxsixe) {
       filesFromEvent = filesFromEvent.filter(x => x.size <= fileMaxsixe); // Filter out invalid files
       setSizeError(true);
@@ -75,46 +84,46 @@ const FileInput = ({
     const node = hiddenFileInput.current;
     if (node) node.value = null;
   };
-  return /*#__PURE__*/_jsxs(Wrapper, {
-    children: [label && /*#__PURE__*/_jsx(Label, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
       id: id,
       children: label
-    }), /*#__PURE__*/_jsxs(FileWrapper, {
-      children: [files.length > 0 && !hideFileList && /*#__PURE__*/_jsx(DocumentList, {
-        children: files.map((item, index) => /*#__PURE__*/_jsxs(DocumentWrapper, {
-          children: [/*#__PURE__*/_jsx(Document, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.FileWrapper, {
+      children: [files.length > 0 && !hideFileList && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DocumentList, {
+        children: files.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DocumentWrapper, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Document, {
             theme: theme,
             title: item.name,
-            children: /*#__PURE__*/_jsx(Text, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
               size: "14px",
               semibold: true,
               children: item.name
             })
-          }), /*#__PURE__*/_jsxs(Delete, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Delete, {
             nostyle: true,
             onClick: () => handleDelete(index),
-            children: [/*#__PURE__*/_jsx(IconClose, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconClose, {
               color: theme.alert
             }), "Fjern"]
           })]
         }, index))
-      }), /*#__PURE__*/_jsxs(FileWrapper, {
-        children: [/*#__PURE__*/_jsx(FileButton, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.FileWrapper, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.FileButton, {
           onClick: handleClick,
           width: width,
           type: "button",
           nostyle: nostyle,
           "aria-labelledby": id,
-          children: !nostyle ? /*#__PURE__*/_jsxs(ButtonContent, {
-            children: [text, /*#__PURE__*/_jsx(Icon, {
+          children: !nostyle ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ButtonContent, {
+            children: [text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Icon, {
               rotated: rotateIcon ? 1 : 0,
               children: icon
             })]
-          }) : /*#__PURE__*/_jsx(Icon, {
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Icon, {
             rotated: rotateIcon ? 1 : 0,
             children: icon
           })
-        }), /*#__PURE__*/_jsx(HiddenInput, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HiddenInput, {
           type: "file",
           onChange: handleChange,
           multiple: multiple,
@@ -123,14 +132,14 @@ const FileInput = ({
           "aria-hidden": "true"
         })]
       })]
-    }), invalidMessage && /*#__PURE__*/_jsx(ErrorMessage, {
+    }), invalidMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ErrorMessage, {
       children: invalidMessage
-    }), sizeError && /*#__PURE__*/_jsxs(Alert, {
+    }), sizeError && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Alert.default, {
       danger: true,
       onClose: () => setSizeError(false),
       "aria-live": "assertive",
-      children: ["Fil kan ikke overstige ", formatBytes(fileMaxsixe)]
+      children: ["Fil kan ikke overstige ", (0, _file.formatBytes)(fileMaxsixe)]
     })]
   });
 };
-export default FileInput;
+var _default = exports.default = FileInput;