@bbl-digital/snorre 4.0.0-beta.1 → 4.0.0-beta.10

package/lib/layout/Submenu/SubmenuItem/index.js

@@ -8,7 +8,6 @@ import { useIsMobile } from '../../../hooks/useIsMobile';
 import ListItem from '../../../core/List/Item';
 import Button from '../../../core/Button';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const SubmenuItem = ({
   lightTheme,
   active,
@@ -20,24 +19,19 @@ const SubmenuItem = ({
 }) => {
   const theme = useTheme();
   const isMobile = useIsMobile();
-
   const handleOptionClick = () => {
     onClick && onClick();
     onChange && onChange();
   };
-
   const labelColor = lightTheme ? theme.secondaryDarkText : !active ? theme.submenuTextColor : theme.submenuTextColorActive;
-
   if (showActiveitemLabel) {
     if (active) {
       return _jsx(Fragment, {
         children: label
       });
     }
-
     return null;
   }
-
   return !isMobile ? _jsx(Button, {
     nostyle: true,
     onClick: onClick,
@@ -69,5 +63,4 @@ const SubmenuItem = ({
     })
   });
 };
-
 export default SubmenuItem;

package/lib/layout/Submenu/SubmenuItem/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 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, keyframes } from '@emotion/react';
 export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "egkzt9c0"
@@ -9,7 +7,6 @@ export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "egkzt9c0",
   label: "Wrapper"
 })(props => /*#__PURE__*/css("padding:0.65em 1em;border-radius:", props.lightTheme ? '19px' : '7px', ";border:1px solid transparent;transition:border-color 0.1s ease-in-out;background:", props.active ? props.background : 'transparent', ";box-shadow:", props.active ? '0 2px 4px 0 rgba(9, 28, 68, 0.2)' : 'none', ";&.submenu-item-enter{animation:", fadeIn(props.background), " 0.2s;}&.submenu-item-exit{animation:", fadeOut(props.background), " 0.2s;}&>span{font-size:14px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvU3VibWVudS9TdWJtZW51SXRlbS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvU3VibWVudS9TdWJtZW51SXRlbS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwYWRkaW5nOiAwLjY1ZW0gMWVtO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMubGlnaHRUaGVtZSA/ICcxOXB4JyA6ICc3cHgnfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgMC4xcyBlYXNlLWluLW91dDtcblxuICAgIGJhY2tncm91bmQ6ICR7cHJvcHMuYWN0aXZlID8gcHJvcHMuYmFja2dyb3VuZCA6ICd0cmFuc3BhcmVudCd9O1xuICAgIGJveC1zaGFkb3c6ICR7cHJvcHMuYWN0aXZlID8gJzAgMnB4IDRweCAwIHJnYmEoOSwgMjgsIDY4LCAwLjIpJyA6ICdub25lJ307XG5cbiAgICAmLnN1Ym1lbnUtaXRlbS1lbnRlciB7XG4gICAgICBhbmltYXRpb246ICR7ZmFkZUluKHByb3BzLmJhY2tncm91bmQpfSAwLjJzO1xuICAgIH1cbiAgICAmLnN1Ym1lbnUtaXRlbS1leGl0IHtcbiAgICAgIGFuaW1hdGlvbjogJHtmYWRlT3V0KHByb3BzLmJhY2tncm91bmQpfSAwLjJzO1xuICAgIH1cblxuICAgICYgPiBzcGFuIHtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB9XG4gIGBcbilcblxuY29uc3QgZmFkZUluID0gKGJhY2tncm91bmQ6IHN0cmluZykgPT4ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbiAgMTAwJSB7IFxuICAgIGJveC1zaGFkb3c6IDAgMnB4IDRweCAwIHJnYmEoOSwgMjgsIDY4LCAwLjIpO1xuICAgIGJhY2tncm91bmQ6ICR7YmFja2dyb3VuZH07XG4gIH1cbmBcblxuY29uc3QgZmFkZU91dCA9IChiYWNrZ3JvdW5kOiBzdHJpbmcpID0+IGtleWZyYW1lc2BcbiAgMCUgeyBcbiAgICBib3gtc2hhZG93OiAwIDJweCA0cHggMCByZ2JhKDksIDI4LCA2OCwgMC4yKTtcbiAgICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB9XG4gIDEwMCUgeyBcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBvcHRpb25CdXR0b24gPSBjc3NgXG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG5gXG5cbmV4cG9ydCBjb25zdCBGb2N1c1N0YXRlID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgJjpmb2N1cyB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGRpdiB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgfVxuYFxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvU3VibWVudS9TdWJtZW51SXRlbS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvU3VibWVudS9TdWJtZW51SXRlbS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwYWRkaW5nOiAwLjY1ZW0gMWVtO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMubGlnaHRUaGVtZSA/ICcxOXB4JyA6ICc3cHgnfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgMC4xcyBlYXNlLWluLW91dDtcblxuICAgIGJhY2tncm91bmQ6ICR7cHJvcHMuYWN0aXZlID8gcHJvcHMuYmFja2dyb3VuZCA6ICd0cmFuc3BhcmVudCd9O1xuICAgIGJveC1zaGFkb3c6ICR7cHJvcHMuYWN0aXZlID8gJzAgMnB4IDRweCAwIHJnYmEoOSwgMjgsIDY4LCAwLjIpJyA6ICdub25lJ307XG5cbiAgICAmLnN1Ym1lbnUtaXRlbS1lbnRlciB7XG4gICAgICBhbmltYXRpb246ICR7ZmFkZUluKHByb3BzLmJhY2tncm91bmQpfSAwLjJzO1xuICAgIH1cbiAgICAmLnN1Ym1lbnUtaXRlbS1leGl0IHtcbiAgICAgIGFuaW1hdGlvbjogJHtmYWRlT3V0KHByb3BzLmJhY2tncm91bmQpfSAwLjJzO1xuICAgIH1cblxuICAgICYgPiBzcGFuIHtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB9XG4gIGBcbilcblxuY29uc3QgZmFkZUluID0gKGJhY2tncm91bmQ6IHN0cmluZykgPT4ga2V5ZnJhbWVzYFxuICAwJSB7IFxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbiAgMTAwJSB7IFxuICAgIGJveC1zaGFkb3c6IDAgMnB4IDRweCAwIHJnYmEoOSwgMjgsIDY4LCAwLjIpO1xuICAgIGJhY2tncm91bmQ6ICR7YmFja2dyb3VuZH07XG4gIH1cbmBcblxuY29uc3QgZmFkZU91dCA9IChiYWNrZ3JvdW5kOiBzdHJpbmcpID0+IGtleWZyYW1lc2BcbiAgMCUgeyBcbiAgICBib3gtc2hhZG93OiAwIDJweCA0cHggMCByZ2JhKDksIDI4LCA2OCwgMC4yKTtcbiAgICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB9XG4gIDEwMCUgeyBcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBvcHRpb25CdXR0b24gPSBjc3NgXG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG5gXG5cbmV4cG9ydCBjb25zdCBGb2N1c1N0YXRlID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgJjpmb2N1cyB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGRpdiB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cbiAgfVxuYFxuIl19 */");
-
 const fadeIn = background => keyframes`
   0% { 
     background: transparent;
@@ -20,7 +17,6 @@ const fadeIn = background => keyframes`
     background: ${background};
   }
 `;
-
 const fadeOut = background => keyframes`
   0% { 
     box-shadow: 0 2px 4px 0 rgba(9, 28, 68, 0.2);
@@ -31,7 +27,6 @@ const fadeOut = background => keyframes`
     box-shadow: none;
   }
 `;
-
 export const optionButton = process.env.NODE_ENV === "production" ? {
   name: "m3111f",
   styles: "padding-left:8px;justify-content:flex-start;height:100%;width:100%"

package/lib/layout/Submenu/SubmenuLightThemeBg/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const SubmenuLightThemeBg = ({
   bgColor
 }) => {
@@ -44,5 +43,4 @@ const SubmenuLightThemeBg = ({
     })]
   });
 };
