@bbl-digital/snorre 4.2.70 → 4.2.71

package/dist/bundle.js

@@ -32421,7 +32421,7 @@
 	      value: inputValue,
 	      rows: rows,
 	      placeholder: placeholder,
-	      onChange: e => handleChange(e),
+	      onChange: handleChange,
 	      maxLength: maxLength,
 	      autoFocus: focus,
 	      disabled: disabled,

package/esm/core/QuillEditor/classes/IndentAttributor.js

@@ -0,0 +1,49 @@
+import Quill from 'quill';
+const Parchment = Quill.import('parchment');
+
+// Extend the Parchment StyleAttributor class
+export class IndentAttributor extends Parchment.StyleAttributor {
+  constructor(...args) {
+    super(...args);
+  }
+
+  // Add both class and style functionality
+  add(node, value) {
+    if (value === 0) {
+      this.remove(node);
+      return true;
+    } else {
+      // Add the style as before
+      const result = super.add(node, `${value}em`);
+      // Additionally, add a class based on the indent value
+      this.addClass(node, value);
+      return result;
+    }
+  }
+
+  // Method to add a class based on the indent value
+  addClass(node, value) {
+    // Remove any existing indent-related classes to avoid conflicts
+    this.removeClass(node);
+    const className = `ql-indent-${value}`; // Example class, you can customize the naming convention
+    node.classList.add(className);
+  }
+
+  // Remove any existing indent-related class (to reset)
+  removeClass(node) {
+    // Find and remove any class starting with "indent-"
+    node.classList.forEach(className => {
+      if (className.startsWith('ql-indent-')) {
+        node.classList.remove(className);
+      }
+    });
+  }
+
+  // Override the remove method to handle both styles and classes
+  remove(node) {
+    // Remove the style as before
+    super.remove(node);
+    // Remove any indent-related classes
+    this.removeClass(node);
+  }
+}

package/esm/core/QuillEditor/classes/ListContainer.js

@@ -0,0 +1,20 @@
+import Quill from 'quill';
+const ListContainer = Quill.import('formats/list-container');
+export class MyListContainer extends ListContainer {
+  static tagName = ['OL', 'UL'];
+  static defaultTag = 'OL';
+  static create(value) {
+    return document.createElement(this.getTag(value));
+  }
+  static getTag(val) {
+    const map = {
+      bullet: 'UL',
+      ordered: 'OL'
+    };
+    return map[val] || this.defaultTag;
+  }
+  checkMerge() {
+    // Only merge if the next list is the same type as this one
+    return super.checkMerge() && this.domNode.tagName === this.next?.domNode.tagName;
+  }
+}

package/esm/core/Textarea/index.js

