@bbl-digital/snorre 4.2.98 → 4.2.99

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithBgcolor = exports.TopbarDefault = void 0;
+var _ = _interopRequireDefault(require("."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: 'Layout/Topbar',
+  component: _.default,
+  parameters: {
+    docs: {
+      story: {
+        inline: false
+      }
+    }
+  }
+};
+const TopbarDefault = exports.TopbarDefault = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}),
+  name: 'Topbar'
+};
+const WithBgcolor = exports.WithBgcolor = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+    bgcolor: 'red'
+  }),
+  name: 'With bgcolor'
+};

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

@@ -9,3 +9,4 @@ interface IProps {
 }
 declare const Topbar: React.FC<IProps>;
 export default Topbar;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Topbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAU5B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/layout/Topbar/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Topbar = ({
+  sideBarWidth,
+  bgcolor = 'white',
+  children
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TopMenuWrapper, {
+    role: "banner",
+    bgcolor: bgcolor,
+    sideBarWidth: sideBarWidth,
+    children: children
+  });
+};
+var _default = exports.default = Topbar;

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

@@ -1 +1,2 @@
 export declare const TopMenuWrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Topbar/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,uJAqB1B,CAAA"}

package/lib/layout/Topbar/styles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopMenuWrapper = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TopMenuWrapper = exports.TopMenuWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1q7o4i50"
+} : {
+  target: "e1q7o4i50",
+  label: "TopMenuWrapper"
+})(props => `
+  position: fixed;
+  left: ${props.sideBarWidth ? props.sideBarWidth : '0'};
+  top: 0;
+  right: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 40px;
+  background-color: ${props.bgcolor};
+  height: 60px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+  z-index: 10;
+  transition: left .2s ease-in-out;
+  
+
+  @media screen and (max-width: 768px) {
+    padding: 0 1em;
+  }
+`);

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

@@ -4,3 +4,4 @@ interface IProps {
 }
 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,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+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)."; }
+const Wrapper = /*#__PURE__*/(0, _base.default)("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",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const SbIconGrid = ({
+  children
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
+  children: children.map((item, key) => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    title: item?.props?.name || '',
+    children: item
+  }, key))
+});
+var _default = exports.default = SbIconGrid;

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

@@ -7,3 +7,4 @@ declare const VisuallyHidden: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default VisuallyHidden;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/shared/components/VisuallyHidden/index.tsx"],"names":[],"mappings":"AAEA;;;IAGI;AAEJ,QAAA,MAAM,cAAc;;SAYyG,MAAO,WAAW;yGAF9I,CAAA;AACD,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+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)."; }
+/**
+ * Used with aria-describedby to hide text visually, but not from screen readers
+ * @link https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+ **/
+
+const VisuallyHidden = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "esqcxxz0"
+} : {
+  target: "esqcxxz0",
+  label: "VisuallyHidden"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1dja9su",
+  styles: "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0"
+} : {
+  name: "1dja9su",
+  styles: "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var _default = exports.default = VisuallyHidden;

package/lib/shared/recharts/CustomLegend/index.d.ts

@@ -1,3 +1,4 @@
 import { LegendProps } from 'recharts';
 import React from 'react';
 export declare const CustomLegend: React.FC<LegendProps>;
+//# sourceMappingURL=index.d.ts.map

package/lib/shared/recharts/CustomLegend/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/shared/recharts/CustomLegend/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkC9C,CAAA"}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomLegend = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("./styles");
+var _Text = _interopRequireDefault(require("../../../core/Text"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CustomLegend = props => {
+  const {
+    margin
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LegendsContainer, {
+    margin: margin && margin,
+    columns: props?.payload?.length,
+    children: props?.payload?.length && props.payload.map(legend => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.LegendWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+        width: "16",
+        height: "16",
+        children: [legend.type === 'rect' && /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+          width: "100%",
+          height: "100%",
+          rx: "3",
+          fill: legend.color
+        }), legend.type === 'line' && /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
+          x1: "0",
+          y1: "8",
+          x2: "16",
+          y2: "8",
+          style: {
+            stroke: legend.color,
+            strokeWidth: '3px'
+          }
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        children: legend.value
+      })]
+    }, legend.value))
+  });
+};
+exports.CustomLegend = CustomLegend;

