@bbl-digital/snorre 4.2.74 → 4.2.76

package/lib/core/Banner/Banner.stories.js

@@ -1,100 +1,56 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutChildren = exports.WithAriaLabel = exports.Success = exports.Info = exports.Default = exports.Danger = void 0;
-var _ = _interopRequireDefault(require("."));
-var _Header = _interopRequireDefault(require("../Header"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import Banner from '.';
+import Header from '../Header';
+import Button from '../Button';
 const meta = {
-  title: 'Core/Banner',
-  component: _.default
+    title: 'Core/Banner',
+    component: Banner,
 };
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      onClick: () => console.log('Hello'),
-      children: "Hello I am button"
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
-    })
-  },
-  name: 'Default'
+export default meta;
+export const Default = {
+    args: {
+        header: _jsx(Header, { level: 4, children: "Title" }),
+        actionButton: (_jsx(Button, { onClick: () => console.log('Hello'), children: "Hello I am button" })),
+        children: (_jsx("p", { children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat." })),
+    },
+    name: 'Default',
 };
-const Success = exports.Success = {
-  args: {
-    success: true,
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
-    })
-  },
-  name: 'Success'
+export const Success = {
+    args: {
+        success: true,
+        header: _jsx(Header, { level: 4, children: "Title" }),
+        children: (_jsx("p", { children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat." })),
+    },
+    name: 'Success',
 };
-const Info = exports.Info = {
-  args: {
-    info: true,
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
-    })
-  }
+export const Info = {
+    args: {
+        info: true,
+        header: _jsx(Header, { level: 4, children: "Title" }),
+        children: (_jsx("p", { children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat." })),
+    },
 };
-const Danger = exports.Danger = {
-  args: {
-    danger: true,
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat."
-    })
-  },
-  name: 'Danger'
+export const Danger = {
+    args: {
+        danger: true,
+        header: _jsx(Header, { level: 4, children: "Title" }),
+        children: (_jsx("p", { children: "Eu irure eiusmod amet tempor nisi veniam cupidatat duis nulla dolor. Eiusmod amet sit nostrud adipisicing qui pariatur do et duis fugiat magna laboris elit irure. Officia fugiat incididunt ipsum commodo quis aute qui reprehenderit reprehenderit fugiat. Voluptate quis tempor ea consequat." })),
+    },
+    name: 'Danger',
 };
-const WithoutChildren = exports.WithoutChildren = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      onClick: () => console.log('Hello'),
-      children: "Hello I am button"
-    })
-  },
-  name: 'Without children'
+export const WithoutChildren = {
+    args: {
+        header: _jsx(Header, { level: 4, children: "Title" }),
+        actionButton: (_jsx(Button, { onClick: () => console.log('Hello'), children: "Hello I am button" })),
+    },
+    name: 'Without children',
+};
+export const WithAriaLabel = {
+    args: {
+        header: _jsx(Header, { level: 4, children: "Title" }),
+        'aria-label': 'Title. Some content.',
+        children: _jsx("p", { children: "Some content" }),
+        actionButton: (_jsx(Button, { onClick: () => console.log('Hello'), children: "Hello I am button" })),
+    },
+    name: 'With aria-label',
 };
-const WithAriaLabel = exports.WithAriaLabel = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 4,
-      children: "Title"
-    }),
-    'aria-label': 'Title. Some content.',
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Some content"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      onClick: () => console.log('Hello'),
-      children: "Hello I am button"
-    })
-  },
-  name: 'With aria-label'
-};

package/lib/core/Banner/index.d.ts

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

package/lib/core/Banner/index.js

