@bbl-digital/snorre 4.0.37 → 4.0.38

package/dist/bundle.js

@@ -4170,7 +4170,7 @@
     };
   }
 
-  const IllustrationHouse$1 = props => {
+  const IllustrationHouse = props => {
     return /*#__PURE__*/jsxRuntime$1.jsx("svg", {
       viewBox: "0 0 80 44",
       ...props,
@@ -4242,7 +4242,7 @@
       })
     });
   };
-  var IllustrationHouse$2 = withIllustration()(IllustrationHouse$1);
+  var IllustrationHouse$1 = withIllustration()(IllustrationHouse);
 
   const IllustrationHighHouseComposition = props => {
     return /*#__PURE__*/jsxRuntime$1.jsx("svg", {
@@ -24727,7 +24727,7 @@
   };
   var IllustrationMySiteLetterSent$1 = withIllustration()(IllustrationMySiteLetterSent);
 
-  const IllustrationHouse = props => {
+  const IllustrationMySiteBenefits = props => {
     return /*#__PURE__*/jsxRuntime$1.jsxs("svg", {
       viewBox: " 0 0 125 85",
       ...props,
@@ -24903,7 +24903,7 @@
       })]
     });
   };
-  var IllustrationMySiteBenefits = withIllustration()(IllustrationHouse);
+  var IllustrationMySiteBenefits$1 = withIllustration()(IllustrationMySiteBenefits);
 
   function _EMOTION_STRINGIFIED_CSS_ERROR__$W() { 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 styles$l = {
@@ -34786,7 +34786,7 @@ to {top: 100vh;}
   exports.IllustrationErrorGeneric = IllustrationErrorGeneric$1;
   exports.IllustrationHighHouse = IllustrationHighHouse$1;
   exports.IllustrationHighHouseComposition = IllustrationHighHouseComposition$1;
-  exports.IllustrationHouse = IllustrationHouse$2;
+  exports.IllustrationHouse = IllustrationHouse$1;
   exports.IllustrationHouseComposition = IllustrationHouseComposition$1;
   exports.IllustrationHouseMissing = IllustrationHouseMissing$1;
   exports.IllustrationHousesBackground = IllustrationHousesBackground$1;
@@ -34794,7 +34794,7 @@ to {top: 100vh;}
   exports.IllustrationLowHouse = IllustrationLowHouse$1;
   exports.IllustrationLowHouseComposition = IllustrationLowHouseComposition$1;
   exports.IllustrationMySiteAssociation = IllustrationMySiteAssociation$1;
-  exports.IllustrationMySiteBenefits = IllustrationMySiteBenefits;
+  exports.IllustrationMySiteBenefits = IllustrationMySiteBenefits$1;
   exports.IllustrationMySiteBuilding = IllustrationMySiteBuilding$1;
   exports.IllustrationMySiteCoffeeBook = IllustrationMySiteCoffeeBook$1;
   exports.IllustrationMySiteComputer = IllustrationMySiteComputer$1;

package/esm/core/BoxedTable/TableBody/index.js

@@ -0,0 +1,10 @@
+import { BodyWrapper } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const TableBody = ({
+  children
+}) => {
+  return /*#__PURE__*/_jsx(BodyWrapper, {
+    children: children
+  });
+};
+export default TableBody;

package/esm/core/BoxedTable/TableBody/styles.js

@@ -0,0 +1,16 @@
+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)."; }
+export const BodyWrapper = /*#__PURE__*/_styled("tbody", process.env.NODE_ENV === "production" ? {
+  target: "e1u8g1t20"
+} : {
+  target: "e1u8g1t20",
+  label: "BodyWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ixi98c",
+  styles: "display:flex;flex-direction:column;grid-row-gap:1em"
+} : {
+  name: "ixi98c",
+  styles: "display:flex;flex-direction:column;grid-row-gap:1em",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvVGFibGVCb2R5L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9UYWJsZUJvZHkvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBCb2R5V3JhcHBlciA9IHN0eWxlZC50Ym9keWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/esm/globals/validation/regularExpressions.js

@@ -3,7 +3,7 @@ const regularExpressions = {
   mobilenumber: new RegExp(/(?:^((?!00|[+])|(?:(?:00|[+])47))([49]\d{7})$)|(?:^(?:00|[+])(?!47)([49]\d{7,15})$)/),
   exclusiveNumbers: new RegExp(/^\d+$/),
   date: new RegExp(/^(0[1-9]|[12][0-9]|3[01])[\.](0[1-9]|1[012])[\.]\d{4}|(0[1-9]|[1-2][0-9]|31(?!(?:0[2469]|11))|30(?!02))(0[1-9]|1[0-2])([12]\d{3})|([01][0-9]|2[0-8])(0[0-9]|1[0-2])[0-9][0-9]|30(0[013-9]|1[0-2])[0-9][0-9]|31(0[13578]|1[02])[0-9][0-9]|29((0[013-9]|1[0-2])[0-9][0-9]|02([0246][048]|[13579][26]))|(0[1-9]|[12][0-9]|3[01])[\.](0[1-9]|1[012])[\.]\d{2}$/),
-  email: new RegExp(/^[^<>()\[\]\\.,;:\s@"]+(?:\.[^<>()\[\]\\.,;:\s@"]+)*@(?:[a-zA-ZæÆøØåÅ0-9-]+\.)+[a-zA-Z]{2,}$/),
+  email: new RegExp(/(?:[^<>()\[\]\\.,;:\s@"]+(?:\.[^<>()\[\]\\.,;:\s@"]+)*@(?:[a-zA-ZæÆøØåÅ0-9-]+\.)+[a-zA-Z]{2,}(?:\s?[;,:\s]\s?)?)+/),
   year: new RegExp(/^[12][0-9]{3}$/),
   url: new RegExp(/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{2,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/)
 };

package/esm/illustrations/MySite/IllustrationMySiteBenefits.js

@@ -2,7 +2,7 @@ import React from 'react';
 import withIllustration from '../withIllustration';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const IllustrationHouse = props => {
+const IllustrationMySiteBenefits = props => {
   return /*#__PURE__*/_jsxs("svg", {
     viewBox: " 0 0 125 85",
     ...props,
@@ -178,4 +178,4 @@ const IllustrationHouse = props => {
     })]
   });
 };
-export default withIllustration('IllustrationHouse')(IllustrationHouse);
+export default withIllustration('IllustrationMySiteBenefits')(IllustrationMySiteBenefits);

package/lib/core/BoxedTable/TableBody/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    children: React.ReactNode;
+};
+declare const TableBody: ({ children }: Props) => import("react").JSX.Element;
+export default TableBody;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/BoxedTable/TableBody/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableBody/index.tsx"],"names":[],"mappings":";AAEA,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AACD,QAAA,MAAM,SAAS,iBAAkB,KAAK,gCAErC,CAAA;AACD,eAAe,SAAS,CAAA"}