package/lib/shared/recharts/CustomLegend/styles.d.ts

@@ -10,3 +10,4 @@ export declare const LegendWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/shared/recharts/CustomLegend/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/shared/recharts/CustomLegend/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAGlD,eAAO,MAAM,gBAAgB;;SAQoC,MAAO,WAAW;;YAP/D,OAAO,CAAC,MAAM,CAAC,GAAG,SAAS;cAAY,MAAM;yGAmBhE,CAAA;AAED,eAAO,MAAM,aAAa;;SAduC,MAAO,WAAW;yGAqBlF,CAAA"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LegendsContainer = exports.LegendWrapper = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = require("@emotion/react");
+var _breakpoints = _interopRequireDefault(require("../../../globals/styles/breakpoints"));
+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)."; }
+const LegendsContainer = exports.LegendsContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eba3ez51"
+} : {
+  target: "eba3ez51",
+  label: "LegendsContainer"
+})(props => /*#__PURE__*/(0, _react.css)("display:grid;grid-template-columns:", props.columns ? `repeat(${props.columns}, minmax(min-content, max-content))` : 'auto', ";justify-items:start;grid-column-gap:1em;margin:", `${props?.margin?.top}px ${props?.margin?.left}px ${props?.margin?.bottom}px ${props?.margin?.right}px`, ";@media screen and (max-width: ", _breakpoints.default.medium, "){grid-template-columns:auto;grid-template-rows:", props.columns ? `repeat(${props.columns}, 30px)` : 'auto', ";align-items:flex-start;justify-content:start;justify-items:start;}" + (process.env.NODE_ENV === "production" ? "" : ";label:LegendsContainer;")));
+const LegendWrapper = exports.LegendWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eba3ez50"
+} : {
+  target: "eba3ez50",
+  label: "LegendWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bdj8j3",
+  styles: "display:flex;align-items:center;text-align:center;>svg{margin-right:5px;}"
+} : {
+  name: "bdj8j3",
+  styles: "display:flex;align-items:center;text-align:center;>svg{margin-right:5px;}",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/shared/recharts/CustomTooltip/index.d.ts

@@ -8,3 +8,4 @@ interface IProps extends TooltipProps<ValueType, NameType> {
 }
 declare const CustomTooltip: React.FC<IProps>;
 export default CustomTooltip;
+//# sourceMappingURL=index.d.ts.map

package/lib/shared/recharts/CustomTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/shared/recharts/CustomTooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EACL,QAAQ,EACR,SAAS,EACV,MAAM,gDAAgD,CAAA;AAIvD,UAAU,MAAO,SAAQ,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC;IACxD,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA6FnC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@emotion/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _ = require("../../..");
+var _Text = _interopRequireDefault(require("../../../core/Text"));
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CustomTooltip = ({
+  lineConfig,
+  barConfig,
+  active,
+  payload,
+  label,
+  allowDecimals,
+  ...rest
+}) => {
+  const {
+    formatter
+  } = rest;
+  const theme = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_styles.TooltipPayloadWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ItemNameGroup, {
+        children: [item?.stroke && /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+          width: "16",
+          height: "16",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
+            x1: "0",
+            y1: "8",
+            x2: "16",
+            y2: "8",
+            style: {
+              stroke: item.color,
+              strokeWidth: '3px'
+            }
+          })
+        }), item?.fill && !item?.stroke && /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+          width: "16",
+          height: "16",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+            width: "100%",
+            height: "100%",
+            rx: "3",
+            fill: item.color
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.default, {
+          children: [getTooltipItemName(item), ":"]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        children: allowDecimals ? formatter ? formatter((0, _.getFormattedPrice)(item.value, 2), getTooltipItemName(item), payload[index], index, payload) : (0, _.getFormattedPrice)(item.value, 2) : (0, _.getFormattedPrice)(item.value, 0)
+      })]
+    }, item.name));
+  };
+  if (!active) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TooltipWrapper, {
+    theme: theme,
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      bold: true,
+      children: label
+    }), TooltipPayload()]
+  });
+};
+var _default = exports.default = CustomTooltip;