@@ -51,7 +51,7 @@ const Textarea = ({
       value: inputValue,
       rows: rows,
       placeholder: placeholder,
-      onChange: e => handleChange(e),
+      onChange: handleChange,
       maxLength: maxLength,
       autoFocus: focus,
       disabled: disabled,

package/esm/globals/styles/quill.module.js

@@ -0,0 +1 @@
+import 'quill/dist/quill.snow.css';

package/esm/utils/getContrastColor.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getContrastColor = getContrastColor;
+function getContrastColor(bgColor, fallbackColor = 'white') {
+  if (!bgColor) return fallbackColor;
+  // Remove the # if present and parse the hexadecimal color
+  const hex = bgColor.replace('#', '');
+  const r = parseInt(hex?.substring(0, 2), 16);
+  const g = parseInt(hex?.substring(2, 4), 16);
+  const b = parseInt(hex?.substring(4, 6), 16);
+
+  // Calculate the relative luminance
+  const luminance = 0.2126 * (r / 255) ** 2.2 + 0.7152 * (g / 255) ** 2.2 + 0.0722 * (b / 255) ** 2.2;
+
+  // Choose white or black based on luminance
+  return luminance > 0.179 ? 'black' : 'white';
+}

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

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
-import React, { FormEventHandler } from 'react';
-interface IProps extends React.HTMLAttributes<HTMLInputElement> {
+import React from 'react';
+interface IProps extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'> {
     /** Adds label to input */
     label?: string;
     /** Give the input a value */
@@ -20,7 +20,7 @@ interface IProps extends React.HTMLAttributes<HTMLInputElement> {
     /** Adds title if disabled */
     disabledTitle?: string;
     /** On change callback, returns date */
-    onChange?: FormEventHandler<HTMLInputElement | HTMLTextAreaElement> & ((value: Date) => void);
+    onChange?: (value: Date) => void;
     /** Callback fired on date picker hide. Only for input  */
     onBlur?: () => void;
     /** Renders picker without input */

package/lib/core/Datepicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/index.tsx"],"names":[],"mappings":"AACA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAA+B,MAAM,OAAO,CAAA;AAY5E,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC7D,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,oDAAoD;IACpD,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,GACjE,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC,CAAA;IACzB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiNhC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/index.tsx"],"names":[],"mappings":"AACA,sCAAsC;AACtC,OAAO,KAAsC,MAAM,OAAO,CAAA;AAY1D,UAAU,MACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAChE,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,oDAAoD;IACpD,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IAChC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiNhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/QuillEditor/classes/IndentAttributor.d.ts

@@ -0,0 +1,10 @@
+declare const Parchment: any;
+export declare class IndentAttributor extends Parchment.StyleAttributor {
+    constructor(...args: any);
+    add(node: any, value: any): any;
+    addClass(node: any, value: any): void;
+    removeClass(node: any): void;
+    remove(node: any): void;
+}
+export {};
+//# sourceMappingURL=IndentAttributor.d.ts.map

package/lib/core/QuillEditor/classes/IndentAttributor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndentAttributor.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/QuillEditor/classes/IndentAttributor.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,EAAgC,GAAG,CAAA;AAGlD,qBAAa,gBAAiB,SAAQ,SAAS,CAAC,eAAe;gBACjD,GAAG,IAAI,EAAE,GAAG;IAKxB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;IAczB,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;IAS9B,WAAW,CAAC,IAAI,EAAE,GAAG;IAUrB,MAAM,CAAC,IAAI,EAAE,GAAG;CAMjB"}

package/lib/core/QuillEditor/classes/IndentAttributor.js

@@ -0,0 +1,49 @@
+import Quill from 'quill';
+const Parchment = Quill.import('parchment');
+
+// Extend the Parchment StyleAttributor class
+export class IndentAttributor extends Parchment.StyleAttributor {
+  constructor(...args) {
+    super(...args);
+  }
+
+  // Add both class and style functionality
+  add(node, value) {
+    if (value === 0) {
+      this.remove(node);
+      return true;
+    } else {
+      // Add the style as before
+      const result = super.add(node, `${value}em`);
+      // Additionally, add a class based on the indent value
+      this.addClass(node, value);
+      return result;
+    }
+  }
+
+  // Method to add a class based on the indent value
+  addClass(node, value) {
+    // Remove any existing indent-related classes to avoid conflicts
+    this.removeClass(node);
+    const className = `ql-indent-${value}`; // Example class, you can customize the naming convention
+    node.classList.add(className);
+  }
+
+  // Remove any existing indent-related class (to reset)
+  removeClass(node) {
+    // Find and remove any class starting with "indent-"
+    node.classList.forEach(className => {
+      if (className.startsWith('ql-indent-')) {
+        node.classList.remove(className);
+      }
+    });
+  }
+
+  // Override the remove method to handle both styles and classes
+  remove(node) {
+    // Remove the style as before
+    super.remove(node);
+    // Remove any indent-related classes
+    this.removeClass(node);
+  }
+}

package/lib/core/QuillEditor/classes/ListContainer.d.ts

@@ -0,0 +1,10 @@
+declare const ListContainer: any;
+export declare class MyListContainer extends ListContainer {
+    static tagName: string[];
+    static defaultTag: string;
+    static create(value: 'bullet' | 'ordered'): HTMLElement;
+    static getTag(val: 'bullet' | 'ordered'): string;
+    checkMerge(): any;
+}
+export {};
+//# sourceMappingURL=ListContainer.d.ts.map

package/lib/core/QuillEditor/classes/ListContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListContainer.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/QuillEditor/classes/ListContainer.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa,EAA6C,GAAG,CAAA;AACnE,qBAAa,eAAgB,SAAQ,aAAa;IAChD,MAAM,CAAC,OAAO,WAAe;IAC7B,MAAM,CAAC,UAAU,SAAO;IAExB,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS;IAIzC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,QAAQ,GAAG,SAAS;IAQvC,UAAU;CAMX"}

package/lib/core/QuillEditor/classes/ListContainer.js

@@ -0,0 +1,20 @@
+import Quill from 'quill';
+const ListContainer = Quill.import('formats/list-container');
+export class MyListContainer extends ListContainer {
+  static tagName = ['OL', 'UL'];
+  static defaultTag = 'OL';
+  static create(value) {
+    return document.createElement(this.getTag(value));
+  }
+  static getTag(val) {
+    const map = {
+      bullet: 'UL',
+      ordered: 'OL'
+    };
+    return map[val] || this.defaultTag;
+  }
+  checkMerge() {
+    // Only merge if the next list is the same type as this one
+    return super.checkMerge() && this.domNode.tagName === this.next?.domNode.tagName;
+  }
+}

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

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
-import React, { FormEventHandler } from 'react';
-interface IProps extends React.HTMLAttributes<HTMLTextAreaElement> {
+import React from 'react';
+interface IProps extends Omit<React.HTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
     /** Label of textarea */
     label?: string;
     /** Default value */
@@ -22,7 +22,7 @@ interface IProps extends React.HTMLAttributes<HTMLTextAreaElement> {
     /** Disable textarea */
     disabled?: boolean;
     /** Callback fired on changes */
-    onChange?: FormEventHandler<HTMLTextAreaElement> & ((value: string) => void);
+    onChange?: (value: string) => void;
 }
 declare const Textarea: React.FC<IProps>;
 export default Textarea;

package/lib/core/Textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Textarea/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAuB,MAAM,OAAO,CAAA;AAMpE,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAChE,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAA;CAE7E;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA6D9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Textarea/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAMlD,UAAU,MACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACnE,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAEnC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA6D9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/core/Textarea/index.js

@@ -51,7 +51,7 @@ const Textarea = ({
       value: inputValue,
       rows: rows,
       placeholder: placeholder,
-      onChange: e => handleChange(e),
+      onChange: handleChange,
       maxLength: maxLength,
       autoFocus: focus,
       disabled: disabled,

package/lib/globals/styles/quill.module.d.ts

@@ -0,0 +1,2 @@
+import 'quill/dist/quill.snow.css';
+//# sourceMappingURL=quill.module.d.ts.map

package/lib/globals/styles/quill.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quill.module.d.ts","sourceRoot":"","sources":["../../../src/packages/globals/styles/quill.module.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAA"}

package/lib/globals/styles/quill.module.js

@@ -0,0 +1 @@
+import 'quill/dist/quill.snow.css';

package/lib/utils/getContrastColor.d.ts

@@ -0,0 +1,2 @@
+export declare function getContrastColor(bgColor: string, fallbackColor?: string): string;
+//# sourceMappingURL=getContrastColor.d.ts.map

package/lib/utils/getContrastColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContrastColor.d.ts","sourceRoot":"","sources":["../../src/packages/utils/getContrastColor.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,aAAa,GAAE,MAAgB,UAiBhC"}

package/lib/utils/getContrastColor.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getContrastColor = getContrastColor;
+function getContrastColor(bgColor, fallbackColor = 'white') {
+  if (!bgColor) return fallbackColor;
+  // Remove the # if present and parse the hexadecimal color
+  const hex = bgColor.replace('#', '');
+  const r = parseInt(hex?.substring(0, 2), 16);
+  const g = parseInt(hex?.substring(2, 4), 16);
+  const b = parseInt(hex?.substring(4, 6), 16);
+
+  // Calculate the relative luminance
+  const luminance = 0.2126 * (r / 255) ** 2.2 + 0.7152 * (g / 255) ** 2.2 + 0.0722 * (b / 255) ** 2.2;
+
+  // Choose white or black based on luminance
+  return luminance > 0.179 ? 'black' : 'white';
+}

package/package.json

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