@bbl-digital/snorre 4.2.74 → 4.2.75

package/lib/core/SimpleBarChart/SimpleBarChart.stories.js

@@ -1,181 +1,173 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.storyDataSimpleNumbers = exports.storyDataKostnadBudsjett = exports.default = exports.WithXAxisLineAndYAxisLine = exports.WithSimpleNumbers = exports.VerticalBarChart = 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/SimpleBarChart',
-  component: _.default
+import { jsx as _jsx } from "react/jsx-runtime";
+import SimpleBarChart from '.';
+export default {
+    title: 'Core/SimpleBarChart',
+    component: SimpleBarChart,
 };
-const storyDataKostnadBudsjett = exports.storyDataKostnadBudsjett = [{
-  name: 'Jan',
-  kostnad: 66000,
-  budsjett: 65000
-}, {
-  name: 'Feb',
-  kostnad: 55000,
-  budsjett: 65000
-}, {
-  name: 'Mars',
-  kostnad: 60000,
-  budsjett: 70000
-}, {
-  name: 'Apr',
-  kostnad: 34000,
-  budsjett: 40000
-}, {
-  name: 'Mai',
-  kostnad: 36000,
-  budsjett: 50000
-}, {
-  name: 'Jun',
-  kostnad: 50400,
-  budsjett: 70000
-}, {
-  name: 'Jul',
-  kostnad: 54400,
-  budsjett: 70000
-}, {
-  name: 'Aug',
-  kostnad: 53400,
-  budsjett: 70000
-}, {
-  name: 'Sept',
-  kostnad: 50400,
-  budsjett: 70000
-}, {
-  name: 'Okt',
-  kostnad: 44400,
-  budsjett: 70000
-}, {
-  name: 'Nov',
-  kostnad: 24700,
-  budsjett: 70000
-}, {
-  name: 'Des',
-  kostnad: 5400,
-  budsjett: 70000
-}];
-const storyDataSimpleNumbers = exports.storyDataSimpleNumbers = [{
-  name: 'Jan',
-  amount: 1
-}, {
-  name: 'Feb',
-  amount: 3
-}, {
-  name: 'Mars',
-  amount: 2
-}, {
-  name: 'Apr',
-  amount: 5
-}, {
-  name: 'Mai',
-  amount: 6
-}, {
-  name: 'Jun',
-  amount: 7
-}, {
-  name: 'Jul',
-  amount: 8
-}, {
-  name: 'Aug',
-  amount: 6
-}, {
-  name: 'Sept',
-  amount: 5
-}, {
-  name: 'Okt',
-  amount: 3
-}, {
-  name: 'Nov',
-  amount: 2
-}, {
-  name: 'Des',
-  amount: 1
-}];
-const Default = exports.Default = {
-  render: (_args, {
-    loaded: {
-      theme
-    }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    data: storyDataKostnadBudsjett,
-    bars: [{
-      name: 'Kostnad',
-      dataKey: 'kostnad',
-      fill: theme.primary
-    }, {
-      name: 'Budsjett',
-      dataKey: 'budsjett',
-      fill: theme.secondary
-    }],
-    xAxisDataKey: "name"
-  }),
-  name: 'Default'
+export const storyDataKostnadBudsjett = [
+    {
+        name: 'Jan',
+        kostnad: 66000,
+        budsjett: 65000,
+    },
+    {
+        name: 'Feb',
+        kostnad: 55000,
+        budsjett: 65000,
+    },
+    {
+        name: 'Mars',
+        kostnad: 60000,
+        budsjett: 70000,
+    },
+    {
+        name: 'Apr',
+        kostnad: 34000,
+        budsjett: 40000,
+    },
+    {
+        name: 'Mai',
+        kostnad: 36000,
+        budsjett: 50000,
+    },
+    {
+        name: 'Jun',
+        kostnad: 50400,
+        budsjett: 70000,
+    },
+    {
+        name: 'Jul',
+        kostnad: 54400,
+        budsjett: 70000,
+    },
+    {
+        name: 'Aug',
+        kostnad: 53400,
+        budsjett: 70000,
+    },
+    {
+        name: 'Sept',
+        kostnad: 50400,
+        budsjett: 70000,
+    },
+    {
+        name: 'Okt',
+        kostnad: 44400,
+        budsjett: 70000,
+    },
+    {
+        name: 'Nov',
+        kostnad: 24700,
+        budsjett: 70000,
+    },
+    {
+        name: 'Des',
+        kostnad: 5400,
+        budsjett: 70000,
+    },
+];
+export const storyDataSimpleNumbers = [
+    {
+        name: 'Jan',
+        amount: 1,
+    },
+    {
+        name: 'Feb',
+        amount: 3,
+    },
+    {
+        name: 'Mars',
+        amount: 2,
+    },
+    {
+        name: 'Apr',
+        amount: 5,
+    },
+    {
+        name: 'Mai',
+        amount: 6,
+    },
+    {
+        name: 'Jun',
+        amount: 7,
+    },
+    {
+        name: 'Jul',
+        amount: 8,
+    },
+    {
+        name: 'Aug',
+        amount: 6,
+    },
+    {
+        name: 'Sept',
+        amount: 5,
+    },
+    {
+        name: 'Okt',
+        amount: 3,
+    },
+    {
+        name: 'Nov',
+        amount: 2,
+    },
+    {
+        name: 'Des',
+        amount: 1,
+    },
+];
+export const Default = {
+    render: (_args, { loaded: { theme } }) => (_jsx(SimpleBarChart, { data: storyDataKostnadBudsjett, bars: [
+            {
+                name: 'Kostnad',
+                dataKey: 'kostnad',
+                fill: theme.primary,
+            },
+            {
+                name: 'Budsjett',
+                dataKey: 'budsjett',
+                fill: theme.secondary,
+            },
+        ], xAxisDataKey: "name" })),
+    name: 'Default',
 };
-const WithXAxisLineAndYAxisLine = exports.WithXAxisLineAndYAxisLine = {
-  render: (_args, {
-    loaded: {
-      theme
-    }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    data: storyDataKostnadBudsjett,
-    bars: [{
-      name: 'Kostnad',
-      dataKey: 'kostnad',
-      fill: theme.primary
-    }, {
-      name: 'Budsjett',
-      dataKey: 'budsjett',
-      fill: theme.secondary
-    }],
-    xAxisLine: true,
-    yAxisLine: true,
-    xAxisDataKey: "name"
-  }),
-  name: 'With xAxisLine and yAxisLine'
+export const WithXAxisLineAndYAxisLine = {
+    render: (_args, { loaded: { theme } }) => (_jsx(SimpleBarChart, { data: storyDataKostnadBudsjett, bars: [
+            {
+                name: 'Kostnad',
+                dataKey: 'kostnad',
+                fill: theme.primary,
+            },
+            {
+                name: 'Budsjett',
+                dataKey: 'budsjett',
+                fill: theme.secondary,
+            },
+        ], xAxisLine: true, yAxisLine: true, xAxisDataKey: "name" })),
+    name: 'With xAxisLine and yAxisLine',
 };
-const VerticalBarChart = exports.VerticalBarChart = {
-  render: (_args, {
-    loaded: {
-      theme
-    }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    data: storyDataKostnadBudsjett,
-    bars: [{
-      name: 'Kostnad',
-      dataKey: 'kostnad',
-      fill: theme.primary
-    }, {
-      name: 'Budsjett',
-      dataKey: 'budsjett',
-      fill: theme.secondary
-    }],
-    layout: "vertical",
-    yAxisDataKey: "name",
-    xAxisDataKey: "kostnad"
-  }),
-  name: 'Vertical BarChart'
+export const VerticalBarChart = {
+    render: (_args, { loaded: { theme } }) => (_jsx(SimpleBarChart, { data: storyDataKostnadBudsjett, bars: [
+            {
+                name: 'Kostnad',
+                dataKey: 'kostnad',
+                fill: theme.primary,
+            },
+            {
+                name: 'Budsjett',
+                dataKey: 'budsjett',
+                fill: theme.secondary,
+            },
+        ], layout: "vertical", yAxisDataKey: "name", xAxisDataKey: "kostnad" })),
+    name: 'Vertical BarChart',
+};
+export const WithSimpleNumbers = {
+    render: (_args, { loaded: { theme } }) => (_jsx(SimpleBarChart, { data: storyDataSimpleNumbers, bars: [
+            {
+                name: 'Antall',
+                dataKey: 'amount',
+                fill: theme.primary,
+            },
+        ], xAxisDataKey: "name", yAxisDataKey: "amount", allowDecimals: false })),
+    name: 'With simple numbers',
 };
-const WithSimpleNumbers = exports.WithSimpleNumbers = {
-  render: (_args, {
-    loaded: {
-      theme
-    }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    data: storyDataSimpleNumbers,
-    bars: [{
-      name: 'Antall',
-      dataKey: 'amount',
-      fill: theme.primary
-    }],
-    xAxisDataKey: "name",
-    yAxisDataKey: "amount",
-    allowDecimals: false
-  }),
-  name: 'With simple numbers'
-};

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

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

package/lib/core/SimpleBarChart/index.js

@@ -1,102 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _recharts = require("recharts");
-var _styles = require("./styles");
-var _formatGraphPrice = require("../../utils/formatGraphPrice");
-var _CustomTooltip = _interopRequireDefault(require("../../shared/recharts/CustomTooltip"));
-var _CustomLegend = require("../../shared/recharts/CustomLegend");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SimpleBarChart = ({
-  height = '350px',
-  width = 'auto',
-  data = [],
-  bars,
-  xAxisDataKey,
-  yAxisDataKey,
-  xAxisLine = false,
-  yAxisLine = false,
-  tickLineX = false,
-  tickLineY = false,
-  legendHAlign = 'left',
-  legendVAlign = 'bottom',
-  margin,
-  legendPadding,
-  layout = 'horizontal',
-  defaultFormatter = false,
-  tickFormatter,
-  minTickGapX,
-  minTickGapY,
-  allowDecimals = true,
-  ...rest
-}) => {
-  const getTickFormatter = () => {
-    if (defaultFormatter && !tickFormatter) return undefined;
-    if (tickFormatter) return tickFormatter;
-    return _formatGraphPrice.formatAxisPrice;
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BarChartContainer, {
-    width: width && width,
-    height: height && height,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.ResponsiveContainer, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_recharts.BarChart, {
-        data: data && data,
-        margin: margin ? margin : {
-          top: 0,
-          right: 0,
-          left: 0,
-          bottom: 0
-        },
-        barGap: "0%",
-        layout: layout && layout,
-        ...rest,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.CartesianGrid, {
-          strokeDasharray: "0",
-          vertical: false
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.XAxis, {
-          dataKey: xAxisDataKey && xAxisDataKey,
-          axisLine: xAxisLine && xAxisLine,
-          tickLine: tickLineX && tickLineX,
-          type: layout === 'vertical' ? 'number' : 'category',
-          tickMargin: 5,
-          minTickGap: minTickGapX,
-          allowDecimals: allowDecimals,
-          tickFormatter: getTickFormatter()
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.YAxis, {
-          dataKey: yAxisDataKey && yAxisDataKey,
-          axisLine: yAxisLine && yAxisLine,
-          tickLine: tickLineY && tickLineY,
-          type: layout === 'vertical' ? 'category' : 'number',
-          minTickGap: minTickGapY,
-          allowDecimals: allowDecimals,
-          tickFormatter: getTickFormatter()
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Tooltip, {
-          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomTooltip.default, {})
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Legend, {
-          verticalAlign: legendVAlign && legendVAlign,
-          align: legendHAlign && legendHAlign,
-          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomLegend.CustomLegend, {}),
-          wrapperStyle: {
-            paddingLeft: legendPadding?.left ? legendPadding.left : '55px',
-            paddingTop: legendPadding?.top ? legendPadding.top : '10px',
-            paddingBottom: legendPadding?.bottom ? legendPadding.bottom : '0',
-            paddingRight: legendPadding?.right ? legendPadding.right : '0'
-          }
-        }), bars?.length && bars.map(bar => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Bar, {
-            dataKey: bar.dataKey,
-            fill: bar.fill,
-            name: bar.name,
-            maxBarSize: 50
-          }, bar.name);
-        })]
-      })
-    })
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bar, BarChart, CartesianGrid, Legend, Tooltip, XAxis, YAxis, ResponsiveContainer, } from 'recharts';
+import { BarChartContainer } from './styles';
+import { formatAxisPrice } from '../../utils/formatGraphPrice';
+import CustomTooltip from '../../shared/recharts/CustomTooltip';
+import { CustomLegend } from '../../shared/recharts/CustomLegend';
+const SimpleBarChart = ({ height = '350px', width = 'auto', data = [], bars, xAxisDataKey, yAxisDataKey, xAxisLine = false, yAxisLine = false, tickLineX = false, tickLineY = false, legendHAlign = 'left', legendVAlign = 'bottom', margin, legendPadding, layout = 'horizontal', defaultFormatter = false, tickFormatter, minTickGapX, minTickGapY, allowDecimals = true, ...rest }) => {
+    const getTickFormatter = () => {
+        if (defaultFormatter && !tickFormatter)
+            return undefined;
+        if (tickFormatter)
+            return tickFormatter;
+        return formatAxisPrice;
+    };
+    return (_jsx(BarChartContainer, { width: width && width, height: height && height, children: _jsx(ResponsiveContainer, { children: _jsxs(BarChart, { data: data && data, margin: margin ? margin : { top: 0, right: 0, left: 0, bottom: 0 }, barGap: "0%", layout: layout && layout, ...rest, children: [_jsx(CartesianGrid, { strokeDasharray: "0", vertical: false }), _jsx(XAxis, { dataKey: xAxisDataKey && xAxisDataKey, axisLine: xAxisLine && xAxisLine, tickLine: tickLineX && tickLineX, type: layout === 'vertical' ? 'number' : 'category', tickMargin: 5, minTickGap: minTickGapX, allowDecimals: allowDecimals, tickFormatter: getTickFormatter() }), _jsx(YAxis, { dataKey: yAxisDataKey && yAxisDataKey, axisLine: yAxisLine && yAxisLine, tickLine: tickLineY && tickLineY, type: layout === 'vertical' ? 'category' : 'number', minTickGap: minTickGapY, allowDecimals: allowDecimals, tickFormatter: getTickFormatter() }), _jsx(Tooltip, { content: _jsx(CustomTooltip, {}) }), _jsx(Legend, { verticalAlign: legendVAlign && legendVAlign, align: legendHAlign && legendHAlign, content: _jsx(CustomLegend, {}), wrapperStyle: {
+                            paddingLeft: legendPadding?.left ? legendPadding.left : '55px',
+                            paddingTop: legendPadding?.top ? legendPadding.top : '10px',
+                            paddingBottom: legendPadding?.bottom ? legendPadding.bottom : '0',
+                            paddingRight: legendPadding?.right ? legendPadding.right : '0',
+                        } }), bars?.length &&
+                        bars.map((bar) => {
+                            return (_jsx(Bar, { dataKey: bar.dataKey, fill: bar.fill, name: bar.name, maxBarSize: 50 }, bar.name));
+                        })] }) }) }));
 };