package/lib/shared/recharts/CustomTooltip/styles.d.ts

@@ -13,3 +13,4 @@ export declare const ItemNameGroup: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/shared/recharts/CustomTooltip/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/shared/recharts/CustomTooltip/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAO,MAAM,gBAAgB,CAAA;AAG3C,eAAO,MAAM,cAAc;;SAoBvB,MAAM,WAAW;;WApB6B,KAAK;yGAYtD,CAAA;AAED,eAAO,MAAM,qBAAqB;;SAM9B,MAAM,WAAW;yGAEpB,CAAA;AAED,eAAO,MAAM,aAAa;;SAJtB,MAAM,WAAW;yGAUpB,CAAA"}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TooltipWrapper = exports.TooltipPayloadWrapper = exports.ItemNameGroup = 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)."; }
+const TooltipWrapper = exports.TooltipWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1xnunu72"
+} : {
+  target: "e1xnunu72",
+  label: "TooltipWrapper"
+})(props => /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;background-color:white;padding:1rem;box-shadow:", props?.theme && props.theme.shadowBig, ";border-radius:4px;>span:first-of-type{margin-bottom:5px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:TooltipWrapper;")));
+const TooltipPayloadWrapper = exports.TooltipPayloadWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1xnunu71"
+} : {
+  target: "e1xnunu71",
+  label: "TooltipPayloadWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1y1bc9v",
+  styles: "display:flex;justify-content:space-between;align-items:center;width:100%;>:first-of-type{margin-right:0.5em;}"
+} : {
+  name: "1y1bc9v",
+  styles: "display:flex;justify-content:space-between;align-items:center;width:100%;>:first-of-type{margin-right:0.5em;}",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const ItemNameGroup = exports.ItemNameGroup = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1xnunu70"
+} : {
+  target: "e1xnunu70",
+  label: "ItemNameGroup"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zmujkq",
+  styles: "display:flex;align-items:center;>:first-of-type{margin-right:5px;}"
+} : {
+  name: "zmujkq",
+  styles: "display:flex;align-items:center;>:first-of-type{margin-right:5px;}",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/utils/accountNumber.d.ts

@@ -1,3 +1,4 @@
 declare const getFormattedAccountNumber: (accountNumber: string) => string;
 declare const isValidAccountNumber: (value?: string, required?: boolean) => boolean;
 export { getFormattedAccountNumber, isValidAccountNumber };
+//# sourceMappingURL=accountNumber.d.ts.map

package/lib/utils/accountNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accountNumber.d.ts","sourceRoot":"","sources":["../../src/packages/utils/accountNumber.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,yBAAyB,GAAI,eAAe,MAAM,WAYvD,CAAA;AAED,QAAA,MAAM,oBAAoB,GACxB,QAAQ,MAAM,EACd,WAAU,OAAc,KACvB,OA0BF,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,CAAA"}

package/lib/utils/accountNumber.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isValidAccountNumber = exports.getFormattedAccountNumber = void 0;
+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('.');
+};
+exports.getFormattedAccountNumber = getFormattedAccountNumber;
+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);
+  }
+};
+exports.isValidAccountNumber = isValidAccountNumber;

package/lib/utils/alpha.d.ts

@@ -1,2 +1,3 @@
 declare function alpha(hexColor: string, alphaPercentage: number): string;
 export { alpha };
+//# sourceMappingURL=alpha.d.ts.map

package/lib/utils/alpha.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.d.ts","sourceRoot":"","sources":["../../src/packages/utils/alpha.ts"],"names":[],"mappings":"AAAA,iBAAS,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,UAQvD;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/lib/utils/alpha.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.alpha = alpha;
+function alpha(hexColor, alphaPercentage) {
+  // Ensure alphaPercentage is between 0 and 100
+  const normalizedPercentage = Math.max(0, Math.min(100, alphaPercentage));
+  // Convert percentage to hex (0-255)
+  const opacity = Math.round(normalizedPercentage * 2.55);
+  // Convert to hex and ensure 2 characters
+  const hexOpacity = opacity.toString(16).padStart(2, '0');
+  return hexColor + hexOpacity.toUpperCase();
+}

