@bbl-digital/snorre 4.0.21 → 4.0.23

package/lib/core/Input/index.js

@@ -62,12 +62,14 @@ const Input = /*#__PURE__*/React.forwardRef(({
   return _jsxs("div", {
     css: styles.relative,
     children: [_jsxs("label", {
+      htmlFor: props.id,
       css: theme => [styles.default(theme), props.highlight && styles.highligted(height), type === 'search' && styles.searchLabel(theme), (props.invalid || props.invalidMessage) && styles.invalid(theme), height && styles.height(height)],
       className: className,
       children: [props.label && _jsx("span", {
         css: info && styles.pr4,
         children: props.label
       }), _jsx("input", {
+        id: props.id,
         type: type,
         ...(type !== 'password' && {
           value
@@ -81,6 +83,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
         maxLength: maxlength,
         ref: ref,
         name: props.name,
+        "aria-describedby": props.invalidMessage ? 'input-error-message' : undefined,
         css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), props.disabled && styles.disabled(theme), cardInput && styles.cardInput(theme)],
         children: React.Children.map(props.children, child => {
           if (!child) {
@@ -91,6 +94,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
       }), type === 'search' && _jsx(IconSearch, {}), props.invalidMessage && _jsx(IconErrorOutline, {
         size: "16px"
       }), props.invalidMessage && _jsx("span", {
+        id: "input-error-message",
         css: theme => [styles.errorMessage(theme), !props?.label && styles.errorMessageNoLabel],
         children: props.invalidMessage
       })]

package/lib/core/private/ButtonOrLink.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 export declare type ButtonOrLinkTypes = HTMLAnchorElement | HTMLButtonElement;
 export declare type Props = React.HTMLAttributes<ButtonOrLinkTypes> & {
-    [prop: string]: unknown;
     /** Icon to display at the end the content. */
     afterIcon?: React.ReactNode;
     /** Icon to display at the start the content. */
@@ -19,10 +18,11 @@ export declare type Props = React.HTMLAttributes<ButtonOrLinkTypes> & {
     /** Callback fired when the element is released. */
     onMouseUp?: (event: React.MouseEvent<ButtonOrLinkTypes>) => void;
     /** Keypress handler, to handle any wanted eventlistener button clicks */
-    onKeyPress?: {
+    onCustomKeyPress?: {
         key: string;
         action: (event: KeyboardEvent) => void;
     };
+    onKeyPress?: (event: KeyboardEvent) => void;
     /** Callback fired when the enter key is released. */
     onEnterKeyPress?: (event: KeyboardEvent) => void;
     /**  Callback fired when the escape key is released. */
@@ -44,6 +44,49 @@ export declare type Props = React.HTMLAttributes<ButtonOrLinkTypes> & {
     /** Set tabindex */
     tabIndex?: number;
 };
-declare const ButtonOrLink: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<any>>;
+declare const ButtonOrLink: React.ForwardRefExoticComponent<React.HTMLAttributes<ButtonOrLinkTypes> & {
+    /** Icon to display at the end the content. */
+    afterIcon?: React.ReactNode;
+    /** Icon to display at the start the content. */
+    beforeIcon?: React.ReactNode;
+    /** Content within the button or link. */
+    children: NonNullable<React.ReactNode>;
+    /** Whether the element is disabled. */
+    disabled?: boolean | undefined;
+    /** Render as an anchor link with a URL. */
+    href?: string | undefined;
+    /** Whether the element is loading. */
+    loading?: boolean | undefined;
+    /** Callback fired when the element is clicked. */
+    onClick?: ((event: React.MouseEvent<ButtonOrLinkTypes>) => void) | undefined;
+    /** Callback fired when the element is released. */
+    onMouseUp?: ((event: React.MouseEvent<ButtonOrLinkTypes>) => void) | undefined;
+    /** Keypress handler, to handle any wanted eventlistener button clicks */
+    onCustomKeyPress?: {
+        key: string;
+        action: (event: KeyboardEvent) => void;
+    } | undefined;
+    onKeyPress?: ((event: KeyboardEvent) => void) | undefined;
+    /** Callback fired when the enter key is released. */
+    onEnterKeyPress?: ((event: KeyboardEvent) => void) | undefined;
+    /**  Callback fired when the escape key is released. */
+    onEscapeKeyPress?: ((event: KeyboardEvent) => void) | undefined;
+    /** When a link, open the target in a new window. */
+    openInNewWindow?: boolean | undefined;
+    /** Rel attribute override for if the component has an href */
+    rel?: string | undefined;
+    /** Add a data-tracking-event attribute. */
+    trackingEvent?: string | undefined;
+    /** Add a data-tracking-name attribute. */
+    trackingName?: string | undefined;
+    /** When a button, the type of button. */
+    type?: "button" | "submit" | "reset" | undefined;
+    /** Link target */
+    target?: string | undefined;
+    /** Specifies the link as a download link . */
+    download?: any;
+    /** Set tabindex */
+    tabIndex?: number | undefined;
+} & React.RefAttributes<any>>;
 export default ButtonOrLink;
 //# sourceMappingURL=ButtonOrLink.d.ts.map

package/lib/core/private/ButtonOrLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonOrLink.d.ts","sourceRoot":"","sources":["../../../src/packages/core/private/ButtonOrLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,oBAAY,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AAErE,oBAAY,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC5D,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,gDAAgD;IAChD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACtC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D,mDAAmD;IACnD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAChE,yEAAyE;IACzE,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAA;QACX,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;KACvC,CAAA;IACD,qDAAqD;IACrD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACjD,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY,gFA6GjB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ButtonOrLink.d.ts","sourceRoot":"","sources":["../../../src/packages/core/private/ButtonOrLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,oBAAY,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AAErE,oBAAY,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC5D,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,gDAAgD;IAChD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACtC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D,mDAAmD;IACnD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAChE,yEAAyE;IACzE,gBAAgB,CAAC,EAAE;QACjB,GAAG,EAAE,MAAM,CAAA;QACX,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;KACvC,CAAA;IACD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC3C,qDAAqD;IACrD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACjD,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY;IA5ChB,8CAA8C;gBAClC,MAAM,SAAS;IAC3B,gDAAgD;iBACnC,MAAM,SAAS;IAC5B,yCAAyC;cAC/B,YAAY,MAAM,SAAS,CAAC;IACtC,uCAAuC;;IAEvC,2CAA2C;;IAE3C,sCAAsC;;IAEtC,kDAAkD;uBAChC,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,IAAI;IAC9D,mDAAmD;yBAC/B,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,IAAI;IAChE,yEAAyE;;aAElE,MAAM;wBACK,aAAa,KAAK,IAAI;;0BAEnB,aAAa,KAAK,IAAI;IAC3C,qDAAqD;+BAC3B,aAAa,KAAK,IAAI;IAChD,uDAAuD;gCAC5B,aAAa,KAAK,IAAI;IACjD,oDAAoD;;IAEpD,8DAA8D;;IAE9D,2CAA2C;;IAE3C,0CAA0C;;IAE1C,yCAAyC;;IAEzC,kBAAkB;;IAElB,8CAA8C;eACnC,GAAG;IACd,mBAAmB;;6BAoHpB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/private/ButtonOrLink.js

@@ -7,7 +7,6 @@ const ButtonOrLink = /*#__PURE__*/React.forwardRef(({
   beforeIcon,
   children,
   disabled = false,
-  flexAlign,
   href = '',
   loading = false,
   openInNewWindow = false,
@@ -22,6 +21,7 @@ const ButtonOrLink = /*#__PURE__*/React.forwardRef(({
   onMouseUp,
   onEnterKeyPress,
   onEscapeKeyPress,
+  onCustomKeyPress,
   onKeyPress,
   ...restProps
 }, ref) => {
@@ -44,10 +44,11 @@ const ButtonOrLink = /*#__PURE__*/React.forwardRef(({
   const handleKeyPress = event => {
     if (onEnterKeyPress && event.key === 'Enter') onEnterKeyPress(event);
     if (onEscapeKeyPress && event.key === 'Escape') onEscapeKeyPress(event);
-    if (onKeyPress && event.key === onKeyPress.key) onKeyPress.action(event);
+    if (onCustomKeyPress && event.key === onCustomKeyPress.key) onCustomKeyPress.action(event);
+    if (onKeyPress) onKeyPress(event);
   };
   useEffect(() => {
-    const hasKeyPressEvents = onEnterKeyPress || onEscapeKeyPress || onKeyPress;
+    const hasKeyPressEvents = onEnterKeyPress || onEscapeKeyPress || onKeyPress || onCustomKeyPress;
     if (!hasKeyPressEvents) return;
     window.addEventListener('keyup', handleKeyPress);
     return () => {

package/lib/layout/Footer/FooterButton/styles.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes> & {
-    [prop: string]: unknown;
     afterIcon?: import("react").ReactNode;
     beforeIcon?: import("react").ReactNode;
     children: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal;
@@ -9,17 +8,18 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<import("
     loading?: boolean | undefined;
     onClick?: ((event: import("react").MouseEvent<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
     onMouseUp?: ((event: import("react").MouseEvent<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
-    onKeyPress?: {
+    onCustomKeyPress?: {
         key: string;
         action: (event: KeyboardEvent) => void;
     } | undefined;
+    onKeyPress?: ((event: KeyboardEvent) => void) | undefined;
     onEnterKeyPress?: ((event: KeyboardEvent) => void) | undefined;
     onEscapeKeyPress?: ((event: KeyboardEvent) => void) | undefined;
     openInNewWindow?: boolean | undefined;
     rel?: string | undefined;
     trackingEvent?: string | undefined;
     trackingName?: string | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     target?: string | undefined;
     download?: any;
     tabIndex?: number | undefined;

package/lib/layout/Footer/FooterLink/styles.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes> & {
-    [prop: string]: unknown;
     afterIcon?: import("react").ReactNode;
     beforeIcon?: import("react").ReactNode;
     children: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal;
@@ -9,17 +8,18 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<import("
     loading?: boolean | undefined;
     onClick?: ((event: import("react").MouseEvent<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
     onMouseUp?: ((event: import("react").MouseEvent<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
-    onKeyPress?: {
+    onCustomKeyPress?: {
         key: string;
         action: (event: KeyboardEvent) => void;
     } | undefined;
+    onKeyPress?: ((event: KeyboardEvent) => void) | undefined;
     onEnterKeyPress?: ((event: KeyboardEvent) => void) | undefined;
     onEscapeKeyPress?: ((event: KeyboardEvent) => void) | undefined;
     openInNewWindow?: boolean | undefined;
     rel?: string | undefined;
     trackingEvent?: string | undefined;
     trackingName?: string | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     target?: string | undefined;
     download?: any;
     tabIndex?: number | undefined;

package/lib/layout/Menu/MenuTop/styles.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 export declare const StyledLink: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes> & {
-    [prop: string]: unknown;
     afterIcon?: import("react").ReactNode;
     beforeIcon?: import("react").ReactNode;
     children: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal;
@@ -9,17 +8,18 @@ export declare const StyledLink: import("@emotion/styled").StyledComponent<impor
     loading?: boolean | undefined;
     onClick?: ((event: import("react").MouseEvent<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
     onMouseUp?: ((event: import("react").MouseEvent<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes, MouseEvent>) => void) | undefined;
-    onKeyPress?: {
+    onCustomKeyPress?: {
         key: string;
         action: (event: KeyboardEvent) => void;
     } | undefined;
+    onKeyPress?: ((event: KeyboardEvent) => void) | undefined;
     onEnterKeyPress?: ((event: KeyboardEvent) => void) | undefined;
     onEscapeKeyPress?: ((event: KeyboardEvent) => void) | undefined;
     openInNewWindow?: boolean | undefined;
     rel?: string | undefined;
     trackingEvent?: string | undefined;
     trackingName?: string | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     target?: string | undefined;
     download?: any;
     tabIndex?: number | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.0.21",
+  "version": "4.0.23",
   "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;