-var _default = exports.default = SimpleBarChart;
+export default SimpleBarChart;

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

@@ -5,4 +5,3 @@ export declare const BarChartContainer: import("@emotion/styled").StyledComponen
     width: string;
     height: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/SimpleBarChart/styles.js

@@ -1,14 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BarChartContainer = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const BarChartContainer = exports.BarChartContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1omf8wg0"
-} : {
-  target: "e1omf8wg0",
-  label: "BarChartContainer"
-})("height:", props => props.height && props.height, ";width:", props => props.width && props.width, ";");
+import styled from '@emotion/styled';
+export const BarChartContainer = styled.div `
+  height: ${(props) => props.height && props.height};
+  width: ${(props) => props.width && props.width};
+`;

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

@@ -3,7 +3,6 @@ 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;
 };
-//# sourceMappingURL=SimpleLineChart.stories.d.ts.map

package/lib/core/SimpleLineChart/SimpleLineChart.stories.js

@@ -1,60 +1,57 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _format = require("../../utils/format");
-var _dates = require("../../utils/dates");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/SimpleLineChart',
-  component: _.default
+import { jsx as _jsx } from "react/jsx-runtime";
+import SimpleLineChart from '.';
+import { getFormattedDate } from '../../utils/format';
+import { ddmmyyyy } from '../../utils/dates';
+export default {
+    title: 'Core/SimpleLineChart',
+    component: SimpleLineChart,
+};
+const simplelinechartdata = [
+    {
+        date: getFormattedDate(new Date(2020, 1, 5), ddmmyyyy),
+        interest: 1.7,
+    },
+    {
+        date: getFormattedDate(new Date(2020, 2, 5), ddmmyyyy),
+        interest: 1.9,
+    },
+    {
+        date: getFormattedDate(new Date(2020, 3, 5), ddmmyyyy),
+        interest: 2.4,
+    },
+    {
+        date: getFormattedDate(new Date(2020, 4, 5), ddmmyyyy),
+        interest: 2.8,
+    },
+    {
+        date: getFormattedDate(new Date(2020, 5, 5), ddmmyyyy),
+        interest: 2.6,
+    },
+    {
+        date: getFormattedDate(new Date(2020, 6, 5), ddmmyyyy),
+        interest: 2.3,
+    },
+    {
+        date: getFormattedDate(new Date(2020, 7, 5), ddmmyyyy),
+        interest: 2.4,
+    },
+    {
+        date: getFormattedDate(new Date(2020, 8, 5), ddmmyyyy),
+        interest: 2.5,
+    },
+    {
+        date: getFormattedDate(new Date(2020, 9, 5), ddmmyyyy),
+        interest: 3.5,
+    },
+];
+export const Default = {
+    render: (_args, { loaded: { theme } }) => (_jsx(SimpleLineChart, { data: simplelinechartdata, lines: [
+            {
+                name: 'Interest',
+                dataKey: 'interest',
+                stroke: theme.primary,
+                type: 'monotone',
+            },
+        ], xAxisDataKey: "date" })),
+    name: 'Default',
 };