-
 export default SubmenuLightThemeBg;

package/lib/layout/Submenu/index.js

@@ -10,7 +10,6 @@ import IconChevronDown from '../../icons/General/IconChevronDown';
 import SubmenuLightThemeBg from './SubmenuLightThemeBg';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const Submenu = ({
   lightTheme,
   header,
@@ -26,30 +25,24 @@ const Submenu = ({
   useEffect(() => {
     const handleClickOutside = e => {
       const node = ref.current;
-
       if (node && node.contains(e.target)) {
         return;
       }
-
       toggleOpen(false);
     };
-
     if (open) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
       toggleOpen(false);
       document.removeEventListener('mousedown', handleClickOutside);
     }
-
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
   }, [open, ref]);
-
   const handleClick = () => {
     toggleOpen(false);
   };
-
   return _jsxs("div", {
     ref: ref,
     css: theme => [styles.default, lightTheme ? styles.lightTheme(theme) : styles.darkTheme(theme, hasChildren ? '1em' : '2em')],
@@ -66,7 +59,6 @@ const Submenu = ({
           if (!child) {
             return null;
           }
-
           return /*#__PURE__*/React.cloneElement(child, {
             key
           });
@@ -85,7 +77,6 @@ const Submenu = ({
             if (!child) {
               return null;
             }
-
             return /*#__PURE__*/React.cloneElement(child, {
               showActiveitemLabel: true,
               key
@@ -100,7 +91,6 @@ const Submenu = ({
               if (!child) {
                 return null;
               }
-
               return /*#__PURE__*/React.cloneElement(child, {
                 onChange: handleClick,
                 key
@@ -121,5 +111,4 @@ const Submenu = ({
     })]
   });
 };
-
 export default Submenu;

package/lib/layout/Submenu/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 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';
 import bp from '../../globals/styles/breakpoints';
 export const styles = {

package/lib/layout/Topbar/Topbar.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const TopbarDefault: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithBgcolor: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Topbar.stories.d.ts.map

package/lib/layout/Topbar/Topbar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Topbar.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Topbar/Topbar.stories.tsx"],"names":[],"mappings":";AAGA,wBAUS;AAET,eAAO,MAAM,aAAa;;;CAGzB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAGvB,CAAA"}

package/lib/layout/Topbar/Topbar.stories.js

@@ -0,0 +1,23 @@
+import Topbar from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Layout/Topbar',
+  component: Topbar,
+  parameters: {
+    docs: {
+      story: {
+        inline: false
+      }
+    }
+  }
+};
+export const TopbarDefault = {
+  render: () => /*#__PURE__*/_jsx(Topbar, {}),
+  name: 'Topbar'
+};
+export const WithBgcolor = {
+  render: () => /*#__PURE__*/_jsx(Topbar, {
+    bgcolor: 'red'
+  }),
+  name: 'With bgcolor'
+};

package/lib/layout/Topbar/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { TopMenuWrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Topbar = ({
   sideBarWidth,
   bgcolor = 'white',
@@ -14,5 +13,4 @@ const Topbar = ({
     children: children
   });
 };
-
 export default Topbar;

package/lib/shared/components/SbIconGrid/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IProps {
+    children: any[];
+}
+declare const SbIconGrid: React.FC<IProps>;
+export default SbIconGrid;
+//# sourceMappingURL=index.d.ts.map

package/lib/shared/components/SbIconGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/shared/components/SbIconGrid/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,UAAU,MAAM;IACd,QAAQ,EAAE,GAAG,EAAE,CAAA;CAChB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAQhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/shared/components/SbIconGrid/index.js

@@ -0,0 +1,27 @@
+import _styled from "@emotion/styled/base";
+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 React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e4tbyf10"
+} : {
+  target: "e4tbyf10",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "9jww75",
+  styles: "display:grid;grid-auto-flow:row;grid-column-gap:10px;grid-template-columns:repeat(13, 1fr);grid-row-gap:10px;margin-top:10px;margin-bottom:40px;max-width:500px"
+} : {
+  name: "9jww75",
+  styles: "display:grid;grid-auto-flow:row;grid-column-gap:10px;grid-template-columns:repeat(13, 1fr);grid-row-gap:10px;margin-top:10px;margin-bottom:40px;max-width:500px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvY29tcG9uZW50cy9TYkljb25HcmlkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3NoYXJlZC9jb21wb25lbnRzL1NiSWNvbkdyaWQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogcm93O1xuICBncmlkLWNvbHVtbi1nYXA6IDEwcHg7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDEzLCAxZnIpO1xuICBncmlkLXJvdy1nYXA6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG4gIG1hcmdpbi1ib3R0b206IDQwcHg7XG4gIG1heC13aWR0aDogNTAwcHg7XG5gXG5cbmludGVyZmFjZSBJUHJvcHMge1xuICBjaGlsZHJlbjogYW55W11cbn1cblxuY29uc3QgU2JJY29uR3JpZDogUmVhY3QuRkM8SVByb3BzPiA9ICh7IGNoaWxkcmVuIH0pID0+IChcbiAgPFdyYXBwZXI+XG4gICAge2NoaWxkcmVuLm1hcCgoaXRlbSwga2V5KSA9PiAoXG4gICAgICA8c3BhbiBrZXk9e2tleX0gdGl0bGU9e2l0ZW0/LnByb3BzPy5uYW1lIHx8ICcnfT5cbiAgICAgICAge2l0ZW19XG4gICAgICA8L3NwYW4+XG4gICAgKSl9XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgU2JJY29uR3JpZFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const SbIconGrid = ({
+  children
+}) => /*#__PURE__*/_jsx(Wrapper, {
+  children: children.map((item, key) => /*#__PURE__*/_jsx("span", {
+    title: item?.props?.name || '',
+    children: item
+  }, key))
+});
+export default SbIconGrid;

package/lib/shared/recharts/CustomLegend/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 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';
 import bp from '../../../globals/styles/breakpoints';
 export const LegendsContainer = _styled("div", process.env.NODE_ENV === "production" ? {

package/lib/shared/recharts/CustomTooltip/index.js

@@ -5,7 +5,6 @@ import Text from '../../../core/Text';
 import { ItemNameGroup, TooltipPayloadWrapper, TooltipWrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const CustomTooltip = ({
   lineConfig,
   barConfig,
@@ -19,25 +18,18 @@ const CustomTooltip = ({
     formatter
   } = rest;
   const theme = useTheme();
-
   const configHasProperty = config => config?.length && config.findIndex(v => v?.hasOwnProperty('shortName')) !== -1;
-
   const payloadItemHasProperty = (config, payloadItem) => config.findIndex(v => v.name === payloadItem.name && v.shortName) !== -1;
-
   const getTooltipItemName = payloadItem => {
     if (!lineConfig && !barConfig) return payloadItem.name;
-
     if (lineConfig && configHasProperty(lineConfig) && payloadItemHasProperty(lineConfig, payloadItem)) {
       return lineConfig?.find(v => v.name === payloadItem.name)?.shortName;
     }
-
     if (barConfig && configHasProperty(barConfig) && payloadItemHasProperty(barConfig, payloadItem)) {
       return barConfig?.find(v => v.name === payloadItem.name)?.shortName;
     }
-
     return payloadItem.name;
   };
-
   const TooltipPayload = () => {
     return active && payload?.length && payload.map((item, index) => /*#__PURE__*/_jsxs(TooltipPayloadWrapper, {
       children: [/*#__PURE__*/_jsxs(ItemNameGroup, {
@@ -71,11 +63,9 @@ const CustomTooltip = ({
       })]
     }, item.name));
   };
-
   if (!active) {
     return null;
   }
-
   return /*#__PURE__*/_jsxs(TooltipWrapper, {
     theme: theme,
     children: [label && /*#__PURE__*/_jsx(Text, {
@@ -84,5 +74,4 @@ const CustomTooltip = ({
     }), TooltipPayload()]
   });
 };
-
 export default CustomTooltip;

package/lib/shared/recharts/CustomTooltip/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 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 TooltipWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1xnunu72"

package/lib/shared/types/LoadedType.d.ts

@@ -0,0 +1,7 @@
+import type IAppTheme from '../../app-shell/theme';
+export declare type LoadedType = {
+    loaded: {
+        theme: IAppTheme;
+    };
+};
+//# sourceMappingURL=LoadedType.d.ts.map

package/lib/shared/types/LoadedType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedType.d.ts","sourceRoot":"","sources":["../../../src/packages/shared/types/LoadedType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,uBAAuB,CAAA;AAElD,oBAAY,UAAU,GAAG;IACvB,MAAM,EAAE;QACN,KAAK,EAAE,SAAS,CAAA;KACjB,CAAA;CACF,CAAA"}

package/lib/shared/types/LoadedType.js

@@ -0,0 +1 @@
+export {};

package/lib/utils/accountNumber.js

@@ -1,36 +1,30 @@
 const getFormattedAccountNumber = accountNumber => {
   if (!accountNumber) return 'Ikke angitt';
-
   if (accountNumber.length === 13) {
     return accountNumber;
   }
-
   const first = accountNumber.substring(0, 4);
   const second = accountNumber.substring(4, 6);
   const third = accountNumber.substring(6, 11);
   return [first, second, third].join('.');
 };
-
 const isValidAccountNumber = (value, required = true) => {
   // stolen from https://no.wikipedia.org/wiki/MOD11
+
   if (!value) return !required;
   const weights = [5, 4, 3, 2, 7, 6, 5, 4, 3, 2];
   const accountnrWithoutSpacesAndPeriods = value.replace(/[\s.]+/g, '');
-
   if (accountnrWithoutSpacesAndPeriods.length !== 11) {
     return false;
   } else {
     const checkNumber = parseInt(accountnrWithoutSpacesAndPeriods.charAt(10), 10);
     const accountnrWithoutCheckNumber = accountnrWithoutSpacesAndPeriods.substring(0, 10);
     let sum = 0;
-
     for (let index = 0; index < 10; index++) {
       sum += parseInt(accountnrWithoutCheckNumber.charAt(index), 10) * weights[index];
     }
-
     const remainder = sum % 11;
     return checkNumber === (remainder === 0 ? 0 : 11 - remainder);
   }
 };
-
 export { getFormattedAccountNumber, isValidAccountNumber };

package/lib/utils/alpha.js

@@ -2,5 +2,4 @@ function alpha(hexColor, alphaPercentage) {
   const opacity = ~~(alphaPercentage * 2.55);
   return hexColor + opacity.toString(16).toUpperCase().padStart(2, '0');
 }
-
 export { alpha };

package/lib/utils/array.js

@@ -1,13 +1,11 @@
 const getReducedArray = (array, indexesAmount) => {
   // copies x amount of indexes from array (in order) to a new array
+
   if (array.length <= indexesAmount) return array;
   const newArr = [];
-
   for (let i = 0; i < indexesAmount; i++) {
     newArr.push(array[i]);
   }
-
   return newArr;
 };
-
 export { getReducedArray };

package/lib/utils/dates.js

@@ -5,43 +5,33 @@ export const WEEKDAYS_SHORT = ['S', 'M', 'T', 'O', 'T', 'F', 'L'];
 export const parseDate = (date, format, locale, minDate, maxDate) => {
   const format1 = (date.length === 10 || date.length === 8) && date.includes('.');
   const format2 = (date.length === 6 || date.length === 8) && !date.includes('.');
-
   if (!date || !format1 && !format2) {
     return;
   }
-
   let arr;
-
   if (format1) {
     arr = date.split('.');
   }
-
   if (format2) {
     arr = [date.substring(2, 0)];
     arr.push(date.substring(2, 4));
     arr.push(date.substring(4, 8));
   }
-
   if (!arr) {
     return;
   }
-
   const day = parseInt(arr[0]);
   const month = parseInt(arr[1]);
   const year = parseInt(arr[2]);
-
   if (isNaN(day) || isNaN(month) || isNaN(year)) {
     return;
   }
-
   let newYear = year;
   if (newYear < 40) newYear = parseInt(String(2000 + year));
   const rest = new Date(newYear, month - 1, day, 12);
-
   if (!getDateIsValid(rest, minDate, maxDate)) {
     return;
   }
-
   return rest;
 };
 export const formatDate = (date, format, locale) => {

package/lib/utils/file.js

@@ -7,6 +7,7 @@ export const formatBytes = bytes => {
 };
 export const isAllFilesValid = (files, maxFileSizeInBytes) => {
   // Checks if all files in file array are valid sizes
+
   const exceeds = files.some(file => file.size > maxFileSizeInBytes);
   return !exceeds;
 };

package/lib/utils/format.js

@@ -1,21 +1,18 @@
 import { datesAreOnSameDay, ddmmyyyy } from './dates';
+
 /**
  * PRICES
  */
-
 const getFormattedPrice = (price, decimals, roundDown) => {
   if (isNaN(price)) {
     return price;
   }
-
   if (price === undefined || price === null) {
     return '';
   }
-
   if (roundDown) {
     price = Math.floor(price);
   }
-
   const formatted = new Intl.NumberFormat(['no-NO', 'nb-NO'], {
     style: 'decimal',
     useGrouping: true,
@@ -25,32 +22,26 @@ const getFormattedPrice = (price, decimals, roundDown) => {
   }).format(price);
   return decimals ? formatted : formatted.replace(/,/g, '.');
 };
-
 const getPriceWithLabel = pricing => {
   return `${getPriceLabel(pricing)} ${getFormattedPriceWithEnding(getPrice(pricing))}`;
 };
-
 const getPriceLabel = pricing => {
   return pricing.fixedPrice ? 'Fastpris' : 'Prisantydning';
 };
-
 const getPrice = pricing => {
   return pricing.fixedPrice ? pricing.fixedPrice : pricing.askingPrice;
 };
-
 const getFormattedPriceWithEnding = (price, decimals) => {
   if (price === undefined || price === null) {
     return 'Ikke angitt';
   }
-
   const formattedPrice = getFormattedPrice(price, decimals);
   return formattedPrice + ' kr';
 };
+
 /**
  * DATES
  */
-
-
 const getFormattedDate = (date, opt) => {
   const options = opt || {
     hour: 'numeric',
@@ -62,47 +53,39 @@ const getFormattedDate = (date, opt) => {
   };
   return new Intl.DateTimeFormat(['no-NO', 'nb-NO', 'nn-NO', 'de-DE'], options).format(new Date(date));
 };
-
 const getFormattedTime = date => {
   const parsedDate = new Date(date);
   return (parsedDate.getHours() < 10 ? '0' : '') + parsedDate.getHours() + ':' + (parsedDate.getMinutes() < 10 ? '0' : '') + parsedDate.getMinutes();
 };
-
 const getFormattedDateTimePretty = (date, opt = ddmmyyyy) => {
   if (!date) return '';
   return `${getFormattedDate(date, opt)} kl ${getFormattedTime(date)}`;
 };
+
 /**
  * OTHERS
  */
-
-
 const getTitleString = text => {
   if (!text) return '';
   text = text.toLowerCase();
   return text.charAt(0).toUpperCase() + text.slice(1);
 };
-
 const getFormattedCardNumber = cardNumber => {
   if (!cardNumber) return '';
   cardNumber = cardNumber.replace(/\s/g, '');
   let formatted = '';
-
   for (var i = 0; i < cardNumber.length; i++) {
     if (i % 4 === 0 && i > 0) formatted = formatted.concat(' ');
     formatted = formatted.concat(cardNumber[i]);
   }
-
   return formatted;
 };
-
 const getFormattedOrganizationNumber = organizationNumber => {
   let org = String(organizationNumber);
   if (!org) return '';
   org = org.replace(/\s/g, '');
   return org.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
 };
-
 const getFormattedTimePeriod = (startDate, endDate) => {
   const start = startDate ? new Date(startDate) : null;
   const end = endDate ? new Date(endDate) : null;
@@ -110,5 +93,4 @@ const getFormattedTimePeriod = (startDate, endDate) => {
   if (start && end && datesAreOnSameDay(start, end)) return `${getFormattedDateTimePretty(start)}-${getFormattedTime(end)}`;
   return `${start ? getFormattedDateTimePretty(start) + ' ' : ''}-${end ? ' ' + getFormattedDateTimePretty(end) : ''}`;
 };
-
 export { getFormattedOrganizationNumber, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getFormattedCardNumber, getFormattedTime, getPriceWithLabel, getFormattedDateTimePretty, getFormattedTimePeriod };

package/lib/utils/formatGraphPrice.js

@@ -1,28 +1,21 @@
 const firstIndexIsNegative = value => value.charAt(0) === '-';
-
 const precisionValueIsZero = (value, maxEnd) => {
   return firstIndexIsNegative(value) ? value.charAt(2 + maxEnd) === '0' : value.charAt(1 + maxEnd) === '0';
 };
-
 const setLeftSide = (value, sliceLeft) => {
   return firstIndexIsNegative(value) ? `-${value.slice(sliceLeft.start + 1, sliceLeft.end + 1)}` : value.slice(sliceLeft.start, sliceLeft.end);
 };
-
 const setRightSide = (value, sliceRight, sliceLeftEnd) => {
   return precisionValueIsZero(value, sliceLeftEnd) ? '' : `.${value.slice(sliceRight.start, sliceRight.end)}`;
 };
-
 const getFormat = (value, sliceLeft, sliceRight, sizeTerm) => {
   return `${setLeftSide(value, sliceLeft)}${setRightSide(value, sliceRight, sliceLeft.end)}${sizeTerm}`;
 };
-
 const formatAxisPrice = val => {
   const value = String(val);
-
   if (value.match(/^(-\d)|(\d)+$/)) {
     const santizitedValue = firstIndexIsNegative(value) ? value.replace('-', '') : value;
     const count = santizitedValue.length;
-
     if (count > 3) {
       switch (count) {
         case 4:
@@ -33,7 +26,6 @@ const formatAxisPrice = val => {
             start: 1,
             end: 2
           }, 'k');
-
         case 5:
           return getFormat(value, {
             start: 0,
@@ -42,7 +34,6 @@ const formatAxisPrice = val => {
             start: 2,
             end: 3
           }, 'k');
-
         case 6:
           return getFormat(value, {
             start: 0,
@@ -51,7 +42,6 @@ const formatAxisPrice = val => {
             start: 3,
             end: 4
           }, 'k');
-
         case 7:
           return getFormat(value, {
             start: 0,
@@ -60,7 +50,6 @@ const formatAxisPrice = val => {
             start: 1,
             end: 2
           }, 'm');
-
         case 8:
           return getFormat(value, {
             start: 0,
@@ -69,7 +58,6 @@ const formatAxisPrice = val => {
             start: 2,
             end: 3
           }, 'm');
-
         case 9:
           return getFormat(value, {
             start: 0,
@@ -78,7 +66,6 @@ const formatAxisPrice = val => {
             start: 3,
             end: 4
           }, 'm');
-
         default:
           return getFormat(value, {
             start: 0,
@@ -90,8 +77,6 @@ const formatAxisPrice = val => {
       }
     }
   }
-
   return value;
 };
-
 export { formatAxisPrice };