@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/BarAndLineComposedChart/BarAndLineComposedChart.stories.js

@@ -1,189 +0,0 @@
-"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
-};
-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 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/esm/core/BarAndLineComposedChart/index.js

@@ -1,116 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _recharts = require("recharts");
-var _CustomLegend = require("../../shared/recharts/CustomLegend");
-var _CustomTooltip = _interopRequireDefault(require("../../shared/recharts/CustomTooltip"));
-var _formatGraphPrice = require("../../utils/formatGraphPrice");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const BarAndLineComposedChart = ({
-  data = [],
-  bars,
-  lines,
-  xAxisDataKey,
-  yAxisDataKey,
-  height = '350px',
-  width = '100%',
-  xAxisLine = false,
-  yAxisLine = false,
-  tickLineY = false,
-  tickLineX = false,
-  margin,
-  legendHAlign = 'left',
-  legendVAlign = 'bottom',
-  legendPadding,
-  layout = 'horizontal',
-  lineStrokeWidth = 1,
-  hasYAxis = true,
-  cartesianGrid = true,
-  legend = true,
-  stack = true,
-  referenceLine = true,
-  maxBarSize,
-  barGap,
-  barRadius,
-  ...rest
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BarAndLineComposedChartContainer, {
-    width: width && width,
-    height: height && height,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.ResponsiveContainer, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_recharts.ComposedChart, {
-        data: data && data,
-        margin: {
-          top: 0.5,
-          right: 50,
-          bottom: 0,
-          left: 0,
-          ...margin
-        },
-        layout: layout && layout,
-        stackOffset: "sign",
-        barGap: barGap,
-        ...rest,
-        children: [referenceLine && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.ReferenceLine, {
-          y: 0,
-          stroke: "white"
-        }), cartesianGrid && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.CartesianGrid, {
-          horizontal: true,
-          vertical: false
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.XAxis, {
-          dataKey: xAxisDataKey && xAxisDataKey,
-          axisLine: xAxisLine && xAxisLine,
-          tickLine: tickLineX && tickLineX,
-          type: layout === 'vertical' ? 'number' : 'category',
-          tickMargin: 5,
-          tickFormatter: _formatGraphPrice.formatAxisPrice
-        }), hasYAxis && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.YAxis, {
-          dataKey: yAxisDataKey && yAxisDataKey,
-          axisLine: yAxisLine && yAxisLine,
-          tickLine: tickLineY && tickLineY,
-          type: layout === 'vertical' ? 'category' : 'number',
-          tickFormatter: _formatGraphPrice.formatAxisPrice
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Tooltip, {
-          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomTooltip.default, {
-            barConfig: bars && bars,
-            lineConfig: lines && lines
-          })
-        }), legend && /*#__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 : '5px',
-            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: maxBarSize || undefined,
-            stackId: stack ? 'stack' : undefined,
-            radius: barRadius
-          }, bar.name);
-        }), lines?.length && lines.map(line => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Line, {
-            type: line.type,
-            dataKey: line.dataKey,
-            stroke: line.stroke,
-            name: line.name,
-            strokeWidth: lineStrokeWidth
-          }, line.name);
-        })]
-      })
-    })
-  });
-};
-var _default = exports.default = BarAndLineComposedChart;

package/esm/core/BarAndLineComposedChart/styles.js

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

package/esm/core/BarChartWithCustomizedEvent/BarChartWithCustomizedEvent.stories.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = exports.BarChartCustomizedEventData = 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/BarChartWithCustomizedEvent',
-  component: _.default
-};
-const BarChartCustomizedEventData = exports.BarChartCustomizedEventData = [{
-  year: 2020,
-  debt: 2500700,
-  interestRates: 12000,
-  deduction: 140000
-}, {
-  year: 2021,
-  debt: 1950000,
-  interestRates: 12000,
-  deduction: 140000
-}, {
-  year: 2022,
-  debt: 1600000,
-  interestRates: 12000,
-  deduction: 140000
-}, {
-  year: 2023,
-  debt: 1400000,
-  interestRates: 12000,
-  deduction: 140400
-}, {
-  year: 2024,
-  debt: 1100000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2025,
-  debt: 1000000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2026,
-  debt: 900000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2027,
-  debt: 750000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2028,
-  debt: 500000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2029,
-  debt: 300000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2030,
-  debt: 150000,
-  interestRates: 12000,
-  deduction: 14000
-}];
-const Default = exports.Default = {
-  render: (_args, {
-    loaded: {
-      theme
-    }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    data: BarChartCustomizedEventData,
-    bars: [{
-      name: 'Restgjeld',
-      dataKey: 'debt',
-      fill: theme.primary
-    }],
-    xAxisDataKey: "year",
-    selectedIndex: 0,
-    onClickBar: v => console.log('onClickBar', v)
-  }),
-  name: 'Default'
-};

package/esm/core/BarChartWithCustomizedEvent/index.js

@@ -1,116 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.BarChartWithCustomizedEvent = void 0;
-var _recharts = require("recharts");
-var _react = _interopRequireWildcard(require("react"));
-var _formatGraphPrice = require("../../utils/formatGraphPrice");
-var _react2 = require("@emotion/react");
-var _styles = require("./styles");
-var _CustomLegend = require("../../shared/recharts/CustomLegend");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const BarChartWithCustomizedEvent = ({
-  height = '300px',
-  width = 'auto',
-  data = [],
-  bars,
-  selectedIndex,
-  xAxisDataKey,
-  yAxisDataKey,
-  xAxisLine = false,
-  yAxisLine = false,
-  tickLineX = false,
-  tickLineY = false,
-  legendHAlign = 'left',
-  legendVAlign = 'bottom',
-  margin,
-  legendPadding,
-  legend = false,
-  layout = 'horizontal',
-  onClickBar,
-  tickFormatterX = e => e,
-  tickFormatterY,
-  ...rest
-}) => {
-  const theme = (0, _react2.useTheme)();
-  const [hoverIndex, setHoverIndex] = (0, _react.useState)(undefined);
-  const handleBarClick = (_, index) => {
-    const identicalIndex = index === selectedIndex;
-    if (onClickBar && !identicalIndex) {
-      onClickBar({
-        data: data[index],
-        index: index
-      });
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CustomEventBarChartContainer, {
-    width: width && width,
-    height: height && height,
-    theme: theme,
-    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',
-          tickFormatter: tickFormatterX,
-          tickMargin: 5
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.YAxis, {
-          dataKey: yAxisDataKey && yAxisDataKey,
-          axisLine: yAxisLine && yAxisLine,
-          tickLine: tickLineY && tickLineY,
-          type: layout === 'vertical' ? 'category' : 'number',
-          tickFormatter: tickFormatterY ? tickFormatterY : _formatGraphPrice.formatAxisPrice
-        }), legend && /*#__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,
-            onClick: handleBarClick,
-            stackId: "stack",
-            children: data?.length && data.map((_, index) => {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Cell, {
-                cursor: "pointer",
-                fill: bar.fill,
-                onMouseEnter: () => setHoverIndex(index),
-                onMouseLeave: () => setHoverIndex(undefined),
-                className: `bar-cell ${index === selectedIndex && 'bar-cell-selected'} ${index === hoverIndex && 'bar-cell-hovered'}`
-              }, `cell-${index}`);
-            })
-          }, bar.name);
-        })]
-      })
-    })
-  });
-};
-exports.BarChartWithCustomizedEvent = BarChartWithCustomizedEvent;
-var _default = exports.default = BarChartWithCustomizedEvent;

package/esm/core/BarChartWithCustomizedEvent/styles.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomEventBarChartContainer = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CustomEventBarChartContainer = exports.CustomEventBarChartContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "etqd4lk0"
-} : {
-  target: "etqd4lk0",
-  label: "CustomEventBarChartContainer"
-})(({
-  height,
-  width,
-  theme
-}) => /*#__PURE__*/(0, _react.css)("height:", height && height, ";width:", width && width, ";.bar-cell{transition:all 0.2s ease;&:hover,&.bar-cell-selected,&.bar-cell-hovered{filter:brightness(75%);fill:", theme.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomEventBarChartContainer;")));

package/esm/core/Box/Box.stories.js

@@ -1,97 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithHeaderAndCollapse = exports.WithHeader = exports.Rounded = exports.Noshadow = exports.HideContent = exports.Default = exports.CollapsableMysite = exports.Collapsable = exports.Background = void 0;
-var _Header = _interopRequireDefault(require("../Header"));
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/Box',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    children: 'Stuff'
-  },
-  name: 'Default'
-};
-const Collapsable = exports.Collapsable = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Header"
-    }),
-    collapsable: true,
-    children: 'Stuff'
-  },
-  name: 'Collapsable'
-};
-const Rounded = exports.Rounded = {
-  args: {
-    type: 'mysite',
-    children: 'Stuff'
-  },
-  name: 'Rounded'
-};
-const WithHeader = exports.WithHeader = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Header"
-    }),
-    children: 'Stuff'
-  },
-  name: 'With header'
-};
-const WithHeaderAndCollapse = exports.WithHeaderAndCollapse = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Header"
-    }),
-    collapsable: true,
-    children: 'Stuff'
-  },
-  name: 'With header and collapse'
-};
-const CollapsableMysite = exports.CollapsableMysite = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Header"
-    }),
-    collapsable: true,
-    type: 'mysite',
-    children: 'Stuff'
-  },
-  name: 'Collapsable mysite'
-};
-const Noshadow = exports.Noshadow = {
-  args: {
-    noshadow: true,
-    children: 'Stuff'
-  },
-  name: 'Noshadow'
-};
-const Background = exports.Background = {
-  args: {
-    background: '#ececec',
-    children: 'Stuff'
-  },
-  name: 'Background'
-};
-const HideContent = exports.HideContent = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Header"
-    }),
-    hideContent: true,
-    children: 'Stuff'
-  },
-  name: 'Hide content'
-};