-const simplelinechartdata = [{
-  date: (0, _format.getFormattedDate)(new Date(2020, 1, 5), _dates.ddmmyyyy),
-  interest: 1.7
-}, {
-  date: (0, _format.getFormattedDate)(new Date(2020, 2, 5), _dates.ddmmyyyy),
-  interest: 1.9
-}, {
-  date: (0, _format.getFormattedDate)(new Date(2020, 3, 5), _dates.ddmmyyyy),
-  interest: 2.4
-}, {
-  date: (0, _format.getFormattedDate)(new Date(2020, 4, 5), _dates.ddmmyyyy),
-  interest: 2.8
-}, {
-  date: (0, _format.getFormattedDate)(new Date(2020, 5, 5), _dates.ddmmyyyy),
-  interest: 2.6
-}, {
-  date: (0, _format.getFormattedDate)(new Date(2020, 6, 5), _dates.ddmmyyyy),
-  interest: 2.3
-}, {
-  date: (0, _format.getFormattedDate)(new Date(2020, 7, 5), _dates.ddmmyyyy),
-  interest: 2.4
-}, {
-  date: (0, _format.getFormattedDate)(new Date(2020, 8, 5), _dates.ddmmyyyy),
-  interest: 2.5
-}, {
-  date: (0, _format.getFormattedDate)(new Date(2020, 9, 5), _dates.ddmmyyyy),
-  interest: 3.5
-}];
-const Default = exports.Default = {
-  render: (_args, {
-    loaded: {
-      theme
-    }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    data: simplelinechartdata,
-    lines: [{
-      name: 'Interest',
-      dataKey: 'interest',
-      stroke: theme.primary,
-      type: 'monotone'
-    }],
-    xAxisDataKey: "date"
-  }),
-  name: 'Default'
-};

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

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