package/lib/utils/array.d.ts

@@ -1,2 +1,3 @@
 declare const getReducedArray: (array: any[], indexesAmount: number) => any[];
 export { getReducedArray };
+//# sourceMappingURL=array.d.ts.map

package/lib/utils/array.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../src/packages/utils/array.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,eAAe,GAAI,OAAO,GAAG,EAAE,EAAE,eAAe,MAAM,UAU3D,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/lib/utils/array.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getReducedArray = void 0;
+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;
+};
+exports.getReducedArray = getReducedArray;

package/lib/utils/contrastColor.d.ts

@@ -1,2 +1,3 @@
 export declare function getContrastColor(bgColor: string, fallbackColor?: string): string;
 export declare function isContrastColorNeeded(bgColor: string): boolean;
+//# sourceMappingURL=contrastColor.d.ts.map

package/lib/utils/contrastColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrastColor.d.ts","sourceRoot":"","sources":["../../src/packages/utils/contrastColor.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,aAAa,GAAE,MAAgB,UAiBhC;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,WAEpD"}

package/lib/utils/contrastColor.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getContrastColor = getContrastColor;
+exports.isContrastColorNeeded = isContrastColorNeeded;
+function getContrastColor(bgColor, fallbackColor = 'white') {
+  if (!bgColor) return fallbackColor;
+  // Remove the # if present and parse the hexadecimal color
+  const hex = bgColor.replace('#', '');
+  const r = parseInt(hex?.substring(0, 2), 16);
+  const g = parseInt(hex?.substring(2, 4), 16);
+  const b = parseInt(hex?.substring(4, 6), 16);
+
+  // Calculate the relative luminance
+  const luminance = 0.2126 * (r / 255) ** 2.2 + 0.7152 * (g / 255) ** 2.2 + 0.0722 * (b / 255) ** 2.2;
+
+  // Choose white or black based on luminance
+  return luminance > 0.179 ? 'black' : 'white';
+}
+function isContrastColorNeeded(bgColor) {
+  return getContrastColor(bgColor) !== 'white';
+}

package/lib/utils/dates.d.ts

@@ -13,3 +13,4 @@ export declare const mmYYYY: Intl.DateTimeFormatOptions;
 export declare const mmyyyy: Intl.DateTimeFormatOptions;
 export declare const hhmm: Intl.DateTimeFormatOptions;
 export declare const DDMMYYYY: Intl.DateTimeFormatOptions;
+//# sourceMappingURL=dates.d.ts.map

package/lib/utils/dates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../src/packages/utils/dates.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,UAalB,CAAA;AAED,eAAO,MAAM,YAAY,UAaxB,CAAA;AAED,eAAO,MAAM,aAAa,UAQzB,CAAA;AACD,eAAO,MAAM,cAAc,UAAsC,CAAA;AAEjE,eAAO,MAAM,SAAS,GACpB,MAAM,MAAM,EACZ,SAAS,MAAM,EACf,SAAS,MAAM,EACf,UAAU,IAAI,GAAG,MAAM,EACvB,UAAU,IAAI,GAAG,MAAM,qBA4CxB,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,EAAE,QAAQ,MAAM,EAAE,QAAQ,MAAM,WAWpE,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,MAAM,IAAI,GAAG,MAAM,EACnB,UAAU,IAAI,GAAG,MAAM,EACvB,UAAU,IAAI,GAAG,MAAM,YAcxB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,IAAI,EAAE,QAAQ,IAAI,YAGrB,CAAA;AAEtC,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,qBAI3B,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,qBAGvB,CAAA;AAED,eAAO,MAAM,EAAE,EAAE,IAAI,CAAC,qBAErB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,qBAGzB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,qBAGzB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,qBAGvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,qBAI3B,CAAA"}