package/lib/core/BoxedTable/TableBody/index.js

@@ -0,0 +1,10 @@
+import { BodyWrapper } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const TableBody = ({
+  children
+}) => {
+  return /*#__PURE__*/_jsx(BodyWrapper, {
+    children: children
+  });
+};
+export default TableBody;

package/lib/core/BoxedTable/TableBody/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const BodyWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/BoxedTable/TableBody/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableBody/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,WAAW;;;2HAIvB,CAAA"}

package/lib/core/BoxedTable/TableBody/styles.js

@@ -0,0 +1,16 @@
+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)."; }
+export const BodyWrapper = /*#__PURE__*/_styled("tbody", process.env.NODE_ENV === "production" ? {
+  target: "e1u8g1t20"
+} : {
+  target: "e1u8g1t20",
+  label: "BodyWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ixi98c",
+  styles: "display:flex;flex-direction:column;grid-row-gap:1em"
+} : {
+  name: "ixi98c",
+  styles: "display:flex;flex-direction:column;grid-row-gap:1em",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvVGFibGVCb2R5L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9UYWJsZUJvZHkvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBCb2R5V3JhcHBlciA9IHN0eWxlZC50Ym9keWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/globals/validation/regularExpressions.js

@@ -3,7 +3,7 @@ const regularExpressions = {
   mobilenumber: new RegExp(/(?:^((?!00|[+])|(?:(?:00|[+])47))([49]\d{7})$)|(?:^(?:00|[+])(?!47)([49]\d{7,15})$)/),
   exclusiveNumbers: new RegExp(/^\d+$/),
   date: new RegExp(/^(0[1-9]|[12][0-9]|3[01])[\.](0[1-9]|1[012])[\.]\d{4}|(0[1-9]|[1-2][0-9]|31(?!(?:0[2469]|11))|30(?!02))(0[1-9]|1[0-2])([12]\d{3})|([01][0-9]|2[0-8])(0[0-9]|1[0-2])[0-9][0-9]|30(0[013-9]|1[0-2])[0-9][0-9]|31(0[13578]|1[02])[0-9][0-9]|29((0[013-9]|1[0-2])[0-9][0-9]|02([0246][048]|[13579][26]))|(0[1-9]|[12][0-9]|3[01])[\.](0[1-9]|1[012])[\.]\d{2}$/),
-  email: new RegExp(/^[^<>()\[\]\\.,;:\s@"]+(?:\.[^<>()\[\]\\.,;:\s@"]+)*@(?:[a-zA-ZæÆøØåÅ0-9-]+\.)+[a-zA-Z]{2,}$/),
+  email: new RegExp(/(?:[^<>()\[\]\\.,;:\s@"]+(?:\.[^<>()\[\]\\.,;:\s@"]+)*@(?:[a-zA-ZæÆøØåÅ0-9-]+\.)+[a-zA-Z]{2,}(?:\s?[;,:\s]\s?)?)+/),
   year: new RegExp(/^[12][0-9]{3}$/),
   url: new RegExp(/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{2,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/)
 };

package/lib/illustrations/MySite/IllustrationMySiteBenefits.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IllustrationMySiteBenefits.d.ts","sourceRoot":"","sources":["../../../src/packages/illustrations/MySite/IllustrationMySiteBenefits.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;;AAoLzB,wBAAuE"}
+{"version":3,"file":"IllustrationMySiteBenefits.d.ts","sourceRoot":"","sources":["../../../src/packages/illustrations/MySite/IllustrationMySiteBenefits.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;;AAoLzB,wBAEC"}

package/lib/illustrations/MySite/IllustrationMySiteBenefits.js

@@ -2,7 +2,7 @@ import React from 'react';
 import withIllustration from '../withIllustration';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const IllustrationHouse = props => {
+const IllustrationMySiteBenefits = props => {
   return /*#__PURE__*/_jsxs("svg", {
     viewBox: " 0 0 125 85",
     ...props,
@@ -178,4 +178,4 @@ const IllustrationHouse = props => {
     })]
   });
 };
-export default withIllustration('IllustrationHouse')(IllustrationHouse);
+export default withIllustration('IllustrationMySiteBenefits')(IllustrationMySiteBenefits);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.0.37",
+  "version": "4.0.38",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",

package/esm/core/Autocomplete/utils/useHandleOptionsHeight.js

@@ -1,16 +0,0 @@
-import { createRef, useEffect, useState } from 'react';
-
-const useHandleOptionsHeight = () => {
-  const [optionsHeight, setOptionsHeight] = useState(0);
-  const optionsRef = /*#__PURE__*/createRef();
-  useEffect(() => {
-    const rect = optionsRef.current?.getBoundingClientRect();
-    setOptionsHeight(rect?.height || 0); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [optionsRef.current]);
-  return {
-    optionsHeight,
-    optionsRef
-  };
-};
-
-export default useHandleOptionsHeight;

package/esm/core/CheckboxController/index.js

@@ -1,22 +0,0 @@
-// import React from 'react'
-// interface IProps {
-//   /** Function children in which CheckBox components can be rendered. */
-//   children: (component: React.ComponentType, values: string[], id: string) => void;
-//   /** Unique name of the field. */
-//   name: string,;
-//   /** Callback that is triggered when a child CheckBox is clicked. */
-//   onChange: (values: string[], event: React.ChangeEvent<HTMLInputElement>) => void;
-//   /** Default checked values. */
-//   value?: string,[];
-// }
-// const CheckboxController: React.FC<IProps> = props => {
-//   const type: string = 'checkbox'
-//   const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-//     if (props.onChange) {
-//       props.onChange(e.target.checked)
-//     }
-//   }
-//   return (
-//   )
-// }
-// export default Checkbox

package/esm/core/Datepicker/yearMonthForm.js

@@ -1,56 +0,0 @@
-import React from 'react';
-import { MONTHS } from '../../utils/dates';
-import { StyledSelect, Div } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-const YearMonthForm = ({
-  onChange,
-  date,
-  fromDate,
-  toDate
-}) => {
-  const months = MONTHS;
-  const years = [];
-
-  for (let i = fromDate.getFullYear(); i <= toDate.getFullYear(); i += 1) {
-    years.push(i);
-  }
-
-  const changeMonth = e => {
-    let newDate = date;
-    newDate.setMonth(e.target.value);
-    if (newDate > toDate) newDate = toDate;
-    onChange(newDate);
-  };
-
-  const changeYear = e => {
-    let newDate = date;
-    newDate.setFullYear(e.target.value);
-    if (newDate > toDate) newDate = toDate;
-    onChange(newDate);
-  };
-
-  return /*#__PURE__*/_jsxs(Div, {
-    className: "DayPicker-Caption",
-    children: [/*#__PURE__*/_jsx(StyledSelect, {
-      name: "month",
-      onChange: changeMonth,
-      value: date.getMonth(),
-      children: months.map((month, i) => /*#__PURE__*/_jsx("option", {
-        value: i,
-        children: month
-      }, month))
-    }), /*#__PURE__*/_jsx(StyledSelect, {
-      name: "year",
-      onChange: changeYear,
-      value: date.getFullYear(),
-      children: years.map(year => /*#__PURE__*/_jsx("option", {
-        value: year,
-        children: year
-      }, year))
-    })]
-  });
-};
-
-export default YearMonthForm;

package/esm/core/EditorOld/config.js

@@ -1,69 +0,0 @@
-export const basicToolbar = {
-  options: ['inline', 'list'],
-  inline: {
-    options: ['bold', 'italic', 'underline']
-  }
-};
-export const richToolbar = {
-  options: ['blockType', 'inline', 'list', 'textAlign', 'link'],
-  inline: {
-    options: ['bold', 'italic', 'underline']
-  },
-  textAlign: {
-    options: ['left', 'center', 'right', 'justify']
-  },
-  blockType: {
-    inDropdown: true,
-    options: ['Normal', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6']
-  },
-  link: {
-    showOpenOptionOnHover: true,
-    defaultTargetOption: '_blank',
-    options: ['link', 'unlink']
-  }
-};
-export const htmlToEntity = (nodeName, node, createEntity) => {
-  if (nodeName === 'a') {
-    return createEntity('LINK', 'MUTABLE', {
-      url: node.href
-    });
-  }
-};
-export const getStrippedHtml = html => {
-  return html.replace(/<img[^>]*>/g, '');
-};
-export const editorLabels = {
-  // Generic
-  'generic.add': 'Legg til',
-  'generic.cancel': 'Avbryt',
-  // Inline
-  'components.controls.inline.bold': 'Fet',
-  'components.controls.inline.italic': 'Kursiv',
-  'components.controls.inline.underline': 'Understrek',
-  // List
-  'components.controls.list.unordered': 'Punktliste',
-  'components.controls.list.ordered': 'Nummerliste',
-  'components.controls.list.indent': 'Innrykk',
-  'components.controls.list.outdent': 'Utrykk',
-  // Text align
-  'components.controls.textAlign.left': 'Venstrejuster',
-  'components.controls.textAlign.center': 'Midtstill',
-  'components.controls.textAlign.right': 'Høyrejuster',
-  'components.controls.textAlign.justify': 'Blokkjuster',
-  // Block type
-  'components.controls.blocktype.normal': 'Avsnitt',
-  'components.controls.blocktype.h1': 'Overskrift 1',
-  'components.controls.blocktype.h2': 'Overskrift 2',
-  'components.controls.blocktype.h3': 'Overskrift 3',
-  'components.controls.blocktype.h4': 'Overskrift 4',
-  'components.controls.blocktype.h5': 'Overskrift 5',
-  'components.controls.blocktype.h6': 'Overskrift 6',
-  // Link
-  'components.controls.link.linkTitle': 'Tittel',
-  'components.controls.link.linkTarget': 'URL',
-  'components.controls.link.linkTargetOption': 'Åpne i ny fane',
-  'components.controls.link.link': 'Legg til lenke',
-  'components.controls.link.unlink': 'Fjern lenke',
-  // Remove
-  'components.controls.remove.remove': 'Fjern'
-};

package/esm/core/EditorOld/index.js

@@ -1,147 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import React, { useState } from 'react';
-import { Editor as Wysiwyg } from 'react-draft-wysiwyg';
-import { convertToRaw, EditorState, Modifier } from 'draft-js';
-import { stateFromHTML } from 'draft-js-import-html';
-import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
-import { CounterWrapper, ErrorWrapper, Label, RelativeDiv, styles } from './styles';
-import { basicToolbar, editorLabels, getStrippedHtml, htmlToEntity, richToolbar } from './config';
-import { convertToHTML, convertFromHTML } from 'draft-convert';
-import Text from '../Text';
-import { useTheme } from '@emotion/react';
-import IconErrorOutline from '../../icons/General/IconErrorOutline';
-import draftToHtml from 'draftjs-to-html';
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
-/**
- *
- * TODO: REMOVE AND CLEANUP PACKAGES
- *
- */
-const EditorOld = ({
-  initialValue,
-  height = 300,
-  maxHeight,
-  maxlength,
-  maxlengthType = 'plaintext',
-  maxlengthText,
-  withCounter,
-  invalidMessage,
-  label,
-  customToolbar,
-  type = 'basic',
-  onChange,
-  onBlur
-}) => {
-  const theme = useTheme();
-  const [maxlengthError, setMaxlengthError] = useState(null);
-  const [charCount, setCharCount] = useState(0);
-  const [editorState, setEditorState] = useState(initialValue ? EditorState.createWithContent(convertFromHTML({
-    htmlToEntity
-  })(initialValue)) : EditorState.createEmpty());
-
-  const handleEditorChange = state => {
-    handleValidity(state);
-    setEditorState(state);
-    const plainText = state.getCurrentContent().getPlainText();
-    const html = draftToHtml(convertToRaw(state.getCurrentContent()));
-    onChange(plainText.length > 0 ? html : ''); // return empty if no content
-
-    if (withCounter && maxlength) {
-      setCharCount(maxlengthType === 'html' ? html.length : plainText.length);
-    }
-  };
-
-  const handleValidity = state => {
-    if (!maxlength) {
-      setMaxlengthError(null);
-      return;
-    }
-
-    const plaintext = state.getCurrentContent().getPlainText();
-    const html = convertToHTML(state.getCurrentContent());
-
-    if (maxlengthType === 'html' && html.length > maxlength) {
-      setMaxlengthError(maxlengthText ? maxlengthText : 'Text is too long');
-      return;
-    }
-
-    if (maxlengthType === 'plaintext' && plaintext.length > maxlength) {
-      setMaxlengthError(maxlengthText ? maxlengthText : 'Text is too long');
-      return;
-    }
-
-    setMaxlengthError(null);
-  };
-
-  const Counter = _jsx(CounterWrapper, {
-    children: _jsxs(Text, {
-      children: [charCount, "/", maxlength]
-    })
-  });
-
-  const handlePaste = (text, html, editorState, onChange) => {
-    if (!html) return false;
-    const strippedHtml = getStrippedHtml(html);
-    const blockMap = stateFromHTML(strippedHtml).blockMap;
-    const newState = Modifier.replaceWithFragment(editorState.getCurrentContent(), editorState.getSelection(), blockMap);
-    onChange(EditorState.push(editorState, newState, 'insert-fragment'));
-    return true;
-  };
-
-  const getToolbar = () => {
-    switch (type) {
-      case 'basic':
-        return basicToolbar;
-
-      case 'rich':
-        return richToolbar;
-
-      case 'custom':
-        return customToolbar;
-
-      default:
-        return undefined;
-    }
-  };
-
-  return _jsxs("div", {
-    css: theme => [styles.default(theme, height), maxHeight && styles.maxHeight(maxHeight)],
-    children: [label && _jsx(Label, {
-      children: label
-    }), _jsxs(RelativeDiv, {
-      children: [_jsx(Wysiwyg, {
-        editorState: editorState,
-        toolbarClassName: "toolbar-wrapper",
-        wrapperClassName: "editor-wrapper",
-        editorClassName: "content-wrapper",
-        onEditorStateChange: handleEditorChange,
-        toolbar: getToolbar(),
-        localization: {
-          locale: 'nb_NO',
-          translations: editorLabels
-        },
-        stripPastedStyles: type !== 'rich',
-        onBlur: () => onBlur && onBlur(),
-        handlePastedText: handlePaste
-      }), maxlength && withCounter && Counter]
-    }), (maxlengthError || invalidMessage) && _jsxs(ErrorWrapper, {
-      children: [maxlengthError && _jsxs(Text, {
-        color: theme.alert,
-        children: [_jsx(IconErrorOutline, {
-          size: "16px",
-          color: theme.alert
-        }), ' ', maxlengthError]
-      }), invalidMessage && _jsxs(Text, {
-        color: theme.alert,
-        children: [_jsx(IconErrorOutline, {
-          size: "16px",
-          color: theme.alert
-        }), ' ', invalidMessage]
-      })]
-    })]
-  });
-};
-
-export default EditorOld;