@@ -1,43 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Alert = _interopRequireDefault(require("../Alert"));
-var _styles = require("./styles");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const Banner = ({
-  children,
-  danger,
-  info,
-  success,
-  header,
-  actionButton,
-  ...restProps
-}) => {
-  const isDefault = !success && !danger && !info;
-  return (0, _jsxRuntime.jsx)(_Alert.default, {
-    "aria-live": "assertive",
-    rounded: true,
-    primary: isDefault,
-    success: success,
-    danger: danger,
-    info: info,
-    ...restProps,
-    children: (0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-      children: [(0, _jsxRuntime.jsxs)(_styles.LeftSide, {
-        children: [header, children && (0, _jsxRuntime.jsx)(_styles.Content, {
-          children: children
-        })]
-      }), actionButton && (0, _jsxRuntime.jsx)(_styles.RightSide, {
-        children: actionButton
-      })]
-    })
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import Alert from '../Alert';
+import { Content, LeftSide, RightSide, Wrapper } from './styles';
+const Banner = ({ children, danger, info, success, header, actionButton, ...restProps }) => {
+    const isDefault = !success && !danger && !info;
+    return (_jsx(Alert, { "aria-live": "assertive", rounded: true, primary: isDefault, success: success, danger: danger, info: info, ...restProps, children: _jsxs(Wrapper, { children: [_jsxs(LeftSide, { children: [header, children && _jsx(Content, { children: children })] }), actionButton && _jsx(RightSide, { children: actionButton })] }) }));
 };
-var _default = exports.default = Banner;
+export default Banner;

package/lib/core/Banner/styles.d.ts

@@ -14,4 +14,3 @@ export declare const RightSide: 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/core/Banner/styles.js

@@ -1,41 +1,42 @@
-"use strict";
+import styled from '@emotion/styled';
+import bp from '../../globals/styles/breakpoints';
+export const Wrapper = styled.div `
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  justify-content: space-between;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = exports.RightSide = exports.LeftSide = exports.Content = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-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 Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ec636p03"
-} : {
-  target: "ec636p03",
-  label: "Wrapper"
-})("display:flex;flex-direction:row;width:100%;justify-content:space-between;@media screen and (max-width: ", _breakpoints.default.small, "){flex-direction:column;text-align:center;}");
-const Content = exports.Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ec636p02"
-} : {
-  target: "ec636p02",
-  label: "Content"
-})();
-const LeftSide = exports.LeftSide = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ec636p01"
-} : {
-  target: "ec636p01",
-  label: "LeftSide"
-})(process.env.NODE_ENV === "production" ? {
-  name: "16exalf",
-  styles: "display:grid;grid-row-gap:0.5em;h1,h2,h3,h4,h5{align-self:center;}"
-} : {
-  name: "16exalf",
-  styles: "display:grid;grid-row-gap:0.5em;h1,h2,h3,h4,h5{align-self:center;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const RightSide = exports.RightSide = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ec636p00"
-} : {
-  target: "ec636p00",
-  label: "RightSide"
-})("margin-left:2em;display:flex;align-items:center;@media screen and (max-width: ", _breakpoints.default.small, "){margin-left:0;margin-top:2em;align-self:center;}button,a{min-width:169px;}");
+  @media screen and (max-width: ${bp.small}) {
+    flex-direction: column;
+    text-align: center;
+  }
+`;
+export const Content = styled.div ``;
+export const LeftSide = styled.div `
+  display: grid;
+  grid-row-gap: 0.5em;
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    align-self: center;
+  }
+`;
+export const RightSide = styled.div `
+  margin-left: 2em;
+  display: flex;
+  align-items: center;
+
+  @media screen and (max-width: ${bp.small}) {
+    margin-left: 0;
+    margin-top: 2em;
+    align-self: center;
+  }
+
+  button,
+  a {
+    min-width: 169px;
+  }
+`;

package/lib/core/BarAndLineComposedChart/BarAndLineComposedChart.stories.d.ts

@@ -3,11 +3,10 @@ import { LoadedType } from '../../shared/types/LoadedType';
 declare const _default: Meta;
 export default _default;
 export declare const Default: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const ValuePair: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=BarAndLineComposedChart.stories.d.ts.map

package/lib/core/BarAndLineComposedChart/BarAndLineComposedChart.stories.js

@@ -1,189 +1,72 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ValuePair = exports.Default = 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: 'Core/BarAndLineComposedChart',
-  component: _.default
+import { jsx as _jsx } from "react/jsx-runtime";
+import BarAndLineComposedChart from '.';
+export default {
+    title: 'Core/BarAndLineComposedChart',
+    component: BarAndLineComposedChart,
 };
-const DefaultData = [{
-  name: 'Jan',
-  inntekt: 450000,
-  kostnad: -233000,
-  akkumulert: 170000
-}, {
-  name: 'Feb',
-  inntekt: 600000,
-  kostnad: -250000,
-  akkumulert: 350000
-}, {
-  name: 'Mars',
-  inntekt: 500000,
-  kostnad: -340000,
-  akkumulert: 160000
-}, {
-  name: 'April',
-  inntekt: 55000,
-  kostnad: -20000,
-  akkumulert: 35000
-}, {
-  name: 'Mai',
-  inntekt: 540400,
-  kostnad: -300000,
-  akkumulert: 240400
-}, {
-  name: 'Jun',
-  inntekt: 650000,
-  kostnad: -250000,
-  akkumulert: 400000
-}, {
-  name: 'Jul',
-  inntekt: 430000,
-  kostnad: -300000,
-  akkumulert: 130000
-}, {
-  name: 'Aug',
-  inntekt: 600000,
-  kostnad: -400000,
-  akkumulert: 200000
-}, {
-  name: 'Sept',
-  inntekt: 700000,
-  kostnad: -500000,
-  akkumulert: 200000
-}, {
-  name: 'Okt',
-  inntekt: 600000,
-  kostnad: -340000,
-  akkumulert: 260000
-}, {
-  name: 'Nov',
-  inntekt: 763000,
-  kostnad: 0,
-  akkumulert: 1730000
-}, {
-  name: 'Des',
-  inntekt: 560000,
-  kostnad: -55000,
-  akkumulert: 505000
-}];
-const ValuePairData = [{
-  name: 'Jan',
-  inntekt: 40000,
-  kostnad: 23000,
-  stackId: ''
-}, {
-  name: 'Feb',
-  inntekt: 60000,
-  kostnad: 25000,
-  stackId: ''
-}, {
-  name: 'Mars',
-  inntekt: 50000,
-  kostnad: 34000,
-  stackId: ''
-}, {
-  name: 'April',
-  inntekt: 55000,
-  kostnad: 20000,
-  stackId: ''
-}, {
-  name: 'Mai',
-  inntekt: 54400,
-  kostnad: 30000,
-  stackId: ''
-}, {
-  name: 'Jun',
-  inntekt: 65000,
-  kostnad: 25000,
-  stackId: ''
-}, {
-  name: 'Jul',
-  inntekt: 43000,
-  kostnad: 30000,
-  stackId: ''
-}, {
-  name: 'Aug',
-  inntekt: 60000,
-  kostnad: 40000,
-  stackId: ''
-}, {
-  name: 'Sept',
-  inntekt: 70000,
-  kostnad: 50000,
-  stackId: ''
-}, {
-  name: 'Okt',
-  inntekt: 60000,
-  kostnad: 34000,
-  stackId: ''
-}, {
-  name: 'Nov',
-  inntekt: 40040,
-  kostnad: 24000,
-  stackId: ''
-}, {
-  name: 'Des',
-  inntekt: 56000,
-  kostnad: 5500,
-  stackId: ''
-}];
-const Default = exports.Default = {
-  render: (_args, {
-    loaded: {
-      theme
-    }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    data: DefaultData,
-    bars: [{
-      name: 'Inntekt',
-      dataKey: 'inntekt',
-      fill: theme.primary
-    }, {
-      name: 'Kostnad',
-      dataKey: 'kostnad',
-      fill: theme.primary5darker
-    }],
-    lines: [{
-      name: 'Akkumulert resultat',
-      dataKey: 'akkumulert',
-      stroke: theme.secondary,
-      type: 'monotone',
-      shortName: 'Akk. resultat'
-    }],
-    xAxisDataKey: "name"
-  }),
-  name: 'Default'
+const DefaultData = [
+    { name: 'Jan', inntekt: 450000, kostnad: -233000, akkumulert: 170000 },
+    { name: 'Feb', inntekt: 600000, kostnad: -250000, akkumulert: 350000 },
+    { name: 'Mars', inntekt: 500000, kostnad: -340000, akkumulert: 160000 },
+    { name: 'April', inntekt: 55000, kostnad: -20000, akkumulert: 35000 },
+    { name: 'Mai', inntekt: 540400, kostnad: -300000, akkumulert: 240400 },
+    { name: 'Jun', inntekt: 650000, kostnad: -250000, akkumulert: 400000 },
+    { name: 'Jul', inntekt: 430000, kostnad: -300000, akkumulert: 130000 },
+    { name: 'Aug', inntekt: 600000, kostnad: -400000, akkumulert: 200000 },
+    { name: 'Sept', inntekt: 700000, kostnad: -500000, akkumulert: 200000 },
+    { name: 'Okt', inntekt: 600000, kostnad: -340000, akkumulert: 260000 },
+    { name: 'Nov', inntekt: 763000, kostnad: 0, akkumulert: 1730000 },
+    { name: 'Des', inntekt: 560000, kostnad: -55000, akkumulert: 505000 },
+];
+const ValuePairData = [
+    { name: 'Jan', inntekt: 40000, kostnad: 23000, stackId: '' },
+    { name: 'Feb', inntekt: 60000, kostnad: 25000, stackId: '' },
+    { name: 'Mars', inntekt: 50000, kostnad: 34000, stackId: '' },
+    { name: 'April', inntekt: 55000, kostnad: 20000, stackId: '' },
+    { name: 'Mai', inntekt: 54400, kostnad: 30000, stackId: '' },
+    { name: 'Jun', inntekt: 65000, kostnad: 25000, stackId: '' },
+    { name: 'Jul', inntekt: 43000, kostnad: 30000, stackId: '' },
+    { name: 'Aug', inntekt: 60000, kostnad: 40000, stackId: '' },
+    { name: 'Sept', inntekt: 70000, kostnad: 50000, stackId: '' },
+    { name: 'Okt', inntekt: 60000, kostnad: 34000, stackId: '' },
+    { name: 'Nov', inntekt: 40040, kostnad: 24000, stackId: '' },
+    { name: 'Des', inntekt: 56000, kostnad: 5500, stackId: '' },
+];
+export const Default = {
+    render: (_args, { loaded: { theme } }) => (_jsx(BarAndLineComposedChart, { data: DefaultData, bars: [
+            {
+                name: 'Inntekt',
+                dataKey: 'inntekt',
+                fill: theme.primary,
+            },
+            {
+                name: 'Kostnad',
+                dataKey: 'kostnad',
+                fill: theme.primary5darker,
+            },
+        ], lines: [
+            {
+                name: 'Akkumulert resultat',
+                dataKey: 'akkumulert',
+                stroke: theme.secondary,
+                type: 'monotone',
+                shortName: 'Akk. resultat',
+            },
+        ], xAxisDataKey: "name" })),
+    name: 'Default',
+};
+export const ValuePair = {
+    render: (_args, { loaded: { theme } }) => (_jsx(BarAndLineComposedChart, { data: ValuePairData, bars: [
+            {
+                name: 'Inntekt',
+                dataKey: 'inntekt',
+                fill: theme.primary50opa,
+            },
+            {
+                name: 'Kostnad',
+                dataKey: 'kostnad',
+                fill: theme.primary,
+            },
+        ], hasYAxis: false, cartesianGrid: false, xAxisDataKey: "name", stack: false, maxBarSize: 10, barGap: -20, barRadius: 30, legend: false })),
+    name: 'ValuePair',
 };
-const ValuePair = exports.ValuePair = {
-  render: (_args, {
-    loaded: {
-      theme
-    }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    data: ValuePairData,
-    bars: [{
-      name: 'Inntekt',
-      dataKey: 'inntekt',
-      fill: theme.primary50opa
-    }, {
-      name: 'Kostnad',
-      dataKey: 'kostnad',
-      fill: theme.primary
-    }],
-    hasYAxis: false,
-    cartesianGrid: false,
-    xAxisDataKey: "name",
-    stack: false,
-    maxBarSize: 10,
-    barGap: -20,
-    barRadius: 30,
-    legend: false
-  }),
-  name: 'ValuePair'
-};

package/lib/core/BarAndLineComposedChart/index.d.ts

@@ -65,4 +65,3 @@ interface IProps extends Partial<typeof ComposedChart> {
 }
 declare const BarAndLineComposedChart: React.FC<IProps>;
 export default BarAndLineComposedChart;
-//# sourceMappingURL=index.d.ts.map